/*
Theme Name: Estate Elite
Theme URI: https://estateelite.example
Author: Estate Elite Dev Team
Author URI: https://estateelite.example
Description: A luxury real estate agency theme with a custom Properties post type, advanced AJAX search & filtering, Google Maps integration, ACF-powered fields, and a "Quiet Luxury" editorial design (Playfair Display + Inter, Deep Navy + Gold). Built from the Aurelian Estate design system. Gutenberg-ready, responsive-first, accessible, SEO-ready.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estate-elite
Tags: real-estate, custom-post-type, ajax, google-maps, luxury, responsive, accessibility-ready, translation-ready
*/

/*
 * NOTE ON STYLES
 * --------------
 * The visual layer is driven by Tailwind CSS (see assets/css/input.css compiled to
 * assets/css/app.css via `npm run build`). This stylesheet only holds the theme header
 * (required by WordPress) plus a handful of design-system primitives that either cannot
 * be expressed as utilities or must exist before Tailwind loads (font-face fallbacks,
 * WP core alignment classes, accessibility helpers).
 *
 * Do NOT put layout here — use the Tailwind utility classes in the templates.
 */

/* ---------- WordPress core / editor alignment classes ---------- */
.alignleft   { float: left; margin: 0.5em 1.5em 1em 0; }
.alignright  { float: right; margin: 0.5em 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide   { max-width: 1080px; margin-left: auto; margin-right: auto; }
.alignfull   { max-width: 100%; }

.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; color: #44474d; text-align: center; }
.sticky, .gallery-caption, .bypostauthor { }

/* ---------- Accessibility: skip link & screen-reader text ---------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #ffffff;
	clip: auto !important;
	clip-path: none;
	color: #0d1c32;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Keyboard focus outline (gold) — respected even when Tailwind resets outlines. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid #775a19;
	outline-offset: 2px;
}

/* ---------- Design-system primitives (available even before app.css loads) ---------- */
.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	vertical-align: middle;
	line-height: 1;
}
.ee-luxury-shadow { box-shadow: 0 30px 60px -12px rgba(13, 28, 50, 0.06); }
.ee-editorial-shadow { box-shadow: 0 20px 40px -15px rgba(13, 28, 50, 0.06); }
.ee-hero-gradient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.40) 100%);
}

/* Respect reduced-motion preferences for all the CSS transitions in templates. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}