/* ============================================================
   ToutShop — Son 1 OVERRIDES
   Loads AFTER kimi-v3.css (declared dependency in functions.php).
   Guarantees dark theme + Arabic font no matter how Son 5 rebuilds
   kimi-v3.css from the React source. Do not let kimi-v3 win.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&family=Tajawal:wght@300;400;700;900&display=swap');

/* --- Force dark theme tokens (shadcn HSL vars used across all sections) --- */
:root{
  --background: 222 47% 2% !important;
  --foreground: 0 0% 100% !important;
  --card: 220 30% 5% !important;
  --card-foreground: 0 0% 100% !important;
  --popover: 220 47% 3% !important;
  --popover-foreground: 0 0% 100% !important;
  --secondary: 220 20% 10% !important;
  --secondary-foreground: 0 0% 100% !important;
  --muted: 220 15% 12% !important;
  --muted-foreground: 215 20% 65% !important;
  --border: 220 15% 15% !important;
  --input: 220 15% 15% !important;
}

/* --- Body: transparent so header.php's bg-[#030303] shows through, white text, Arabic font --- */
body{
  background-color:#030303 !important;
  color:#fff !important;
  font-family:'Cairo','Tajawal',sans-serif !important;
}

/* --- Hero section: kill any near-white inline gradient from the bundle --- */
#kimi-hero section{
  background:linear-gradient(135deg,#050508 0%,#0d0d18 30%,#060610 60%,#050508 100%) !important;
}
/* Hero product name + description must be readable on dark */
#kimi-hero h1 span.text-gray-900,
#kimi-hero h1 .text-gray-900{ color:#fff !important; }
#kimi-hero p.text-gray-500,
#kimi-hero .text-gray-500{ color:#cbd5e1 !important; }

/* --- Mount points should never flash white --- */
#kimi-hero,#kimi-products,#kimi-why,#kimi-results,#kimi-testimonials{
  background-color:transparent;
}
#kimi-navbar { display: none !important; }