/* ============================================================
   Tourix — Studio Dark
   Premium dark art direction (deep charcoal + gold). Loads LAST.
   Overrides the light theme + inline styles via !important.
   ============================================================ */
:root{
  --sd-bg:#0e0c09;
  --sd-surface:#191510;
  --sd-surface2:#221b12;
  --sd-line:rgba(224,180,69,.16);
  --sd-line-soft:rgba(255,255,255,.07);
  --sd-text:#f2ece0;
  --sd-muted:#b7aa90;
  --sd-faint:#82775f;
  --sd-gold:#e0b445;
  --sd-gold-bright:#f0cd72;
  --sd-shadow:0 1px 2px rgba(0,0,0,.45), 0 26px 54px -28px rgba(0,0,0,.75);
}

/* ---------- ground ---------- */
html,body{ background:var(--sd-bg) !important; }
body{ color:var(--sd-text) !important; }

/* ---------- section grounds ---------- */
.hero-x{
  background:
    radial-gradient(120% 82% at 84% -10%, rgba(224,180,69,.17), transparent 46%),
    radial-gradient(90% 70% at 4% 108%, rgba(224,180,69,.06), transparent 60%),
    linear-gradient(180deg,#13100b 0%, #0c0a07 100%) !important;
}
.why-us, .how-section, .faq-section, .partners-enhanced,
#services.services, #portfolio.services, section.services{
  background:linear-gradient(180deg,#110e0a 0%, #0c0a07 100%) !important;
}
.stats-section, .testimonials-enhanced, #contact.contact-enhanced{
  background:linear-gradient(135deg,#15120c 0%, #241a0d 60%, #16110a 100%) !important;
}
/* dim the decorative radial blobs so they don't wash the dark ground */
.why-us > div[style*="radial-gradient"],
.how-section > div[style*="radial-gradient"],
[style*="radial-gradient(circle"]{ opacity:.45 !important; }

/* ---------- text: flip dark inline colors to light ---------- */
[style*="color: #1a1a1a"], [style*="color:#1a1a1a"],
[style*="color: #222"], [style*="color: #333"], [style*="color:#333"]{ color:var(--sd-text) !important; }
[style*="color: #666"], [style*="color:#666"],
[style*="color: #555"], [style*="color: #777"], [style*="color: #888"], [style*="color: #999"], [style*="color: #ccc"]{ color:var(--sd-muted) !important; }

h1,h2,h3,h4,.section-title,.service-title,.feature-card h3,.app-name,
.how-step h3,.faq-question,.contact-info h3,.stat-label,.logo-text{ color:var(--sd-text) !important; }
.section-desc,.service-desc,.hero-x-sub,.feature-card p,.how-step p,
.app-desc,.faq-answer,.contact-info p,.logo-text small{ color:var(--sd-muted) !important; }

/* ---------- cards -> dark surfaces ---------- */
.feature-card,.service-card,.app-card,.how-step,.faq-item,
.testimonial-card,.partner-card,.stat,
[style*="background: #fff"], [style*="background:#fff"],
[style*="background: #ffffff"]{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
  box-shadow:var(--sd-shadow) !important;
}
.feature-card:hover,.service-card:hover,.app-card:hover,.how-step:hover{
  border-color:rgba(224,180,69,.42) !important;
  box-shadow:0 2px 4px rgba(0,0,0,.5), 0 34px 66px -28px rgba(224,180,69,.24) !important;
}
/* icon chips */
.feature-icon,.service-icon,.step-icon{ background:rgba(224,180,69,.12) !important; color:var(--sd-gold) !important; }

/* ---------- nav: dark glass (incl. the .scrolled state that turned it white) ---------- */
.navbar, nav.navbar, header .navbar, .nav-x,
.navbar.scrolled, nav.navbar.scrolled{
  background:rgba(10,10,11,.82) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border-bottom:1px solid var(--sd-line-soft) !important;
  box-shadow:none !important;
}
.nav-links a, .navbar.scrolled .nav-links a{ color:var(--sd-text) !important; }
.nav-links a:hover, .navbar.scrolled .nav-links a:hover{ color:var(--sd-gold) !important; }
.navbar .logo-text, .navbar.scrolled .logo-text{ color:var(--sd-text) !important; }
.navbar .logo-text small, .navbar.scrolled .logo-text small{ color:var(--sd-faint) !important; }
.lang-current{ background:rgba(255,255,255,.05) !important; color:var(--sd-text) !important; border-color:var(--sd-line) !important; }
.lang-menu{ background:#17130d !important; border-color:var(--sd-line) !important; box-shadow:0 20px 50px rgba(0,0,0,.6) !important; }
.lang-menu a{ color:var(--sd-text) !important; }
.lang-menu a:hover{ background:rgba(224,180,69,.12) !important; }

/* ---------- gold accents ---------- */
.hero-x-title, .hero-x-title *{ color:var(--sd-text) !important; }
.hero-x-title .grad, .grad{
  background:linear-gradient(115deg,#e6bd4a,#f2d075 55%,#dcae38) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.section-tag, .hero-badge, .services-tag, .why-tag{
  color:var(--sd-gold) !important; background:rgba(224,180,69,.10) !important;
  border:1px solid var(--sd-line) !important;
}
.stat-number, .stat-num{ color:var(--sd-gold) !important; }
.section-title::after{ background:linear-gradient(90deg,#c99a24,#f2d075) !important; }

/* hero floating cards -> dark glass */
.hero-float{ background:rgba(25,21,16,.85) !important; border:1px solid var(--sd-line) !important; color:var(--sd-muted) !important; }
.hero-float b{ color:var(--sd-text) !important; }

/* App-Store button: keep dark, add rim so it reads on dark cards */
.app-store-btn{ background:#0b0b0d !important; border:1px solid rgba(255,255,255,.22) !important; }
.app-store-btn:hover{ background:#000 !important; border-color:rgba(224,180,69,.5) !important; }

/* forms on dark */
input, textarea, select{ background:rgba(255,255,255,.05) !important; color:var(--sd-text) !important; border-color:var(--sd-line) !important; }
input::placeholder, textarea::placeholder{ color:var(--sd-faint) !important; }

/* keep gold CTA banner + its dark text intact */
.btn-primary, .btn-hero, .cta-btn{ color:#1a1408 !important; }

/* ============================================================
   Specificity boosters — beat section-scoped white-card rules
   ============================================================ */
.stats-section .stat,
.why-us .feature-card,
.services .service-card, #services .service-card,
#portfolio .app-card, .services .app-card,
.how-section .how-step,
.faq-section .faq-item, .faq-section .faq-question, .faq-section [style*="background:#fff"], .faq-section [style*="background: #fff"],
.partners-enhanced .partner-card, .partners-enhanced [style*="background:#fff"], .partners-enhanced [style*="background: #fff"],
.testimonials-enhanced .testimonial-slide, .testimonials-enhanced .testimonial-card,
.contact-enhanced [style*="background:#fff"], .contact-enhanced [style*="background: #fff"]{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
  box-shadow:var(--sd-shadow) !important;
}

/* dark-band section titles that stayed dark -> light (kill any gradient clip) */
.testimonials-enhanced .section-title,
.stats-section .section-title,
.contact-enhanced .section-title,
.contact-enhanced h2, .contact-enhanced h3{
  color:var(--sd-text) !important;
  -webkit-text-fill-color:var(--sd-text) !important;
  background:none !important;
}

/* testimonial card inner text readable on dark; keep gold stars */
.testimonials-enhanced .testimonial-slide *,
.testimonials-enhanced .testimonial-card *{ color:var(--sd-text) !important; }
.testimonials-enhanced .fa-star{ color:var(--sd-gold) !important; }
.testimonials-enhanced .fa-quote-right,
.testimonials-enhanced .fa-quote-left{ color:rgba(224,180,69,.22) !important; }

/* contact: gold icons/values stay gold, everything else already flipped */
.contact-enhanced [style*="color: #c9a227"], .contact-enhanced [style*="color:#c9a227"]{ color:var(--sd-gold) !important; }
.contact-enhanced .fa-map-marker-alt,
.contact-enhanced .fa-envelope,
.contact-enhanced .fa-phone-alt{ color:var(--sd-gold) !important; }

/* inner mini-rows (working hours) surfaces a touch lighter than card */
.contact-enhanced [style*="background: #fff"] [style*="background"],
.testimonials-enhanced [style*="background: rgba(255"]{ background:rgba(255,255,255,.04) !important; }

/* classless translucent-white cards (contact, etc.) that a strong rule forces solid white */
.contact-enhanced [style*="rgba(255, 255, 255, 0.05)"],
.contact-enhanced [style*="rgba(255,255,255,0.05)"],
.stats-section [style*="rgba(255, 255, 255, 0.05)"],
.why-us [style*="rgba(255, 255, 255"],
[style*="rgba(255, 255, 255, 0.05)"]{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
}
/* EXACT overrides of redesign.css light-flip rules (match their specificity, load later) */
.testimonials-enhanced .testimonial-slide > div{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
  box-shadow:var(--sd-shadow) !important;
}
.contact-enhanced [style*="rgba(255, 255, 255, 0.03)"]{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
}
.contact-enhanced form input, .contact-enhanced form textarea, .contact-enhanced form select{
  background:rgba(255,255,255,.05) !important; border:1px solid var(--sd-line) !important; color:var(--sd-text) !important;
}

/* GLOBAL catch — doubled attribute selector (0,2,0) beats section-scoped white !important rules.
   Catches every translucent-white inline bg (solid card, gradient card) anywhere. */
[style*="rgba(255, 255, 255, 0.05)"][style*="background"],
[style*="rgba(255,255,255,0.05)"][style*="background"],
[style*="rgba(255, 255, 255, 0.1)"][style*="background"]{
  background:var(--sd-surface) !important;
  border:1px solid var(--sd-line) !important;
}
/* nested inner rows a touch lighter for depth (more specific -> wins) */
.contact-enhanced [style*="rgba(255, 255, 255, 0.05)"] [style*="rgba(255, 255, 255, 0.05)"]{
  background:rgba(255,255,255,.05) !important;
}

/* lift any remaining dim text inside contact cards (keep gold values + red "Closed") */
.contact-enhanced [style*="rgba(255, 255, 255, 0.05)"] *:not([style*="c9a227"]):not([style*="ff8a96"]):not(.fa-solid):not(.fas){
  color:var(--sd-text) !important;
}
/* generic low-contrast greys anywhere on dark -> readable muted */
[style*="color: #5d5d68"], [style*="color:#5d5d68"],
[style*="color: #888"], [style*="color: #999"], [style*="color: #aaa"]{ color:var(--sd-muted) !important; }

/* hero trust: clean star rating (replaced generic stock avatars) */
.hero-x-avatars{ display:none !important; }
.hero-stars{ display:inline-flex; align-items:center; gap:4px; }
.hero-stars i{ color:var(--sd-gold) !important; font-size:1rem; filter:drop-shadow(0 1px 4px rgba(224,180,69,.4)); }
.hero-stars b{ color:var(--sd-text) !important; margin-inline-start:9px; font-weight:800; font-size:1.05rem; font-family:'Sora','Cairo',sans-serif; }
.hero-x-meta{ display:flex; align-items:center; gap:16px; }
.hero-x-meta-txt b{ color:var(--sd-text) !important; display:block; font-weight:700; }
.hero-x-meta-txt span{ color:var(--sd-muted) !important; }

/* hero App-Store icon strip: tile behind each so dark-bg icons read on dark */
.hero-apps img{ background:rgba(255,255,255,.06) !important; border:1px solid var(--sd-line) !important; border-radius:12px !important; padding:2px; }
.hero-apps a:hover img{ border-color:rgba(224,180,69,.5) !important; }

/* ================================================================
   BIG-TECH MINIMAL PASS (Tesla / SpaceX / xAI lean)
   Near-black, white type-forward, gold only as a whisper, no clutter.
   ================================================================ */
html, body{ background:#0a0a0b !important; }
.hero-x{
  background:
    radial-gradient(130% 92% at 80% -22%, rgba(224,180,69,.10), transparent 42%),
    linear-gradient(180deg,#0c0c0e 0%, #060607 100%) !important;
}
.why-us,.how-section,.faq-section,.partners-enhanced,
#services.services,#portfolio.services,section.services{ background:#0a0a0b !important; }
.stats-section,.testimonials-enhanced,#contact.contact-enhanced{
  background:linear-gradient(180deg,#0e0d0a,#08080a) !important;
}

/* headline: white-forward, gold as a whisper */
.hero-x-title{ color:#fff !important; letter-spacing:-.04em !important; }
.hero-x-title .grad{
  background:linear-gradient(120deg,#f2e8d0,#d8ab34) !important;
  -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important;
}

/* eyebrows -> minimal letterspaced labels (kill the pills) */
.section-tag,.hero-badge,.services-tag,.why-tag{
  background:transparent !important; border:none !important; padding:0 !important; box-shadow:none !important;
  color:#8f8674 !important; letter-spacing:.30em !important; font-size:.72rem !important; font-weight:600 !important;
}
.hero-badge .b-dot{ display:none !important; }

/* hide ALL decorative header glyphs (crown/briefcase/layers/users/certificate).
   margin-bottom:20px distinguishes deco icons from stat numbers (which use 10px). */
[style*="font-size: 3rem"][style*="margin-bottom: 20px"],
[style*="font-size: 3.5rem"][style*="margin-bottom: 20px"],
[style*="font-size: 4rem"][style*="margin-bottom: 20px"]{ display:none !important; }
.decorative-line{ display:none !important; }
.section-tag::before{ display:none !important; content:'' !important; }

/* titles: bigger, tighter, white; drop the gold underline */
.section-title{ color:#fff !important; letter-spacing:-.03em !important; font-weight:800 !important; }
.section-title::after{ display:none !important; }

/* cards: minimal — hairline border, flat, no gold glow */
.feature-card,.service-card,.app-card,.how-step,.stat,
.testimonials-enhanced .testimonial-slide > div,.faq-item,.partner-card{
  background:#101012 !important; border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important; border-radius:14px !important;
}
.feature-card:hover,.service-card:hover,.app-card:hover,.how-step:hover{
  border-color:rgba(255,255,255,.18) !important; box-shadow:none !important; transform:translateY(-4px) !important;
}
.hero-float{ background:rgba(16,16,18,.9) !important; border:1px solid rgba(255,255,255,.09) !important; }

/* strip gold top-accent bars (::before AND ::after) + the ✦ sparkle pseudo for full minimalism */
.feature-card::before,.feature-card::after,
.service-card::before,.service-card::after,
.app-card::before,.app-card::after,
.stat::before,.stat::after,
.how-step::before,.how-step::after,
.partner-card::before,.partner-card::after{ display:none !important; content:'' !important; }
.section-header::before,.section-header::after{ display:none !important; content:'' !important; }
/* gold 5px top-accent bars are real child divs, not pseudos — hide them */
[style*="height: 5px"][style*="linear-gradient(90deg"],
[style*="height:5px"][style*="linear-gradient(90deg"]{ display:none !important; }

/* generous whitespace */
.why-us,.how-section,.faq-section,.partners-enhanced,
#services.services,#portfolio.services,.stats-section,
.testimonials-enhanced,#contact.contact-enhanced{ padding-top:120px !important; padding-bottom:120px !important; }

/* ---------- Splash overlay must NEVER block interaction ----------
   It's purely decorative (logo + ring, no buttons), yet sits at z-index:99999
   over the whole viewport. If it ever lingers it eats clicks (e.g. the language
   switcher links). Make clicks pass straight through, and force it fully gone on .hide. */
.loading-screen{ pointer-events:none !important; }
.loading-screen.hide{ opacity:0 !important; visibility:hidden !important; display:none !important; }
/* failsafe: auto-dismiss even if the hide JS never runs */
@keyframes sp-autohide{ to{ opacity:0; visibility:hidden; } }
.loading-screen{ animation:sp-autohide .01s linear 2.6s forwards; }

/* ================= Cinematic scroll (Apple/Linear-lean) ================= */
/* premium ease-out-expo on all scroll reveals */
[data-aos]{ transition-timing-function:cubic-bezier(.16,1,.3,1) !important; transition-duration:.9s !important; }
/* section titles rise a touch further + settle, for a filmic reveal */
.section-title[data-aos], .hero-x-title{ will-change:transform, opacity; }
/* hero visual gets GPU hint for smooth parallax */
.hero-appshot-wrap, .hero-float{ will-change:transform; }
/* respect reduced motion — kill parallax/float */
@media (prefers-reduced-motion:reduce){
  .hero-appshot{ animation:none !important; }
  .hero-appshot-wrap, .hero-float{ transform:none !important; }
}

/* scrollbar + selection */
::selection{ background:var(--sd-gold); color:#141007; }
html{ scrollbar-color:#c9a227 #17130d; }