/*
 * Tamiyouz Alrowad Blog V57 | Corporate navigation contrast + Blog link
 * Scoped to blog WordPress header: no changes to corporate-site global CSS.
 * Light article pages still use premium solid navy navbar.
 */
html body > header.site-header {
  color:#f4f7fc!important;
}
html body > header.site-header .nav-inner {
  background:linear-gradient(120deg,rgba(12,36,56,.985),rgba(19,46,66,.975))!important;
  border:1px solid rgba(239,194,119,.34)!important;
  box-shadow:0 11px 29px rgba(9,24,37,.20),inset 0 1px 0 rgba(255,235,195,.07)!important;
  color:#f4f7fc!important;
  isolation:isolate;
}
html body > header.site-header.is-scrolled .nav-inner {
  background:linear-gradient(110deg,rgba(8,28,47,.99),rgba(14,38,56,.99))!important;
  box-shadow:0 12px 30px rgba(6,19,34,.24)!important;
}
html body > header.site-header .site-nav {
  color:#f1f5fb!important;
}
html body > header.site-header .site-nav > a:not(.tyz-v57-blog-link),
html body > header.site-header .site-nav > .nav-item > .nav-link,
html body > header.site-header .site-nav > .nav-item > button.nav-link,
html body > header.site-header .site-nav > .nav-item > button.nav-link > span {
  color:#f3f7fd!important;
  opacity:1!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#f3f7fd!important;
}
html body > header.site-header .site-nav > a:not(.tyz-v57-blog-link):is(:hover,:focus-visible),
html body > header.site-header .site-nav > .nav-item > .nav-link:is(:hover,:focus-visible),
html body > header.site-header .site-nav > .nav-item:is(:hover,:focus-within) > .nav-link,
html body > header.site-header .site-nav > .nav-item.open > .nav-link,
html body > header.site-header .site-nav > .nav-item > button.nav-link:is(:hover,:focus-visible) > span {
  color:#ffdd9d!important;
  -webkit-text-fill-color:#ffdd9d!important;
}
html body > header.site-header .site-nav > .nav-item > .nav-link > svg {
  color:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}
html body > header.site-header .site-nav > a:not(.tyz-v57-blog-link) {
  text-decoration:none!important;
  font-weight:800!important;
}
html body > header.site-header .site-nav > a:focus-visible,
html body > header.site-header .site-nav > .nav-item > .nav-link:focus-visible {
  outline:2px solid #f3cc88!important;
  outline-offset:3px!important;
  border-radius:7px!important;
}
html body > header.site-header .site-nav > a.tyz-v57-blog-link,
html body > header.site-header .site-nav > a.tyz-v57-blog-link.current,
html[data-theme="light"] body > header.site-header .site-nav > a.tyz-v57-blog-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto;
  padding:8px 12px!important;
  margin:0!important;
  min-height:38px!important;
  color:#ffe1a3!important;
  -webkit-text-fill-color:#ffe1a3!important;
  background:rgba(202,155,74,.10)!important;
  border:1px solid rgba(236,191,117,.49)!important;
  border-radius:10px!important;
  font:850 clamp(11px,.88vw,13px)/1.6 Cairo,Tahoma,Arial,sans-serif!important;
  white-space:nowrap!important;
  opacity:1!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,223,169,.075)!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
