/* T72 — نفس هيدر T70 الشفاف على كل الصفحات، مع مساحة مستقلة للصفحات الداخلية */

:root{
  --uh-gold:#d6aa43;
  --uh-gold-light:#f1cb69;
  --uh-ivory:#f8f1e5;
  --uh-navy:#03101d;
  --uh-navy-2:#061827;
}

body.unified-header-page{
  position:relative;
  overflow-x:hidden;
}

/* الهيدر نفسه — شفاف، خفيف، ومتطابق في جميع الصفحات */
body.unified-header-page .unified-site-header{
  position:absolute !important;
  top:18px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  max-width:1500px !important;
  min-height:72px !important;
  margin:0 auto !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  z-index:100 !important;
}

/* تدرج خفيف فقط لضمان وضوح الكتابة من دون تحويل الهيدر إلى بلوك */
body.unified-header-page .unified-site-header::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -24px -20px;
  background:linear-gradient(180deg,rgba(1,8,17,.62) 0%,rgba(1,8,17,.26) 58%,rgba(1,8,17,0) 100%);
  pointer-events:none;
}

body.unified-header-page .unified-site-header .top-nav{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(22px,2.35vw,48px) !important;
  flex-wrap:nowrap !important;
  flex:0 0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* T188 — keep navigation on the viewport's true center in every page/language. */
@media (min-width:921px){
  body.unified-header-page .unified-site-header .top-nav{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    max-width:calc(100vw - 430px) !important;
    flex:0 0 auto !important;
    margin-inline:0 !important;
    transform:translate(-50%,-50%) !important;
  }
}

/* T189 — hotel uses the exact same header frame as every other page. */
body.hotel-experience.unified-header-page .unified-site-header{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  max-width:1500px !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 auto !important;
  padding:0 8px !important;
  background:transparent !important;
}

@media (max-width:920px){
  body.hotel-experience.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    height:60px !important;
    min-height:60px !important;
    padding:0 !important;
    background:transparent !important;
  }
}

body.unified-header-page .unified-site-header .nav-link{
  position:relative !important;
  min-width:0 !important;
  padding:10px 0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:clamp(.93rem,1.02vw,1.06rem) !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
  text-shadow:0 3px 14px rgba(0,0,0,.58) !important;
  white-space:nowrap !important;
  opacity:1 !important;
  transition:color .22s ease !important;
}

body.unified-header-page .unified-site-header .nav-link::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:1px !important;
  width:0 !important;
  height:2px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,var(--uh-gold-light),transparent) !important;
  box-shadow:0 0 12px rgba(241,203,105,.36) !important;
  transition:width .24s ease !important;
}

body.unified-header-page .unified-site-header .nav-link:hover,
body.unified-header-page .unified-site-header .nav-link[aria-current="page"]{
  color:#fff4d6 !important;
}

body.unified-header-page .unified-site-header .nav-link[aria-current="page"]::after{
  width:72px !important;
}

/* Never draw a second underline on hover; the underline belongs to the open page only. */
body.unified-header-page .unified-site-header .nav-link:not([aria-current="page"])::after,
body.unified-header-page .unified-site-header .nav-link:not([aria-current="page"]):hover::after,
body.unified-header-page .unified-site-header .nav-link.active:not([aria-current="page"])::after{
  width:0 !important;
  opacity:0 !important;
}

body.unified-header-page .unified-site-header .nav-link[aria-current="page"]::after{
  opacity:1 !important;
}

/* زر اللغة الواحد */
body.unified-header-page .unified-site-header .language-switcher{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:4 !important;
}

body.unified-header-page .unified-site-header .language-current{
  min-width:126px !important;
  height:52px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:1px solid rgba(207,157,64,.76) !important;
  border-radius:999px !important;
  background:rgba(5,17,30,.20) !important;
  color:var(--uh-ivory) !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 7px 24px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter:blur(8px) saturate(120%) !important;
  backdrop-filter:blur(8px) saturate(120%) !important;
  cursor:pointer !important;
}

