/* Tasheel Vista v1.6.13 — FINAL AR COLOR + BRAND LOCK
   Unique filename to defeat stale mobile/browser caches.
   No red text. Arabic uses the same full Tasheel Vista logo as EN. */

:root{
  --v1613-ivory:#fffdf8;
  --v1613-cream:#f4f0e7;
  --v1613-gold:#f3d58f;
  --v1613-bronze:#7b5a2b;
  --v1613-teal:#176f68;
  --v1613-ink:#153129;
  --v1613-dark:#2a4c43;
}

/* Brand frame owns its surface. Same full logo in EN + AR. */
.vista-logo-brand{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(145deg,#fffefb,#f7efe3)!important;
  border:1px solid rgba(23,76,67,.15)!important;
  border-radius:20px!important;
  padding:7px 10px!important;box-shadow:0 8px 24px rgba(49,39,24,.10)!important;
}
.vista-logo-brand .vista-brand-logo{display:block!important;height:58px!important;width:auto!important;max-width:min(240px,42vw)!important;object-fit:contain!important}
html[lang="ar"] .vista-logo-brand span,
html[lang="ar"] .vista-logo-brand .vista-brand-mark{display:none!important}
html[lang="ar"] .vista-logo-brand .vista-brand-logo{display:block!important}

/* Default Arabic accent palette: never red/coral. */
html[lang="ar"] .eyebrow,
html[lang="ar"] .kicker,
html[lang="ar"] .num,
html[lang="ar"] .script-accent,
html[lang="ar"] .handwritten{
  color:var(--v1613-bronze)!important;
  -webkit-text-fill-color:var(--v1613-bronze)!important;
}

/* Dark/hero surfaces: exact EN palette for Arabic. */
html[lang="ar"] .hero.inventory-hero .hero-copy,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy{
  background:rgba(42,76,67,.94)!important;
  color:var(--v1613-ivory)!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy h1,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy h1,
html[lang="ar"] .hero.inventory-hero .hero-copy h2,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy h2,
html[lang="ar"] .hero.inventory-hero .hero-copy h3,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy h3,
html[lang="ar"] .hero.inventory-hero .hero-copy strong,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy strong{
  color:var(--v1613-ivory)!important;
  -webkit-text-fill-color:var(--v1613-ivory)!important;
  text-shadow:none!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy .eyebrow,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .eyebrow,
html[lang="ar"] .hero.inventory-hero .hero-copy .kicker,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .kicker,
html[lang="ar"] .hero.inventory-hero .hero-copy h1 em,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy h1 em{
  color:var(--v1613-gold)!important;
  -webkit-text-fill-color:var(--v1613-gold)!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy p,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy p,
html[lang="ar"] .hero.inventory-hero .hero-copy .lead,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .lead{
  color:var(--v1613-cream)!important;
  -webkit-text-fill-color:var(--v1613-cream)!important;
  opacity:1!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy .hero-proof span,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .hero-proof span{
  color:var(--v1613-ivory)!important;
  -webkit-text-fill-color:var(--v1613-ivory)!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy .section-more,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .section-more{
  background:var(--v1613-ivory)!important;color:var(--v1613-teal)!important;
  -webkit-text-fill-color:var(--v1613-teal)!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy .btn.primary,
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .btn.primary{
  background:var(--v1613-gold)!important;color:var(--v1613-ink)!important;
  -webkit-text-fill-color:var(--v1613-ink)!important;
}
html[lang="ar"] .hero.inventory-hero .hero-copy .btn:not(.primary),
html[lang="ar"] .hero.inventory-hero.redteam-hero .hero-copy .btn:not(.primary){
  background:var(--v1613-ivory)!important;color:var(--v1613-ink)!important;
  -webkit-text-fill-color:var(--v1613-ink)!important;
}

/* Any dark section owns light Arabic typography. */
html[lang="ar"] .dark-band h1,html[lang="ar"] .dark-band h2,html[lang="ar"] .dark-band h3,html[lang="ar"] .dark-band h4,
html[lang="ar"] .footer h4{color:var(--v1613-ivory)!important;-webkit-text-fill-color:var(--v1613-ivory)!important}
html[lang="ar"] .dark-band p,html[lang="ar"] .dark-band small,html[lang="ar"] .footer p,html[lang="ar"] .footer small{
  color:#dcebe4!important;-webkit-text-fill-color:#dcebe4!important
}
html[lang="ar"] .dark-band .eyebrow,html[lang="ar"] .dark-band .kicker,html[lang="ar"] .footer .eyebrow{
  color:var(--v1613-gold)!important;-webkit-text-fill-color:var(--v1613-gold)!important
}

/* Explicitly neutralize legacy rose/coral text classes. */
html[lang="ar"] .tone-rose .eyebrow,html[lang="ar"] .tone-rose .kicker,html[lang="ar"] .tone-rose .num,
html[lang="en"] .tone-rose .eyebrow,html[lang="en"] .tone-rose .kicker,html[lang="en"] .tone-rose .num{
  color:var(--v1613-bronze)!important;-webkit-text-fill-color:var(--v1613-bronze)!important
}

@media(max-width:760px){
  .site-header .vista-logo-brand{padding:6px 8px!important;border-radius:17px!important}
  .site-header .vista-logo-brand .vista-brand-logo{height:48px!important;max-width:200px!important}
}


/* ==========================================================
   v1.6.13 — ARABIC COLOR RESET / SOURCE-LEVEL BYPASS
   Do not depend on legacy .eyebrow or h1 em hooks for home hero.
   ========================================================== */
html[lang="ar"]{
  --ar-vista-ivory:#fffdf8;
  --ar-vista-cream:#f4f0e7;
  --ar-vista-gold:#f3d58f;
  --ar-vista-teal:#176f68;
  --ar-vista-ink:#153129;
}
/* Global AR accent safety: erase gradient/clip/blend paint effects. */
html[lang="ar"] .eyebrow,
html[lang="ar"] .kicker,
html[lang="ar"] .num,
html[lang="ar"] .script-accent,
html[lang="ar"] .handwritten,
html[lang="ar"] h1 em,
html[lang="ar"] h2 em,
html[lang="ar"] h3 em{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  text-shadow:none!important;
  opacity:1!important;
}
/* New source-level home hero nodes: independent of old generic accent hooks. */
#vista-ar-hero-copy{
  color:var(--ar-vista-ivory)!important;
  -webkit-text-fill-color:var(--ar-vista-ivory)!important;
}
#vista-ar-hero-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--ar-vista-gold)!important;
  -webkit-text-fill-color:var(--ar-vista-gold)!important;
  font-family:"Aref Ruqaa","Amiri","Noto Naskh Arabic",serif!important;
  font-size:clamp(25px,3.2vw,38px)!important;
  font-weight:700!important;
  line-height:1.65!important;
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  mix-blend-mode:normal!important;filter:none!important;text-shadow:none!important;opacity:1!important;
}
#vista-ar-hero-kicker::before{
  content:"";display:inline-block;width:46px;height:2px;border-radius:999px;
  background:var(--ar-vista-gold)!important;opacity:.78;flex:0 0 auto;
}
#vista-ar-hero-title{
  color:var(--ar-vista-ivory)!important;
  -webkit-text-fill-color:var(--ar-vista-ivory)!important;
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  mix-blend-mode:normal!important;filter:none!important;text-shadow:none!important;opacity:1!important;
}
#vista-ar-hero-script{
  display:inline-block!important;
  color:var(--ar-vista-gold)!important;
  -webkit-text-fill-color:var(--ar-vista-gold)!important;
  font-family:"Aref Ruqaa","Amiri","Noto Naskh Arabic",serif!important;
  font-weight:700!important;
  font-style:normal!important;
  background:none!important;background-image:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  mix-blend-mode:normal!important;filter:none!important;text-shadow:none!important;opacity:1!important;
}
#vista-ar-hero-copy .lead{
  color:var(--ar-vista-cream)!important;
  -webkit-text-fill-color:var(--ar-vista-cream)!important;
  background:none!important;background-image:none!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important;
}
/* Never allow legacy red/coral foreground on Arabic text. */
html[lang="ar"] .tone-rose .eyebrow,
html[lang="ar"] .tone-rose .kicker,
html[lang="ar"] .tone-rose .num{
  color:#8a6330!important;-webkit-text-fill-color:#8a6330!important;
}
@media(max-width:760px){
  #vista-ar-hero-kicker{font-size:25px!important;line-height:1.7!important}
  #vista-ar-hero-kicker::before{width:34px!important}
}


/* Unified menu branding: same full logo in both languages; no text surrogate. */
.v169-menu-title{display:grid!important;gap:10px!important;align-items:start!important}
.v169-menu-logo-frame{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;
  padding:7px 10px!important;border-radius:18px!important;background:#fffdf8!important;
  border:1px solid rgba(23,76,67,.15)!important;box-shadow:0 8px 24px rgba(49,39,24,.10)!important;
}
.v169-menu-logo{display:block!important;height:48px!important;width:auto!important;max-width:210px!important;object-fit:contain!important}
@media(max-width:760px){.v169-menu-logo{height:42px!important;max-width:180px!important}}


/* CSP-safe real destination photography: no inline style attributes. */
.destination-card.real-madinah{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Masjid_An-Nabawi_in_Madinah.jpg/1280px-Masjid_An-Nabawi_in_Madinah.jpg')!important}
.destination-card.real-alula{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/Elephant_Rock_2020.jpg/1280px-Elephant_Rock_2020.jpg')!important}
.destination-card.real-riyadh{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Edge_of_the_World.jpg/1280px-Edge_of_the_World.jpg')!important}
.destination-card.real-jeddah{background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Jeddah_Corniche_Photo.jpg/1280px-Jeddah_Corniche_Photo.jpg')!important}
.destination-card.real-aseer{background-image:url('https://upload.wikimedia.org/wikipedia/commons/a/aa/Abha,_Saudi_Arabia.jpg')!important}