html body > header.site-header .site-nav > a.tyz-v57-blog-link::after {
  content:none!important;
  display:none!important;
}
html body > header.site-header .site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible) {
  color:#10293f!important;
  -webkit-text-fill-color:#10293f!important;
  background:#f3cf91!important;
  border-color:#f3cf91!important;
}
html body > header.site-header .site-nav > a.tyz-v57-blog-link:focus-visible {
  outline:3px solid #ffe3aa!important;
  outline-offset:3px!important;
}
/* Social proof / booking remains legible on navy. */
html body > header.site-header .nav-actions .language-switch,
html body > header.site-header .nav-actions .mobile-menu-btn {
  color:#f5f8fc!important;
  -webkit-text-fill-color:#f5f8fc!important;
  background:#122c46!important;
  border:1px solid rgba(236,197,129,.40)!important;
}
html body > header.site-header .nav-actions :is(.language-switch,.mobile-menu-btn) :is(svg,path,span) {
  color:inherit!important;
  stroke:currentColor!important;
  -webkit-text-fill-color:inherit!important;
}
html body > header.site-header .nav-actions .nav-button.btn-gold {
  background:linear-gradient(120deg,#f1c978,#d8a649)!important;
  color:#101f31!important;
  -webkit-text-fill-color:#101f31!important;
  border:1px solid rgba(243,207,145,.66)!important;
}
html body > header.site-header .nav-actions .nav-button.btn-gold svg {
  stroke:#101f31!important;
  color:#101f31!important;
}
html body > header.site-header .nav-actions .language-switch:is(:hover,:focus-visible),
html body > header.site-header .nav-actions .mobile-menu-btn:is(:hover,:focus-visible){
  border-color:#f5d49d!important;
  background:#214059!important;
}
/* Desktop: keep enough width for the new nav item with no clipping. */
@media (min-width:1201px) and (max-width:1500px){
  html body > header.site-header .nav-inner > .site-nav {
    column-gap:clamp(5px,.65vw,9px)!important;
  }
  html body > header.site-header .site-nav > a:not(.tyz-v57-blog-link),
  html body > header.site-header .site-nav > .nav-item > .nav-link {
    font-size:clamp(11px,.84vw,12.4px)!important;
  }
  html body > header.site-header .site-nav > a.tyz-v57-blog-link {
    padding:7px 8px!important;
    font-size:11px!important;
  }
}
@media (min-width:881px) and (max-width:1200px){
  html body > header.site-header .nav-inner > .site-nav{
    column-gap:5px!important;
  }
  html body > header.site-header .site-nav > a.tyz-v57-blog-link {
    padding:7px!important;
    font-size:10.5px!important;
  }
}
/* Mobile: the nav already uses the corporate hamburger. Don't force it
   visible when closed; keep the new link a 44px tap target inside it. */
@media(max-width:880px){
  html body > header.site-header #siteNav {
    background:#0d293f!important;
    border:1px solid rgba(233,190,117,.37)!important;
    color:#f3f7fc!important;
    box-shadow:0 14px 33px rgba(4,14,24,.29)!important;
  }
  html body > header.site-header #siteNav > a.tyz-v57-blog-link {
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    margin:6px 0!important;
    padding:10px 13px!important;
    font-size:14px!important;
  }
  html body > header.site-header #siteNav > a:not(.tyz-v57-blog-link),
  html body > header.site-header #siteNav .nav-item > .nav-link {
    color:#f1f7fd!important;
    -webkit-text-fill-color:#f1f7fd!important;
  }
  html body > header.site-header #siteNav > button.mobile-language-switch {
    color:#f8f8fa!important;
    background:#15384f!important;
    border:1px solid rgba(232,189,120,.4)!important;
    border-radius:10px!important;
    min-height:44px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body > header.site-header .site-nav > a.tyz-v57-blog-link {
    transition:none!important;
  }
}

/* V58 — Blog is a native navbar item, NOT an outlined CTA.
   Keep the identical color-hover and gold active underline of normal links. */
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link,
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
  display:inline-flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  flex:0 0 auto!important;
  min-height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3f7fd!important;
  -webkit-text-fill-color:#f3f7fd!important;
  font-family:Cairo,Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
  transition:color .2s ease!important;
}
html[data-theme="light"] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:not(.current) {
  color:#102641!important;
  -webkit-text-fill-color:#102641!important;
}
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible),
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
  color:#eac17e!important;
  -webkit-text-fill-color:#eac17e!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
/* On Blog routes .current uses the same thin gold line as regular current nav. */
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset-inline:12% 12%!important;
  bottom:-18px!important;
  top:auto!important;
  height:3px!important;
  border:0!important;
  border-radius:999px!important;
  background:#d5a447!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:none!important;
}
html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:not(.current)::after {
  content:none!important;
  display:none!important;
}
@media(min-width:1201px) and (max-width:1500px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{font-size:clamp(11px,.86vw,12.5px)!important}
}
@media(min-width:881px) and (max-width:1200px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{font-size:10.6px!important}
}
@media(max-width:880px){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link,
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current {
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:10px 12px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link.current::after{display:none!important}
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link:is(:hover,:focus-visible){
    background:rgba(232,189,120,.08)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-theme] body > header.site-header #siteNav.site-nav > a.tyz-v57-blog-link{transition:none!important}
}