/* Attaya V62 — deterministic optical centering for every public header control. */
:root{
  --attaya-header-control-size:42px;
  --attaya-header-glyph-size:19px;
}

/* Reset browser and icon-library baseline behaviour. */
.attaya-pref>summary,
.attaya-menu-toggle,
.menu-toggle,
.attaya-header-icon-button{
  box-sizing:border-box!important;
  position:relative!important;
  line-height:1!important;
  text-indent:0!important;
}
.attaya-pref>summary{list-style:none!important}
.attaya-pref>summary::marker{content:""!important;display:none!important}
.attaya-pref>summary::-webkit-details-marker{display:none!important}

/* A fixed square glyph box makes geometric and optical centres identical. */
.attaya-control-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:var(--attaya-header-glyph-size)!important;
  height:var(--attaya-header-glyph-size)!important;
  min-width:var(--attaya-header-glyph-size)!important;
  min-height:var(--attaya-header-glyph-size)!important;
  flex:0 0 var(--attaya-header-glyph-size)!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  font-size:0!important;
  vertical-align:middle!important;
  transform:none!important;
}
.attaya-control-svg,
.attaya-control-icon>svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke;
  transform:none!important;
  transform-origin:center!important;
}
.attaya-control-svg.is-currency{transform:translate(.55px,.25px)!important}

.attaya-pref-chevron{
  display:inline-grid;
  place-items:center;
  width:11px;
  height:8px;
  flex:none;
  line-height:0;
}
.attaya-pref-chevron svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.attaya-pref[open] .attaya-pref-chevron{transform:rotate(180deg)}

/* Search and account already use inline SVG; remove their residual baseline too. */
.attaya-header-icon-button{
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
}
.attaya-header-icon-button>svg{
  display:block!important;
  grid-area:1/1!important;
  align-self:center!important;
  justify-self:center!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transform:none!important;
}

/* Menu controls in both the generic and Attaya Green headers. */
.attaya-menu-toggle,
.menu-toggle{
  place-items:center!important;
  padding:0!important;
}
.attaya-menu-toggle .attaya-control-icon,
.menu-toggle .attaya-control-icon{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:1240px){
  .attaya-header-actions,
  .attaya-preferences,
  .green-preferences,
  .attaya-header-tools{
    align-items:center!important;
  }

  .attaya-header-actions .attaya-pref>summary,
  .green-preferences .attaya-pref>summary,
  .site-header .attaya-pref>summary,
  .attaya-header-actions .attaya-menu-toggle,
  .site-header .menu-toggle,
  .attaya-header-actions .attaya-header-icon-button,
  .site-header .attaya-header-icon-button{
    width:var(--attaya-header-control-size)!important;
    min-width:var(--attaya-header-control-size)!important;
    height:var(--attaya-header-control-size)!important;
    min-height:var(--attaya-header-control-size)!important;
    display:inline-grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    gap:0!important;
    line-height:0!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .attaya-header-actions .attaya-pref>summary .attaya-pref-current,
  .green-preferences .attaya-pref>summary .attaya-pref-current,
  .site-header .attaya-pref>summary .attaya-pref-current,
  .attaya-header-actions .attaya-pref>summary .attaya-pref-chevron,
  .green-preferences .attaya-pref>summary .attaya-pref-chevron,
  .site-header .attaya-pref>summary .attaya-pref-chevron{
    display:none!important;
  }

  .attaya-header-actions .attaya-pref>summary>.attaya-control-icon,
  .green-preferences .attaya-pref>summary>.attaya-control-icon,
  .site-header .attaya-pref>summary>.attaya-control-icon,
  .attaya-pref>summary>.attaya-control-icon{
    display:inline-grid!important;
    grid-area:1/1!important;
    align-self:center!important;
    justify-self:center!important;
  }
}

@media(min-width:1241px){
  .attaya-pref>summary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media(max-width:430px){
  :root{--attaya-header-control-size:40px;--attaya-header-glyph-size:18px}
}
@media(max-width:340px){
  :root{--attaya-header-control-size:38px;--attaya-header-glyph-size:17px}
}

/* Admin topbar icon buttons receive the same baseline-safe centring. */
.adm-topbar .btn-icon:not(.mobile-menu){
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:0!important;
}
.adm-topbar .mobile-menu{
  place-items:center!important;
  padding:0!important;
  line-height:0!important;
}
@media(max-width:1199px){.adm-topbar .mobile-menu{display:inline-grid!important}}
@media(min-width:1200px){.adm-topbar .mobile-menu{display:none!important}}
.adm-topbar .btn-icon>i,
.adm-topbar .btn-icon>svg,
.adm-topbar .mobile-menu>i,
.adm-topbar .mobile-menu>svg{
  display:block!important;
  margin:0!important;
  line-height:1!important;
  transform:none!important;
}