/* Main menu (resources/views/parts/header.blade.php). Site palette: navy #343041, pink #FF6B81. */
.mh{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid #e9e6ea;box-shadow:0 2px 12px -8px rgba(52,48,65,.35)}
.mh-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:10px 24px;min-height:72px}
.mh-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:#343041!important;text-decoration:none!important}
.mh-brand img{width:46px;height:auto}
.mh-brand b{display:block;font-size:1.3rem;line-height:1.1;font-weight:700}
.mh-brand small{display:block;font-size:.78rem;line-height:1.3;color:#CF3F56;font-weight:500}

.mh-nav{display:flex;gap:2px;margin-inline:auto}
.mh-item{position:relative}
.mh-nav-btn{display:flex;align-items:center;gap:5px;padding:10px 11px;border:0;border-radius:10px;background:none;color:#343041;font:inherit;font-size:1rem;font-weight:500;white-space:nowrap;cursor:pointer}
.mh-nav-btn:hover,.mh-nav-btn[aria-expanded="true"]{background:#FFF0F2}
.mh-nav-btn.is-current{box-shadow:inset 0 -2px 0 #FF6B81;border-radius:10px 10px 0 0}
.mh-nav-btn svg,.mh-acc summary svg{flex:none;transition:transform .15s}
.mh-nav-btn[aria-expanded="true"] svg,.mh-acc[open] summary svg{transform:rotate(180deg)}
.mh-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:5;min-width:300px;padding:12px;background:#fff;border:1px solid #e9e6ea;border-radius:14px;box-shadow:0 18px 40px -18px rgba(52,48,65,.45)}
.mh-menu[hidden]{display:none}
.mh-menu ul{display:grid;grid-template-columns:repeat(2,minmax(max-content,1fr));gap:2px 8px;margin:0;padding:0;list-style:none}
.mh-menu a{display:block;padding:7px 10px;white-space:nowrap;border-radius:8px;color:#343041;font-size:.95rem;text-decoration:none}
.mh-menu a:hover,.mh-menu a[aria-current="page"]{background:#FFF0F2;color:#343041}
.mh-menu .mh-all{margin-top:8px;padding-top:10px;border-top:1px solid #e9e6ea;border-radius:0;font-weight:500}
.mh-menu .mh-all:hover{background:none;text-decoration:underline}

.mh-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.mh-search{display:flex;align-items:center;width:200px;border:1px solid #e9e6ea;border-radius:12px;background:#f8fafc;overflow:hidden}
.mh-search:focus-within{border-color:#343041}
.mh-search input{flex:1;min-width:0;padding:8px 12px;border:0;background:none;color:#343041;font:inherit;font-size:.92rem;outline:0}
.mh-search button{display:grid;place-items:center;width:38px;height:38px;border:0;background:none;color:#343041;cursor:pointer}
.mh-ic{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e9e6ea;border-radius:50%;background:#fff;color:#343041!important;font:inherit;font-size:.8rem;font-weight:700;text-decoration:none!important;cursor:pointer}
.mh-ic:hover{border-color:#FF6B81}
.mh-account{inset-inline-start:auto;inset-inline-end:0;min-width:220px}
.mh-account a{display:block}
.mh-account-name{margin:0 0 6px;padding:4px 10px 8px;border-bottom:1px solid #e9e6ea;font-weight:700;color:#343041}
.mh-search-toggle,.mh-burger{display:none}
.mh-searchbar{display:flex;gap:8px;max-width:1240px;margin:0 auto;padding:0 16px 12px}
.mh-searchbar[hidden]{display:none}
.mh-searchbar input{flex:1;min-width:0;padding:9px 12px;border:1px solid #e9e6ea;border-radius:12px;background:#f8fafc;color:#343041;font:inherit;font-size:1rem}
.mh-searchbar button{padding:0 16px;border:0;border-radius:12px;background:#343041;color:#fff;font:inherit;font-size:.95rem}
.mh :focus-visible,.mh-drawer :focus-visible{outline:2px solid #343041;outline-offset:2px}

/* drawer (below 1200px) */
.mh-scrim{position:fixed;inset:0;z-index:1040;background:rgba(52,48,65,.45)}
.mh-drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:1041;width:min(86vw,360px);display:flex;flex-direction:column;background:#fff;box-shadow:-10px 0 30px -12px rgba(0,0,0,.35)}
.mh-scrim[hidden],.mh-drawer[hidden]{display:none}
html.mh-locked,html.mh-locked body{overflow:hidden}
.mh-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e9e6ea}
.mh-drawer-top .mh-brand b{font-size:1.1rem}
.mh-drawer-body{flex:1;overflow-y:auto;padding:12px 14px 18px}
.mh-drawer-body .mh-search{width:100%;margin-bottom:8px}
.mh-drawer-body .mh-search input{padding:10px 12px;font-size:1rem}
.mh-acc{border-bottom:1px solid #e9e6ea}
.mh-acc summary{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;color:#343041;font-weight:500;font-size:1.02rem;list-style:none;cursor:pointer}
.mh-acc summary::-webkit-details-marker{display:none}
.mh-acc-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px}
.mh-acc-list a{padding:6px 12px;border:1px solid #e9e6ea;border-radius:99px;color:#343041;font-size:.9rem;text-decoration:none}
.mh-acc-list a:hover{border-color:#FF6B81;color:#343041}
.mh-acc-list a[aria-current="page"]{background:#343041;border-color:#343041;color:#fff}
.mh-links{display:grid;gap:2px;margin-top:12px}
.mh-links a,.mh-links .mh-account-name{display:flex;align-items:center;gap:10px;padding:10px 2px;color:#343041;text-decoration:none}
.mh-links .mh-account-name{margin:0;border:0}
.mh-links .mh-sub{padding:7px 30px 7px 2px;font-size:.95rem}
.mh-drawer-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #e9e6ea;font-size:.95rem}
.mh-social{display:flex;gap:14px;font-size:1.3rem}
.mh-social a{color:#343041;text-decoration:none}

/* up to 1400px the search field becomes an icon that opens a search row, so the categories fit */
@media (max-width:1399px){
  .mh-tools .mh-search{display:none}
  .mh-search-toggle{display:grid}
}
@media (max-width:1199px){
  .mh-nav,.mh-tools .mh-search,.mh-tools .mh-lang,.mh-tools .mh-user{display:none}
  .mh-tools{margin-inline-start:auto}
  .mh-search-toggle,.mh-burger{display:grid}
  .mh-in{padding:8px 16px;min-height:62px;gap:10px}
}
@media (max-width:420px){
  .mh-brand img{width:38px}
  .mh-brand b{font-size:1.1rem}
  .mh-brand small{font-size:.7rem}
}
@media (prefers-reduced-motion:reduce){.mh-nav-btn svg,.mh-acc summary svg{transition:none}}
@media print{.mh,.mh-drawer,.mh-scrim{display:none!important}}

/* English labels are longer: wider row, tighter buttons, search as an icon, and the drawer below 1600px */
html[dir="ltr"] .mh-in{max-width:1440px}
html[dir="ltr"] .mh-nav-btn{padding:10px 8px;font-size:.95rem}
html[dir="ltr"] .mh-tools .mh-search{display:none}
html[dir="ltr"] .mh-search-toggle{display:grid}
@media (max-width:1599px){
  html[dir="ltr"] .mh-nav,html[dir="ltr"] .mh-tools .mh-lang,html[dir="ltr"] .mh-tools .mh-user{display:none}
  html[dir="ltr"] .mh-tools{margin-inline-start:auto}
  html[dir="ltr"] .mh-burger{display:grid}
}