/* =====================================================
   Design Crunchers — UAE Edition / Arabic Touch Theme
   All UAE-specific styling lives in this file.
   ===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

:root{
  --uae-gold:  #1fa6dc;
  --uae-gold-light: #63cdec;
  --uae-gold-dark:  #37a72f;
  --uae-red:   #ef3340;
  --uae-green: #009739;
}

/* ---------- Top strip (UAE identity bar) ---------- */
.uae-topbar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:8px 16px;
  background:linear-gradient(90deg, rgba(0,0,0,.96), rgba(18,18,26,.96));
  border-bottom:2px solid var(--uae-gold);
  position:relative;
  z-index:5;
}
.uae-topbar::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:6px;
  background:linear-gradient(180deg,
    var(--uae-red) 0 25%,
    var(--uae-green) 25% 50%,
    #ffffff 50% 75%,
    #000000 75% 100%);
}
.uae-topbar-flag{ width:26px; height:auto; border-radius:3px; box-shadow:0 2px 8px rgba(0,0,0,.5); }
.uae-topbar-ar{ font-family:'Cairo',sans-serif; font-weight:700; color:var(--uae-gold); font-size:15px; letter-spacing:.3px; }
.uae-topbar-en{ font-family:'Poppins',sans-serif; color:rgba(255,255,255,.85); font-size:12px; letter-spacing:2px; text-transform:uppercase; }
.uae-topbar-sep{ color:rgba(255,255,255,.4); }

/* ---------- Arabic subtitles under section headings ---------- */
.ar-sub{
  display:block;
  font-family:'Cairo',sans-serif;
  direction:rtl;
  color:var(--uae-gold);
  font-size:22px;
  font-weight:600;
  margin-top:6px;
  letter-spacing:0;
  text-shadow:0 0 18px rgba(31,166,220,.35);
}
.ar-sub-sm{ font-size:15px; margin-top:2px; text-shadow:none; }

/* ---------- GOLD ACCENT OVERRIDES (replaces teal on UAE edition) ---------- */
h2.team-txt, h3.team-txt,
.team-txt h2, .team-txt h3{ color:var(--uae-gold) !important; }
hr.team-line{
  color:var(--uae-gold) !important;
  border-color:var(--uae-gold) !important;
  background:var(--uae-gold) !important;
}
.set_Universal_Headings > h3:first-child{ color:var(--uae-gold) !important; }
h3.customline, h3.customlinez{ color:var(--uae-gold); }
.customline:after{ color:var(--uae-gold) !important; }

/* Gold buttons */
.btn-classic, .btn-classicx{
  background: rgb(31,166,220) !important;
  background: linear-gradient(90deg, var(--uae-gold-dark) 0%, var(--uae-gold) 45%, var(--uae-gold-light) 100%) !important;
  color:#141414 !important;
}
.btn-classic a{ color:#141414 !important; }
.btn-classic:hover{ box-shadow:0 12px 30px rgba(31,166,220,.35); }

/* ---------- Marquee: dark + Islamic geometric pattern ---------- */
.marquee{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%231fa6dc' stroke-opacity='0.26' stroke-width='1'%3E%3Cpath d='M28 4 L52 28 L28 52 L4 28 Z'/%3E%3Cpath d='M28 12 L44 28 L28 44 L12 28 Z'/%3E%3Ccircle cx='28' cy='28' r='5'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, #15100a 0%, #251c0e 55%, #15100a 100%) !important;
  border-top:2px solid var(--uae-gold);
  border-bottom:2px solid var(--uae-gold);
}
.marquee h2{ color:#cdeef2 !important; }
.marquee .ar-inline{ font-family:'Cairo',sans-serif; color:var(--uae-gold); }

/* ---------- Ornamental divider (8-point star) ---------- */
.uae-divider{
  display:flex; align-items:center; justify-content:center;
  gap:16px;
  margin:60px auto 10px;
  max-width:520px;
  padding:0 20px;
}
.uae-divider span{ flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--uae-gold)); }
.uae-divider span:last-child{ background:linear-gradient(90deg, var(--uae-gold), transparent); }
.uae-divider i{ position:relative; width:14px; height:14px; flex:none; }
.uae-divider i::before,
.uae-divider i::after{
  content:""; position:absolute; inset:0;
  border:1px solid var(--uae-gold);
  box-shadow:0 0 12px rgba(31,166,220,.45);
}
.uae-divider i::before{ transform:rotate(45deg); }

/* ---------- Hero badge ---------- */
.uae-hero-wrap{ position:relative; }
.uae-hero-badge{
  position:absolute; top:22px; right:22px; z-index:3;
  display:flex; align-items:center; gap:10px;
  padding:8px 14px;
  border-radius:12px;
  background:rgba(10,10,14,.72);
  border:1px solid rgba(31,166,220,.75);
  box-shadow:0 10px 30px rgba(0,0,0,.5), 0 0 0 1px rgba(31,166,220,.15) inset;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.uae-hero-badge img{ width:28px; border-radius:3px; display:block; }
.uae-hero-badge .en{ font-family:'Poppins',sans-serif; font-size:11px; letter-spacing:2.5px; color:#fff; }
.uae-hero-badge .ar{ font-family:'Cairo',sans-serif; font-weight:700; color:var(--uae-gold); font-size:14px; }

/* ---------- Dubai skyline silhouette (above footer) ---------- */
.uae-skyline{
  height:172px;
  margin-top:70px;
  position:relative;
  background-image:url("../assets/dubai-skyline.svg?v=dcx2041");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:min(1500px, 100%) auto;
}
.uae-skyline::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:2px;
  background:linear-gradient(90deg, transparent, var(--uae-gold), transparent);
}

/* ---------- Footer Arabic tagline ---------- */
.uae-footer-ar{
  font-family:'Cairo',sans-serif;
  color:var(--uae-gold);
  font-size:16px;
  text-align:center;
  margin-top:-4px;
}

/* ---------- Responsive ---------- */
@media (max-width:576px){
  .uae-topbar{ flex-wrap:wrap; text-align:center; }
  .uae-topbar-en{ font-size:10px; }
  .ar-sub{ font-size:18px; }
  .uae-hero-badge{ top:12px; right:12px; padding:6px 10px; }
  .uae-hero-badge .en{ display:none; }
  .uae-skyline{ height:110px; margin-top:40px; }
}


/* ---------- AED currency label ----------
   NOTE: styles.css has `.card-body span{font-size:16px !important}` which hits the
   AED span inside price cards, so these sizes need !important to win. */
.aed-sign{
  font-family:'Outfit','Poppins',sans-serif !important;
  font-size:.72em !important;
  font-weight:600;
  letter-spacing:.5px;
  opacity:.9;
}
/* big package price: number stays large, AED reads as a small currency suffix */
.display-3 .aed-sign{
  font-size:.5em !important;
  font-weight:700;
  letter-spacing:1px;
  vertical-align:baseline;
  opacity:.85;
}
del .aed-sign{ font-size:.8em !important; opacity:.75; }