/*
Theme Name: Assets Marketing
Theme URI: https://www.assetsmarketing.pk
Author: Assets Marketing
Author URI: https://www.assetsmarketing.pk
Description: Custom real-estate theme for Assets Marketing — Pakistan's trusted property platform. Crimson/black brand, property listings with filters, single property pages, map, and inquiry forms.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: assets-marketing
*/

/* Brand tokens (Tailwind handles the rest via CDN config in header.php). */
:root {
  --am-crimson: #cc0000;
  --am-crimson-dark: #a30000;
  --am-black: #0a0a0a;
}

/* Base reset / typography fallback before Tailwind paints */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #111827; background: #f9fafb; }
.font-display { font-family: Montserrat, Inter, sans-serif; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }

/* Crimson helpers usable outside Tailwind */
.text-crimson { color: var(--am-crimson); }
.bg-crimson { background-color: var(--am-crimson); }
.border-crimson { border-color: var(--am-crimson); }

/* Lightbox */
.am-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.92); z-index: 9999; display: none; align-items: center; justify-content: center; }
.am-lightbox.open { display: flex; }
.am-lightbox img { max-width: 92vw; max-height: 88vh; border-radius: .5rem; }
.am-lightbox .am-close { position: absolute; top: 1.25rem; right: 1.5rem; color: #fff; font-size: 2rem; cursor: pointer; line-height: 1; }
.am-lightbox .am-nav { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 2.5rem; cursor: pointer; padding: 0 1rem; user-select: none; }
.am-lightbox .am-prev { left: .5rem; }
.am-lightbox .am-next { right: .5rem; }

/* Count-up + reveal */
[data-countup] { font-variant-numeric: tabular-nums; }
.am-reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.am-reveal.is-visible { opacity: 1; transform: none; }