/* V258 — Exact homepage ticker/navigation shell for every non-home public page.
   Homepage remains the source of truth. This file deliberately mirrors the homepage
   top-shell geometry so navigating between pages does not resize or reposition the header. */
html body:not([data-page="home"]){--ir-hero-edge:clamp(2.5rem,7vw,8rem);}
html body:not([data-page="home"]) > .ticker-wrap,
html body:not([data-page="home"]) > .ticker-wrap *,
html body:not([data-page="home"]) > .site-header,
html body:not([data-page="home"]) > .site-header *{box-sizing:border-box!important;}
html body:not([data-page="home"]) > .ticker-wrap,
html body:not([data-page="home"]) > .site-header{font-family:Inter,Arial,"Noto Sans",sans-serif!important;}

/* Exact homepage ticker geometry and motion. */
html body:not([data-page="home"]) > .ticker-wrap{
  position:relative!important;z-index:90!important;overflow:hidden!important;
  margin:0!important;padding:0!important;background:#111!important;color:#fff!important;
  border:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;box-shadow:none!important;
}
html body:not([data-page="home"]) > .ticker-wrap::before,
html body:not([data-page="home"]) > .ticker-wrap::after{content:none!important;display:none!important;}
html body:not([data-page="home"]) > .ticker-wrap .ticker{
  display:flex!important;width:max-content!important;animation:scrollTicker 34s linear infinite!important;
  transform:translate3d(0,0,0);will-change:transform;
}
html body:not([data-page="home"]) > .ticker-wrap .ticker:hover,
html body:not([data-page="home"]) > .ticker-wrap .ticker:focus-within{animation-play-state:paused!important;}
html body:not([data-page="home"]) > .ticker-wrap .ticker-item{
  display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;
  padding:11px 32px!important;font-size:13px!important;line-height:1.6!important;font-weight:750!important;color:#fff!important;
}
html body:not([data-page="home"]) > .ticker-wrap .ticker-dot{
  width:7px!important;height:7px!important;min-width:7px!important;border-radius:50%!important;background:#ff5a0a!important;
}
@keyframes scrollTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Exact homepage header placement: transparent overlay with identical 82px desktop geometry. */
html body:not([data-page="home"]) > .site-header{
  position:relative!important;top:auto!important;z-index:80!important;
  margin-top:0!important;margin-bottom:-82px!important;
  color:#fff!important;background:transparent!important;
  border:0!important;border-top:0!important;border-bottom:0!important;outline:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:not([data-page="home"]) > .site-header::before,
html body:not([data-page="home"]) > .site-header::after{content:none!important;display:none!important;}
html body:not([data-page="home"]) > .site-header .nav{
  width:100%!important;max-width:none!important;height:82px!important;min-height:82px!important;
  margin:0!important;padding-top:0!important;padding-bottom:0!important;
  padding-left:var(--ir-hero-edge)!important;padding-right:var(--ir-hero-edge)!important;
  display:flex!important;align-items:center!important;gap:24px!important;position:relative!important;
}
html body:not([data-page="home"]) > .site-header .brand{display:flex!important;align-items:center!important;flex:none!important;}
html body:not([data-page="home"]) > .site-header .brand img{
  display:block!important;height:62px!important;width:auto!important;max-width:285px!important;object-fit:contain!important;
  filter:drop-shadow(0 3px 16px rgba(0,0,0,.34))!important;
}
html body:not([data-page="home"]) > .site-header .navlinks{
  display:flex!important;gap:26px!important;margin-left:auto!important;align-items:center!important;justify-content:flex-end!important;
  font-size:14px!important;font-weight:700!important;
}
html body:not([data-page="home"]) > .site-header .navlinks > a{
  position:relative!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
  color:#fff!important;opacity:.94!important;text-shadow:0 2px 12px rgba(0,0,0,.38)!important;
  transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s ease,text-shadow .24s ease!important;
}
html body:not([data-page="home"]) > .site-header .navlinks > a:not(.ir-nav-register)::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-7px!important;height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,#ff5a0a,#ff9a5d)!important;transform:scaleX(0)!important;transform-origin:center!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1)!important;box-shadow:0 0 12px rgba(255,90,10,.42)!important;
}
html body:not([data-page="home"]) > .site-header .navlinks > a:hover,
html body:not([data-page="home"]) > .site-header .navlinks > a:focus-visible{
  color:#fff!important;opacity:1!important;transform:translateY(-2px)!important;text-shadow:0 5px 18px rgba(0,0,0,.45)!important;
}
html body:not([data-page="home"]) > .site-header .navlinks > a:not(.ir-nav-register):hover::after,
html body:not([data-page="home"]) > .site-header .navlinks > a:not(.ir-nav-register):focus-visible::after{transform:scaleX(1)!important;}

