/* Attaya V57 - compact mobile header and accessible drawer tools */
.attaya-mobile-nav-tools{display:none}

@media(max-width:980px){
  .attaya-header-inner,.header-inner{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:72px!important;
    height:auto!important;
    gap:7px!important;
    padding-block:7px!important;
  }

  .attaya-brand,.brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 138px)!important;
    overflow:hidden!important;
  }

  .attaya-brand-logo-image,.brand img{
    flex:none;
    max-height:52px!important;
    max-width:min(52vw,220px)!important;
    object-fit:contain!important;
  }

  .attaya-brand-copy,.brand span{min-width:0!important}
  .attaya-brand-copy strong,.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Search and account move into the drawer on mobile. The overlay remains mounted. */
  .attaya-header-tools{display:none!important}
  .attaya-header-actions,.green-preferences{flex:0 0 auto!important;min-width:0!important;margin:0!important}
  .attaya-header-actions{gap:4px!important}
  .attaya-preferences{display:flex!important;align-items:center!important;gap:4px!important}
  .attaya-pref>summary,.attaya-menu-toggle,.menu-toggle{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
  }
  .attaya-pref>summary span,.attaya-pref>summary .fa-chevron-down{display:none!important}

  .attaya-mobile-nav-tools{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid #e4ece7;
  }

  .attaya-mobile-nav-action{
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    min-height:46px!important;
    width:100%;
    padding:10px 12px!important;
    border:1px solid #dce9e1!important;
    border-radius:12px!important;
    background:#f5faf7!important;
    color:#0d513d!important;
    font:inherit;
    font-size:13px!important;
    font-weight:800!important;
    cursor:pointer;
    text-decoration:none;
  }
  .attaya-mobile-nav-action:hover,.attaya-mobile-nav-action.is-active{background:#e8f5ed!important;border-color:#bcdcc8!important}
  .attaya-mobile-nav-action i{font-size:16px;color:#13845f}
  .attaya-mobile-account-status{position:absolute;inset-inline-end:10px;top:9px;width:7px;height:7px;border-radius:50%;background:#84cc16;box-shadow:0 0 0 2px #fff}
}

@media(max-width:430px){
  :root{--attaya-mobile-header:68px}
  .attaya-header-inner,.header-inner{min-height:68px!important;padding-block:6px!important;gap:5px!important}
  .attaya-brand,.brand{max-width:calc(100% - 126px)!important}
  .attaya-brand-logo-image,.brand img{max-height:47px!important;max-width:min(49vw,184px)!important}
  .attaya-brand-copy small,.brand small{display:none!important}
  .attaya-pref>summary,.attaya-menu-toggle,.menu-toggle{width:37px!important;min-width:37px!important;height:38px!important;min-height:38px!important;border-radius:11px!important}
  .attaya-mobile-nav-tools{grid-template-columns:1fr}
}

@media(max-width:330px){
  .attaya-brand-copy,.brand span{display:none!important}
  .attaya-brand,.brand{max-width:58px!important}
}