/*
Theme Name: AI Tools Directory
Theme URI: https://aitoolsdirectory.com
Author: AI Tools Directory
Description: Companion theme for the AI Tools Directory plugin - directory homepage, discover/archive, single tool, category, pricing, compare and dashboard templates.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ai-tools-directory-theme
*/

:root {
	--atd-primary: #7c3aed;
	--atd-primary-foreground: #ffffff;
	--atd-background: #ffffff;
	--atd-foreground: #0f172a;
	--atd-muted: #f1f5f9;
	--atd-muted-foreground: #64748b;
	--atd-border: #e2e8f0;
	--atd-radius: 10px;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	background: var(--atd-background);
	color: var(--atd-foreground);
	line-height: 1.5;
}

a { color: inherit; text-decoration: none; }

.atd-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

.atd-header {
	position: sticky;
	top: 0;
	z-index: 40;
	background: rgba(255,255,255,0.9);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid var(--atd-border);
}

.atd-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
}

.atd-logo { font-weight: 700; font-size: 18px; display: flex; align-items: center; }
.atd-logo--image img { display: block; height: auto; max-height: 44px; width: auto; }

.atd-nav { display: flex; align-items: center; gap: 24px; }
.atd-nav ul {
	display: flex;
	align-items: center;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.atd-nav li { margin: 0; }
.atd-nav a { color: var(--atd-muted-foreground); font-size: 14px; font-weight: 500; }
.atd-nav a:hover { color: var(--atd-foreground); }

.atd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 16px;
	border-radius: var(--atd-radius);
	font-size: 14px;
	font-weight: 500;
	border: 1px solid transparent;
	cursor: pointer;
}
.atd-btn--primary { background: var(--atd-primary); color: var(--atd-primary-foreground); }
.atd-btn--outline { background: transparent; border-color: var(--atd-border); color: var(--atd-foreground); }

.atd-hero {
	text-align: center;
	padding: 80px 24px;
	background: linear-gradient(to bottom, #f5f3ff, #ffffff);
	border-bottom: 1px solid var(--atd-border);
}
.atd-hero h1 { font-size: 40px; margin: 0 0 16px; }
.atd-hero p { color: var(--atd-muted-foreground); font-size: 18px; max-width: 640px; margin: 0 auto 32px; }

.atd-search-form { display: flex; gap: 8px; max-width: 560px; margin: 0 auto; }
.atd-search-form input {
	flex: 1;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--atd-border);
	border-radius: var(--atd-radius);
	font-size: 14px;
}

.atd-section { padding: 40px 0; }
.atd-section h2 { font-size: 24px; margin-bottom: 20px; }
.atd-section-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.atd-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}

.atd-category-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
}
.atd-category-card {
	border: 1px solid var(--atd-border);
	border-radius: var(--atd-radius);
	padding: 16px;
	text-align: center;
}
.atd-category-card:hover { border-color: var(--atd-primary); background: #faf5ff; }
.atd-category-card p:first-child { font-weight: 600; margin: 0 0 4px; }
.atd-category-card p:last-child { margin: 0; color: var(--atd-muted-foreground); font-size: 13px; }

.atd-card {
	position: relative;
	border: 1px solid var(--atd-border);
	border-radius: var(--atd-radius);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}
.atd-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.06); }
.atd-card-header { display: flex; gap: 12px; align-items: center; }
.atd-card-logo {
	width: 44px; height: 44px; border-radius: 8px; background: var(--atd-muted);
	display: flex; align-items: center; justify-content: center; font-weight: 700; overflow: hidden;
}
.atd-card-title { font-weight: 600; }
.atd-card-tagline { color: var(--atd-muted-foreground); font-size: 13px; margin: 2px 0 0; }
.atd-card-description { color: var(--atd-muted-foreground); font-size: 14px; flex: 1; }
.atd-card-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--atd-border); padding-top: 12px; font-size: 14px; }

.atd-tags { display: flex; flex-wrap: wrap; gap: 6px; }

.atd-layout { display: grid; grid-template-columns: 1fr 320px; gap: 32px; padding: 40px 0; }
.atd-sidebar { display: flex; flex-direction: column; gap: 16px; }
.atd-sidebar .atd-card { padding: 16px; }

.atd-filters { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; }
.atd-filters fieldset { border: none; padding: 0; margin: 0; }
.atd-filters legend { font-weight: 600; font-size: 13px; margin-bottom: 8px; }

@media (max-width: 900px) {
	.atd-layout { grid-template-columns: 1fr; }
	.atd-nav { display: none; }
}