html body:not([data-page="home"]) > .site-header .lang-select{
  color:#fff!important;background:rgba(5,8,12,.25)!important;border:1px solid rgba(255,255,255,.48)!important;
  border-radius:12px!important;padding:9px 11px!important;font-size:13px!important;font-weight:800!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:none!important;
}
html body:not([data-page="home"]) > .site-header .lang-select option{color:#111!important;background:#fff!important;}
html body:not([data-page="home"]) > .site-header .menu-btn{
  display:none!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(5,8,12,.25)!important;
  color:#fff!important;border-radius:12px!important;width:44px!important;height:44px!important;font-size:20px!important;box-shadow:none!important;
}
html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  color:#fff!important;background:linear-gradient(145deg,#ff5a0a,#ff7a1a)!important;border:1px solid transparent!important;
  box-shadow:0 10px 26px rgba(255,90,10,.30)!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,filter .28s ease!important;
}
html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn svg{width:23px!important;height:23px!important;display:block!important;fill:currentColor!important;}
html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn:hover,
html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn:focus-visible{
  transform:translateY(-3px) scale(1.07) rotate(-3deg)!important;outline:2px solid #a63d00!important;outline-offset:2px!important;
  filter:brightness(1.08)!important;box-shadow:0 15px 34px rgba(255,90,10,.38)!important;
}

/* Exact homepage Register CTA sizing/effect. */
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:0 16px!important;border-radius:999px!important;
  color:#fff!important;opacity:1!important;text-shadow:none!important;
  background:linear-gradient(135deg,#ff5a0a,#ff7a1a)!important;border:1px solid transparent!important;
  box-shadow:0 9px 24px rgba(255,90,10,.25)!important;
  transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,filter .24s ease!important;
}
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register::after{display:none!important;content:none!important;}
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register::before{
  content:""!important;position:absolute!important;inset:-2px!important;pointer-events:none!important;
  background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 76%)!important;
  transform:translateX(-135%)!important;transition:transform .48s cubic-bezier(.22,1,.36,1)!important;
}
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register:hover,
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register:focus-visible{
  transform:translateY(-2px)!important;filter:brightness(1.06)!important;
  box-shadow:0 13px 30px rgba(255,90,10,.34)!important;outline:2px solid #a63d00!important;outline-offset:2px!important;
}
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register:hover::before,
html body:not([data-page="home"]) > .site-header .navlinks .ir-nav-register:focus-visible::before{transform:translateX(135%)!important;}
html body:not([data-page="home"]) > .site-header .ir-mobile-lang-menu{display:none!important;}

/* Since the homepage header overlays its hero, make every non-home hero do the same. */
html body:not([data-page="home"]):not([data-page="privacy"]) > main > .hero:first-child{
  position:relative!important;padding-top:82px!important;
}
/* ImmiNews uses the same class but its own hero inner spacing; only reserve the header overlay zone. */
html body[data-page="imminews"] > main > .hero:first-child{padding-top:82px!important;}

