/* Autolight Shop-menu hierarki – kun layout for to-panel-visningen.
   Farver, font, radius, skygge og hover kommer fra temaets egne
   .mega-menu-/.mega-menu-col-/.mega-menu-promo-regler og CSS-variabler. */

/* Desktop: [hovedkategorier] [underkategorier for den aktive] [tilbudsboks] */
nav.primary-menu .mega-menu.alsmh-mega{grid-template-columns:200px 430px 200px;gap:24px;align-items:start;max-width:calc(100vw - 32px);}
.alsmh-top{border-right:1px solid var(--line);padding-right:14px;}
.alsmh-top a.alsmh-top-link{padding-top:6px;padding-bottom:6px;}
nav.primary-menu .mega-menu.alsmh-mega a{white-space:normal;line-height:1.3;}
.alsmh-top a.alsmh-top-link{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.alsmh-top a.alsmh-top-link.has-children::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.55;flex:0 0 auto;}
.alsmh-top a.alsmh-top-link.is-active{color:var(--brand);background:var(--surface-3);}
.alsmh-panel{display:none;}
.alsmh-panel.is-active{display:block;}
.alsmh-panel h6 a{display:inline;padding:0;font-size:inherit;color:inherit;background:none;}
.alsmh-panel h6 a:hover{color:var(--brand);background:none;}
.alsmh-children{column-count:2;column-gap:16px;}
.alsmh-item{break-inside:avoid;}
.alsmh-grandchildren{padding-left:12px;border-left:1px solid var(--line);margin:0 0 4px 6px;}
.alsmh-grandchildren a{font-size:13px;color:var(--muted);padding:5px 4px;}

/* Mobil: indlejrede accordions (hovedkategori → underkategori → evt. næste niveau) */
.mobile-nav .alsmh-mobile li{position:relative;}
.mobile-nav .alsmh-mobile > li > a{color:var(--text);font-size:14.5px;}
.mobile-nav .alsmh-mobile .alsmh-toggle{width:40px;height:40px;min-width:40px;min-height:40px;}