/*
Theme Name: Agent Directory
Theme URI: https://example.com/agent-directory
Author: Agent Directory Team
Author URI: https://example.com
Description: High-trust, mobile-first WordPress directory theme for verified agents. Built with native PHP, CSS, and Vanilla JavaScript for fast performance on Hostinger shared hosting.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agent-directory
Tags: one-column, two-columns, custom-logo, custom-menu, featured-images, full-width-template
*/

/* Reset & Root Variables (Velki Stadium Night Inspired Dark Theme) */
:root {
	--ad-navy-dark: #07070a;
	--ad-navy-surface: #12121a;
	--ad-navy-border: #232334;
	--ad-bg-body: #0b0b0e;
	--ad-bg-card: #14141f;
	--ad-bg-card-hover: #191928;
	--ad-border: rgba(255, 255, 255, 0.08);
	--ad-border-hover: rgba(245, 158, 11, 0.4);
	--ad-green-primary: #10b981;
	--ad-green-whatsapp: #25d366;
	--ad-green-hover: #1fae54;
	--ad-amber-warning: #f59e0b;
	--ad-gold: #f59e0b;
	--ad-gold-hover: #d97706;
	--ad-red-critical: #ef4444;
	--ad-bg-light: #0b0b0e;
	--ad-text-dark: #ffffff;
	--ad-text-muted: #94a3b8;
	--ad-text-light: #ffffff;
	--ad-radius-sm: 6px;
	--ad-radius-md: 10px;
	--ad-radius-lg: 16px;
	--ad-radius-full: 9999px;
	--ad-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
	--ad-shadow-hover: 0 12px 24px -4px rgba(0, 0, 0, 0.6), 0 0 15px rgba(245, 158, 11, 0.15);
	--ad-font-sans: 'Hind Siliguri', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--ad-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: var(--ad-font-sans);
	font-size: 16px;
	line-height: 1.6;
	color: var(--ad-text-dark);
	background-color: var(--ad-bg-body);
	-webkit-font-smoothing: antialiased;
}

a {
	color: var(--ad-gold);
	text-decoration: none;
	transition: var(--ad-transition);
}

a:hover {
	color: var(--ad-green-hover);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Accessibility: Skip Link */
.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.skip-link:focus {
	position: fixed !important;
	top: 10px;
	left: 10px;
	z-index: 999999;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	background: var(--ad-navy-dark);
	color: #ffffff;
	padding: 12px 20px;
	border-radius: var(--ad-radius-sm);
	font-weight: bold;
}