/* Privacy has no hero: preserve identical header geometry but give its transparent header a dark backdrop. */
html body[data-page="privacy"] > .site-header{
  background:linear-gradient(145deg,#0b0c0f 0%,#111318 52%,#0d0f13 100%)!important;
}
html body[data-page="privacy"] > .site-header + .wrap{padding-top:82px!important;}

@media(max-width:1120px){
  html body:not([data-page="home"]) > .site-header .navlinks{display:none!important;}
  html body:not([data-page="home"]) > .site-header .menu-btn{display:grid!important;place-items:center!important;}
  html body:not([data-page="home"]) > .site-header .ir-header-lang-select{display:none!important;}
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks{
    display:flex!important;position:absolute!important;top:calc(100% + 1px)!important;left:20px!important;right:20px!important;z-index:99!important;
    flex-direction:column!important;align-items:flex-start!important;gap:26px!important;margin:0!important;
    background:rgba(10,12,15,.97)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:18px!important;
    padding:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important;max-height:calc(100vh - 125px)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
  }
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks > a{color:#fff!important;transform:none!important;}
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks .ir-nav-register{width:100%!important;min-height:44px!important;margin-top:3px!important;}
}
@media(max-width:960px){
  html body:not([data-page="home"]){--ir-hero-edge:20px;}
  html body:not([data-page="home"]) > .site-header{margin-bottom:-76px!important;}
  html body:not([data-page="home"]) > .site-header .nav{
    height:76px!important;min-height:76px!important;padding-top:8px!important;padding-bottom:8px!important;
    padding-left:20px!important;padding-right:20px!important;gap:10px!important;
  }
  html body:not([data-page="home"]) > .site-header .brand img{height:50px!important;max-width:215px!important;}
  html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn{width:42px!important;height:42px!important;min-width:42px!important;}
  html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn svg{width:21px!important;height:21px!important;}
  html body:not([data-page="home"]):not([data-page="privacy"]) > main > .hero:first-child{padding-top:76px!important;}
  html body[data-page="privacy"] > .site-header + .wrap{padding-top:76px!important;}
}
@media(max-width:739px){
  html body:not([data-page="home"]) > .site-header{margin-bottom:-68px!important;}
  html body:not([data-page="home"]):not([data-page="privacy"]) > main > .hero:first-child{padding-top:68px!important;}
  html body[data-page="privacy"] > .site-header + .wrap{padding-top:68px!important;}
}
@media(max-width:620px){
  html body:not([data-page="home"]){--ir-hero-edge:14px;}
  html body:not([data-page="home"]) > .ticker-wrap .ticker-item{font-size:11px!important;padding:9px 18px!important;}
  html body:not([data-page="home"]) > .site-header .nav{
    height:68px!important;min-height:68px!important;padding:7px 14px!important;gap:8px!important;
  }
  html body:not([data-page="home"]) > .site-header .brand{order:1!important;flex:none!important;}
  html body:not([data-page="home"]) > .site-header .brand img{height:43px!important;max-width:158px!important;}
  html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn{
    order:2!important;margin-left:auto!important;flex:none!important;width:38px!important;height:38px!important;min-width:38px!important;
  }
  html body:not([data-page="home"]) > .site-header .whatsapp-icon-btn svg{width:19px!important;height:19px!important;}
  html body:not([data-page="home"]) > .site-header .menu-btn{
    order:3!important;flex:none!important;margin:0!important;width:38px!important;height:38px!important;
    border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#fff!important;font-size:21px!important;line-height:1!important;padding:0!important;
  }
  html body:not([data-page="home"]) > .site-header .menu-btn:hover,
  html body:not([data-page="home"]) > .site-header .menu-btn:focus-visible{
    background:transparent!important;box-shadow:none!important;transform:none!important;outline:2px solid #a63d00!important;outline-offset:2px!important;
  }
  html body:not([data-page="home"]) > .site-header .navlinks{order:4!important;}
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks{left:12px!important;right:12px!important;gap:4px!important;align-items:stretch!important;padding:14px!important;}
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks > a{width:100%!important;padding:10px 8px!important;}
  html body:not([data-page="home"]) > .site-header .nav.menu-open .navlinks .ir-mobile-lang-menu{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;
    margin-top:6px!important;padding:12px 8px 2px!important;border-top:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;font-size:12px!important;font-weight:850!important;letter-spacing:.04em!important;
  }
  html body:not([data-page="home"]) > .site-header .ir-mobile-lang-menu .lang-select{
    display:block!important;width:92px!important;max-width:92px!important;margin:0!important;padding:8px 9px!important;border-radius:10px!important;
    color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.20)!important;
  }
  html body:not([data-page="home"]) > .site-header .ir-mobile-lang-menu .lang-select option{color:#111!important;background:#fff!important;}
}
@media(prefers-reduced-motion:reduce){
  html body:not([data-page="home"]) > .ticker-wrap .ticker{animation:none!important;transform:none!important;}
  html body:not([data-page="home"]) > .site-header *,
  html body:not([data-page="home"]) > .site-header *::before,
  html body:not([data-page="home"]) > .site-header *::after{transition:none!important;}
}
