/* Shared parity layer for city/grad pages.
   The markup is synchronized from the matching language home page. */
#rcrV2 .top,
#rcrV2 .top.is-scrolled{
  z-index:1000!important;
  background:linear-gradient(180deg,#000 0%,#000 58%,rgba(255,215,0,.12) 100%)!important;
  box-shadow:none!important;
}

#rcrV2 .top::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:5px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.75) 18%,rgba(255,215,0,.75) 82%,rgba(255,215,0,.2) 100%)!important;
  box-shadow:0 0 20px rgba(255,215,0,.26),0 1px 0 rgba(255,255,255,.07)!important;
}

@media (min-width:981px) and (max-width:1500px){
  #rcrV2 .top__inner.wrap{
    width:min(100%,calc(100% - 32px))!important;
  }
  #rcrV2 .top__inner{
    gap:10px 12px!important;
  }
  #rcrV2 .brand__mark{
    width:52px!important;
    height:52px!important;
  }
  #rcrV2 .langMenu__trigger{
    min-width:128px!important;
    height:50px!important;
    padding-inline:12px!important;
  }
  #rcrV2 .nav{
    gap:8px 10px!important;
    min-width:0!important;
  }
  #rcrV2 .nav__main{
    gap:0 8px!important;
    max-width:calc(100vw - 445px)!important;
  }
  #rcrV2 .nav__a{
    min-width:max-content!important;
    padding:7px!important;
    font-size:.92rem!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  #rcrV2 .nav__cta{
    flex:0 0 auto!important;
    gap:8px!important;
    min-width:0!important;
  }
  #rcrV2 .navCityPick,
  #rcrV2 .navCityPick__trigger--city{
    min-width:0!important;
  }
  #rcrV2 .navCityPick__trigger--city{
    width:min(260px,30vw)!important;
    max-width:260px!important;
    height:50px!important;
    padding:0 13px!important;
    font-size:.92rem!important;
    letter-spacing:0!important;
  }
}

@media (min-width:981px) and (max-width:1180px){
  #rcrV2 .top__inner{
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
  }
  #rcrV2 .nav{
    grid-column:3 / 5!important;
  }
  #rcrV2 .nav__main{
    display:none!important;
  }
  #rcrV2 .nav__cta{
    justify-content:flex-end!important;
  }
  #rcrV2 .navCityPick__trigger--city{
    width:min(300px,42vw)!important;
    max-width:300px!important;
  }
  #rcrV2 .burger{
    display:inline-block!important;
    grid-column:4!important;
    grid-row:1!important;
    justify-self:end!important;
  }
}

@media (max-width:980px){
  #rcrV2 .top,
  #rcrV2 .top.is-scrolled,
  #rcrV2.mnav-open .top{
    background:linear-gradient(180deg,#000 0%,#000 58%,rgba(255,215,0,.12) 100%)!important;
    opacity:1!important;
    filter:none!important;
  }
  #rcrV2 .top__inner.wrap{
    width:min(1120px,calc(100% - 24px))!important;
  }
  #rcrV2 .top__inner{
    grid-template-columns:var(--rcr-top-control-h) minmax(0,1fr) var(--rcr-top-control-h)!important;
    gap:8px!important;
    padding-inline:0!important;
  }
  #rcrV2 .langMenu{
    grid-column:1!important;
    justify-self:start!important;
  }
  #rcrV2 .brand{
    grid-column:2!important;
    justify-self:center!important;
    margin-inline:auto!important;
  }
  #rcrV2 .burger{
    display:grid!important;
    grid-column:3!important;
    justify-self:end!important;
  }
}

/* Compact country picker shared by every city page and translation.
   This intentionally overrides the wider city-action menu layer. */
#rcrV2 .top .navCityPick__menu--countryGrid{
  width:min(540px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:min(540px,calc(100vw - 32px))!important;
  max-height:min(600px,calc(100dvh - var(--rcr-header-h,72px) - 16px))!important;
  padding:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border-radius:20px!important;
  border-color:rgba(255,215,0,.28)!important;
  background:
    radial-gradient(120% 55% at 50% 0%,rgba(255,215,0,.08),transparent 58%),
    linear-gradient(180deg,#090909 0%,#000 100%)!important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.72),
    0 0 0 1px rgba(255,255,255,.05) inset!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,215,0,.45) rgba(255,255,255,.04);
}