body.unified-header-page .unified-site-header .lang-globe{
  font-size:1.05rem !important;
  line-height:1 !important;
}

body.unified-header-page .unified-site-header .language-options{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  min-width:166px !important;
  padding:8px !important;
  display:grid !important;
  gap:5px !important;
  border:1px solid rgba(207,157,64,.25) !important;
  border-radius:18px !important;
  background:rgba(3,13,24,.94) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.35) !important;
  -webkit-backdrop-filter:blur(15px) saturate(120%) !important;
  backdrop-filter:blur(15px) saturate(120%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) !important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease !important;
}

body.unified-header-page .unified-site-header .language-switcher.open .language-options{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

body.unified-header-page .unified-site-header .language-option{
  min-width:0 !important;
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#f3eadb !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

body.unified-header-page .unified-site-header .language-option:hover,
body.unified-header-page .unified-site-header .language-option.active{
  border-color:rgba(207,157,64,.32) !important;
  background:rgba(212,175,55,.10) !important;
  color:#fff1c8 !important;
}

/* زر القائمة يظهر على الموبايل فقط */
body.unified-header-page .unified-site-header .nav-toggle{
  display:none !important;
}

/* مساحة مستقلة وفارغة للهيدر في الصفحات الداخلية */
body.unified-header-inner .inner-header-spacer{
  position:relative;
  width:100%;
  height:118px;
  margin:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(17,54,82,.22),transparent 34rem),
    linear-gradient(180deg,#03101d 0%,#041321 72%,#041521 100%);
  border-bottom:1px solid rgba(214,170,67,.20);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
  z-index:1;
}

/* يمنع أي محتوى من الدخول بصرياً ضمن مساحة الهيدر */
body.unified-header-inner > main,
body.unified-header-inner .page-shell > main,
body.unified-header-inner .inner-header-spacer + main{
  position:relative;
  z-index:2;
}

/* الصفحات المبنية على قالب الفندق */
body.unified-header-inner.hotel-experience .inner-header-spacer + main{
  margin-top:0 !important;
}

/* صفحة التواصل المعتمدة من القسم الأصلي */
body.contact-standalone .page-shell{
  width:min(1220px,calc(100% - 28px));
  margin:0 auto 42px;
  padding:0;
  position:relative;
}

body.contact-standalone .contact-standalone-main{
  padding-top:28px;
}

body.contact-standalone #contact{
  display:block !important;
  padding:18px 0 38px !important;
}

body.contact-standalone .reveal{
  opacity:1 !important;
  transform:none !important;
}

@media (max-width:920px){
  body.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    min-height:58px !important;
    padding:0 !important;
    display:block !important;
  }

  body.unified-header-page .unified-site-header::before{
    inset:-12px -14px -16px !important;
    background:linear-gradient(180deg,rgba(1,8,17,.58) 0%,rgba(1,8,17,.20) 62%,rgba(1,8,17,0) 100%) !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle{
    position:absolute !important;
    top:2px !important;
    right:0 !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border:1px solid rgba(207,157,64,.62) !important;
    border-radius:17px !important;
    background:rgba(5,17,30,.18) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 7px 22px rgba(0,0,0,.16) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
    z-index:6 !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle span{
    width:25px !important;
    height:2px !important;
    margin:0 !important;
    display:block !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:none !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    position:absolute !important;
    top:2px !important;
    left:0 !important;
    transform:none !important;
    width:auto !important;
    z-index:7 !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:126px !important;
    height:52px !important;
    padding:0 17px !important;
    gap:8px !important;
    font-size:.96rem !important;
  }

  body.unified-header-page .unified-site-header .language-options{
    top:calc(100% + 8px) !important;
    left:0 !important;
    min-width:154px !important;
  }

  body.unified-header-page .unified-site-header .top-nav{
    position:absolute !important;
    top:64px !important;
    right:0 !important;
    left:auto !important;
    width:min(286px,calc(100vw - 28px)) !important;
    margin:0 !important;
    padding:9px !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    border:1px solid rgba(207,157,64,.22) !important;
    border-radius:20px !important;
    background:rgba(3,13,24,.91) !important;
    box-shadow:0 20px 44px rgba(0,0,0,.35) !important;
    -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
    backdrop-filter:blur(16px) saturate(125%) !important;
    z-index:5 !important;
  }

  body.unified-header-page .unified-site-header .top-nav.open{
    display:grid !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link{
    width:100% !important;
    min-height:43px !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:transparent !important;
    color:#f5ecdc !important;
    font-size:.92rem !important;
    text-align:right !important;
    text-shadow:none !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link::after{
    display:none !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link:hover,
  body.unified-header-page .unified-site-header .top-nav .nav-link.active,
  body.unified-header-page .unified-site-header .top-nav .nav-link[aria-current="page"]{
    border-color:rgba(207,157,64,.30) !important;
    background:rgba(212,175,55,.10) !important;
    color:#fff0c7 !important;
  }

  body.unified-header-inner .inner-header-spacer{
    height:92px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(17,54,82,.20),transparent 22rem),
      linear-gradient(180deg,#03101d 0%,#041321 78%,#041521 100%) !important;
  }

  body.contact-standalone .page-shell{
    width:100% !important;
    margin:0 !important;
    padding:0 12px 30px !important;
  }

  body.contact-standalone .contact-standalone-main{
    padding-top:18px !important;
  }
}

@media (max-width:430px){
  body.unified-header-page .unified-site-header{
    left:10px !important;
    right:10px !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:116px !important;
    padding:0 14px !important;
    font-size:.91rem !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle{
    width:50px !important;
    height:50px !important;
  }

  body.unified-header-page .unified-site-header .top-nav{
    width:min(276px,calc(100vw - 20px)) !important;
  }
}

/* T73 — transparent empty header zone on inner pages + reliable mobile language control */

/* The header stays visually transparent; the page's own background is visible behind it. */
body.unified-header-inner .inner-header-spacer{
  height:118px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

/* Keep inner-page content completely below the empty header area. */
body.unified-header-inner .inner-header-spacer + main,
body.unified-header-inner .inner-header-spacer + .page-shell,
body.unified-header-inner .page-shell > .inner-header-spacer + main{
  margin-top:0 !important;
  position:relative !important;
  z-index:2 !important;
}

/* Only a very soft readability fade belongs to the transparent header itself. */
body.unified-header-inner .unified-site-header::before{
  inset:-18px -24px -26px !important;
  background:linear-gradient(
    180deg,
    rgba(1,8,17,.48) 0%,
    rgba(1,8,17,.20) 54%,
    rgba(1,8,17,.00) 100%
  ) !important;
}

body.unified-header-page .unified-site-header,
body.unified-header-page .unified-site-header .language-switcher{
  overflow:visible !important;
}

body.unified-header-page .unified-site-header .language-switcher{
  pointer-events:auto !important;
  z-index:130 !important;
}

body.unified-header-page .unified-site-header .language-current{
  position:relative !important;
  z-index:132 !important;
  isolation:isolate !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
}

body.unified-header-page .unified-site-header .lang-globe{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.unified-header-page .unified-site-header .language-current-label{
  display:block !important;
  white-space:nowrap !important;
}

body.unified-header-page .unified-site-header .language-options{
  z-index:220 !important;
  overflow:visible !important;
}

@media (max-width:920px){
  body.unified-header-inner .inner-header-spacer{
    height:88px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.unified-header-page .unified-site-header{
    z-index:200 !important;
    overflow:visible !important;
  }

  body.unified-header-page .unified-site-header::before{
    inset:-12px -14px -18px !important;
    background:linear-gradient(
      180deg,
      rgba(1,8,17,.50) 0%,
      rgba(1,8,17,.18) 58%,
      rgba(1,8,17,0) 100%
    ) !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    z-index:230 !important;
    pointer-events:auto !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:132px !important;
    height:52px !important;
    padding:0 18px !important;
    gap:9px !important;
    border:1px solid rgba(231,188,91,.88) !important;
    background:rgba(3,14,27,.58) !important;
    color:#fff7e5 !important;
    font-size:.98rem !important;
    font-weight:900 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 10px 26px rgba(0,0,0,.30) !important;
    -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
    backdrop-filter:blur(12px) saturate(125%) !important;
  }

  body.unified-header-page .unified-site-header .language-current:active{
    transform:scale(.98) !important;
  }

  body.unified-header-page .unified-site-header .lang-globe{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  body.unified-header-page .unified-site-header .language-options{
    top:calc(100% + 9px) !important;
    left:0 !important;
    right:auto !important;
    min-width:170px !important;
    padding:8px !important;
    border-color:rgba(231,188,91,.34) !important;
    background:rgba(2,12,23,.97) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.46) !important;
    z-index:260 !important;
  }

  body.unified-header-page .unified-site-header .language-option{
    min-height:44px !important;
    font-size:.94rem !important;
  }
}

@media (max-width:430px){
  body.unified-header-page .unified-site-header .language-current{
    min-width:124px !important;
    padding-inline:15px !important;
    font-size:.94rem !important;
  }
}
/* Keep international phone numbers readable inside Arabic RTL layouts. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href*="wa.me/"],
html[dir="rtl"] .phone-number,
html[dir="rtl"] bdi[dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  text-align: left;
}

/* T183 — clean Latin navigation type and one consistent active state. */
html[dir="ltr"] body.unified-header-page .unified-site-header .nav-link,
html[dir="ltr"] body.unified-header-page .unified-site-header .language-option {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-variant-ligatures: common-ligatures !important;
  letter-spacing: -.015em !important;
  text-rendering: optimizeLegibility !important;
}

/* T182 — one consistent header and an always-visible three-language selector. */
body.unified-header-page .unified-site-header{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  min-height:72px !important;
  height:72px !important;
  padding:0 8px !important;
}

body.unified-header-page .unified-site-header .language-current{
  display:none !important;
}

body.unified-header-page .unified-site-header .language-switcher{
  width:auto !important;
  min-width:164px !important;
  height:46px !important;
  padding:4px !important;
  border:1px solid rgba(231,188,91,.64) !important;
  border-radius:999px !important;
  background:rgba(3,14,27,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
  backdrop-filter:blur(12px) saturate(125%) !important;
}

body.unified-header-page .unified-site-header .language-options{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
  display:flex !important;
  direction:ltr !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

body.unified-header-page .unified-site-header .language-option{
  width:48px !important;
  min-width:48px !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:rgba(255,247,229,.74) !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

body.unified-header-page .unified-site-header .language-option:hover,
body.unified-header-page .unified-site-header .language-option.active{
  border-color:rgba(241,203,105,.55) !important;
  background:linear-gradient(135deg,rgba(214,170,67,.28),rgba(214,170,67,.12)) !important;
  color:#fff3ce !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.18) !important;
}

body.unified-header-page .unified-site-header .language-option[data-nile-lang="ar"]{order:1 !important}
body.unified-header-page .unified-site-header .language-option[data-nile-lang="en"]{order:2 !important}
body.unified-header-page .unified-site-header .language-option[data-nile-lang="tr"]{order:3 !important}

@media (max-width:920px){
  body.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    height:60px !important;
    min-height:60px !important;
    padding:0 !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    left:0 !important;
    min-width:148px !important;
    height:44px !important;
    padding:4px !important;
  }

  body.unified-header-page .unified-site-header .language-option{
    width:42px !important;
    min-width:42px !important;
    height:34px !important;
    min-height:34px !important;
    font-size:.78rem !important;
  }
}