/* RexGroup v0.5.5 — isolated Header + Hamburger premium refinement.
   Scope: header height/rhythm, hamburger/X consistency, side-menu polish,
   language selector refinement and active-state clarity only. */

/* Compact desktop header while preserving the approved logo scale. */
.site-header{
  height:96px!important;
  min-height:96px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #ece6e1!important;
  box-shadow:0 3px 18px rgba(32,24,24,.035)!important;
}
.nav-wrap{gap:24px!important;min-height:96px!important}
.nav{gap:38px!important}
.nav a{
  padding:19px 0!important;
  font-weight:650!important;
  letter-spacing:-.008em!important;
}
.nav a.active:after{bottom:9px!important;height:2px!important;border-radius:2px!important}

/* Hamburger and X are the SAME component: same frame, size and position. */
.side-menu-toggle{
  position:relative!important;
  left:-38px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  border:1px solid #343840!important;
  border-radius:10px!important;
  background:#2b2f35!important;
  box-shadow:0 5px 14px rgba(26,28,32,.12)!important;
  display:grid!important;
  place-content:center!important;
  gap:4px!important;
  padding:0!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.side-menu-toggle:hover,.side-menu-toggle:focus-visible{
  background:#74142c!important;
  border-color:#74142c!important;
  box-shadow:0 7px 18px rgba(116,20,44,.16)!important;
  outline:none!important;
}
.side-menu-toggle span{
  width:18px!important;
  height:2px!important;
  border-radius:3px!important;
  background:#fff!important;
  transform-origin:center!important;
}
.side-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
.side-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:scaleX(.25)!important}
.side-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

/* Compact premium side menu. */
.side-menu-panel{
  top:calc(100% + 10px)!important;
  left:-38px!important;
  width:188px!important;
  padding:8px!important;
  border:1px solid #e6dfda!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 14px 36px rgba(32,26,24,.115)!important;
  backdrop-filter:blur(12px)!important;
}
.side-menu-title{
  padding:7px 10px 8px!important;
  margin:0 0 4px!important;
  border-bottom:1px solid #eee8e4!important;
  color:#756e69!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
.side-menu-panel a{
  position:relative!important;
  min-height:38px!important;
  padding:0 10px 0 12px!important;
  border-radius:8px!important;
  color:#25272b!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:-.006em!important;
  transition:background .15s ease,color .15s ease,transform .15s ease!important;
}
.side-menu-panel a:hover,.side-menu-panel a:focus-visible{
  background:#f7f2f1!important;
  color:#74142c!important;
  transform:translateX(1px)!important;
  outline:none!important;
}
.side-menu-panel a.active,.side-menu-panel a[aria-current="page"]{
  background:#f3e8eb!important;
  color:#74142c!important;
  font-weight:700!important;
}
.side-menu-panel a.active:before,.side-menu-panel a[aria-current="page"]:before{
  content:"";
  position:absolute;
  left:4px;
  top:9px;
  bottom:9px;
  width:2px;
  border-radius:2px;
  background:#74142c;
}

/* Language selector aligned with the same premium control language. */
.header-actions{margin-left:10px!important}
.language-filter-toggle{
  height:40px!important;
  min-width:88px!important;
  padding:0 10px!important;
  gap:7px!important;
  border:1px solid #ddd6d0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#2f3135!important;
  box-shadow:0 2px 8px rgba(30,24,22,.025)!important;
}
.language-filter-toggle:hover,.language-filter.open .language-filter-toggle{
  border-color:#b99ca4!important;
  box-shadow:0 0 0 3px rgba(116,20,44,.045)!important;
}
.language-current-code{font-size:11px!important;font-weight:700!important;letter-spacing:.045em!important}
.flag-icon{width:20px!important;height:14px!important;flex-basis:20px!important;border-radius:2px!important}
.language-chevron{font-size:11px!important;color:#77716d!important}
.language-filter-menu{
  top:calc(100% + 8px)!important;
  min-width:184px!important;
  border-color:#e6dfda!important;
  border-radius:11px!important;
  box-shadow:0 14px 34px rgba(32,26,24,.11)!important;
}

@media(max-width:1250px){
  .site-header,.nav-wrap{height:88px!important;min-height:88px!important}
  .nav{gap:28px!important}
  .side-menu-toggle{left:-28px!important}
  .side-menu-panel{left:-28px!important}
}
@media(max-width:1000px){
  .site-header,.nav-wrap{height:82px!important;min-height:82px!important}
  .nav-wrap{gap:14px!important}
  .header-actions{margin-left:6px!important}
}
@media(max-width:900px){
  .site-header,.nav-wrap{height:78px!important;min-height:78px!important}
  .side-menu-toggle{left:-14px!important;width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  .side-menu-panel{left:-14px!important;top:calc(100% + 8px)!important;width:184px!important}
  .header-actions{margin-left:auto!important}
}
@media(max-width:620px){
  .site-header,.nav-wrap{height:72px!important;min-height:72px!important}
  .side-menu-toggle{left:-5px!important;width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;border-radius:9px!important}
  .side-menu-panel{left:-5px!important;width:min(178px,78vw)!important;padding:7px!important}
  .side-menu-panel a{min-height:37px!important;font-size:12.5px!important}
  .language-filter-toggle{height:38px!important;min-width:72px!important;padding:0 7px!important;gap:5px!important}
  .flag-icon{width:19px!important;height:13px!important;flex-basis:19px!important}
}