#rcrV2 .top .navCityPick__menu--countryGrid::before{
  height:2px;
  margin:-3px 0 7px;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__searchRail{
  position:sticky;
  top:0;
  z-index:4;
  gap:7px;
  margin:0 0 8px;
  padding:8px;
  border-radius:15px;
  background:
    linear-gradient(180deg,rgba(255,215,0,.07),rgba(255,255,255,.02)),
    #030303;
  box-shadow:0 10px 28px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__searchBox{
  min-height:42px;
  border-radius:13px;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__searchInput{
  min-height:40px;
  padding-inline:12px;
  font-size:.86rem;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__quick{
  gap:6px;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__quickChip{
  min-height:30px;
  padding-inline:10px;
  font-size:.7rem;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__cityList{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__countryPick{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-width:0;
  min-height:56px;
  gap:8px!important;
  padding:9px 11px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}

#rcrV2 .top .navCityPick__menu--countryGrid .country__identity{
  display:flex!important;
  align-items:center!important;
  min-width:0;
  gap:9px!important;
}

#rcrV2 .top .navCityPick__menu--countryGrid .country__flagFrame{
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,215,0,.2)!important;
  border-radius:7px!important;
  background:#050505!important;
  box-shadow:0 7px 18px rgba(0,0,0,.3)!important;
}

#rcrV2 .top .navCityPick__menu--countryGrid .country__flag{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  border-radius:6px!important;
  object-fit:cover!important;
}

#rcrV2 .top .navCityPick__menu--countryGrid .city__pickName{
  min-width:0;
  overflow:hidden;
  color:rgba(245,247,252,.96)!important;
  font-size:.9rem!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#rcrV2 .top .navCityPick__menu--countryGrid .city__pickBadge{
  flex:0 0 auto;
  padding:5px 7px!important;
  font-size:.58rem!important;
  letter-spacing:.1em!important;
  box-shadow:0 0 13px rgba(255,215,0,.25)!important;
}

#rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__countryPick:hover{
  border-color:rgba(255,215,0,.36)!important;
  background:rgba(255,215,0,.08)!important;
}

@media (max-width:640px){
  #rcrV2 .top .navCityPick__menu--countryGrid{
    width:min(360px,calc(100vw - 24px))!important;
    max-width:min(360px,calc(100vw - 24px))!important;
  }
  #rcrV2 .top .navCityPick__menu--countryGrid .navCityPick__cityList{
    grid-template-columns:1fr;
  }
}

/* The newer mobile-navigation script also runs on legacy city CSS bundles.
   Keep its mast laid out cleanly there as part of the shared header layer. */
#rcrV2 .mnavClean__mast{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:14px!important;
  border:1px solid rgba(255,215,0,.28)!important;
  border-radius:20px!important;
  background:
    linear-gradient(135deg,rgba(255,215,0,.08),transparent 38%),
    #080808!important;
}

#rcrV2 .mnavClean__mastCopy{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}

#rcrV2 .mnavClean__eyebrow{
  color:#FFD700!important;
  font-size:.68rem!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

#rcrV2 .mnavClean__mastTitle{
  color:rgba(245,247,252,.97)!important;
  font-size:1.08rem!important;
  line-height:1.08!important;
  font-weight:800!important;
}

#rcrV2 .mnavClean__mastMeta{
  color:rgba(205,213,228,.78)!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  font-weight:550!important;
}

#rcrV2 .mnavClean__close{
  display:inline-grid!important;
  place-items:center!important;
  min-width:64px!important;
  min-height:40px!important;
  padding-inline:12px!important;
  border:1px solid rgba(255,215,0,.24)!important;
  border-radius:999px!important;
  background:#060606!important;
  color:rgba(245,247,252,.92)!important;
  font:inherit!important;
  font-size:.76rem!important;
  font-weight:750!important;
  cursor:pointer!important;
}