/* Gemensam medlemsmeny för /controls/MenyMedlem.ascx.
   Klassbaserade selektorer fungerar även när ASP.NET ändrar ClientID. */
.mobile-menu-button {
 display:block!important; width:177px; margin:3px 12px 8px!important;
 padding:9px 12px!important; border:0!important; border-radius:5px!important;
 background:#174f86!important; color:#fff!important;
 font:normal 15px Arial,Helvetica,sans-serif!important;
 text-align:left!important; cursor:pointer;
}
/* Stängd från början, oberoende av ASP.NET-genererat id. */
.menu-area, .menu-area:not(.open) {
 display:none!important;
}
.menu-area.open {
 display:block!important; position:static!important; float:none!important;
 width:235px!important; max-width:calc(100% - 24px)!important;
 margin:0 12px 12px!important; padding:12px!important;
 box-sizing:border-box!important; background:linear-gradient(#f0efef,#fff)!important;
 border-radius:8px!important; color:#646b7a!important;
 font:normal 15px Arial,Helvetica,sans-serif!important;
 height:auto!important; max-height:70vh!important;
 overflow-y:auto!important; overflow-x:hidden!important;
}
.menu-area #kolumn1, .menu-area #kolumn11 {
 display:block!important; position:static!important; float:none!important;
 width:auto!important; height:auto!important; min-height:0!important;
 margin:0!important; padding:0!important; border:0!important;
 background:transparent!important;
}
.menu-area .dropdown, .menu-area .dropdown-content,
.menu-area .scrollerkolumn11 {
 display:block!important; position:static!important;
 width:auto!important; height:auto!important; max-height:none!important;
 overflow:visible!important; margin:0!important; padding:0!important;
 background:transparent!important; box-shadow:none!important;
}
.menu-area br {display:none!important}
.menu-area a, .menu-area a:link, .menu-area a:visited,
.menu-area a:hover, .menu-area a:focus {
 display:block!important; position:static!important; margin:0!important;
 padding:1px 6px!important; line-height:1.2!important; height:auto!important;
 min-height:0!important; white-space:normal!important;
 font:normal 15px/1.2 Arial,Helvetica,sans-serif!important;
 color:#174f86!important; text-decoration:none!important;
 border:0!important; border-bottom:0!important; box-shadow:none!important;
 background:transparent!important;
}
.menu-area a:hover, .menu-area a:focus {background:#cbd9e7!important}
.menu-area a[style*="c00000"] {color:#c00000!important}
.menu-area a[style*="16803c"] {color:#16803c!important}
@media(max-width:800px){
 .menu-area.open {width:calc(100% - 20px)!important; max-width:none!important;
 margin:0 10px 12px!important; padding:10px!important; max-height:65vh!important}
 .mobile-menu-button {margin-left:10px!important}
}
/* Valfri gemensam tvåkolumnslayout för framtida medlemssidor.
   Denna del ändrar inte en sida som saknar ggh-member-layout. */
.ggh-member-layout {display:grid; grid-template-columns:minmax(0,1fr); gap:12px; align-items:start}
.ggh-member-layout .ggh-member-nav {grid-column:1;grid-row:1;min-width:0}
.ggh-member-layout .ggh-member-main {grid-column:1;grid-row:2;min-width:0}
@media(min-width:801px){
 .ggh-member-layout:has(.menu-area.open) {grid-template-columns:259px minmax(0,1fr)}
 .ggh-member-layout:has(.menu-area.open) .ggh-member-nav {grid-column:1;grid-row:1}
 .ggh-member-layout:has(.menu-area.open) .ggh-member-main {grid-column:2;grid-row:1}
}
/* Efter de åtta första menyposterna: separat mörkare bakgrund.
   Placeras sist för att åsidosätta tidigare transparent!important. */
.menu-area #kolumn11 {
 background:#c7d3e1!important;
 padding:8px 6px!important;
 margin-top:7px!important;
 border-radius:5px!important;
}

/* Gemensam menybanner och överlappande utfälld meny. */
.ggh-member-menu-banner{display:flex;align-items:center;gap:14px;width:calc(100% - 24px);margin:5px 12px 0;background:linear-gradient(90deg,#174f86,#326b9a);border-radius:6px;color:#fff;min-height:43px;position:relative;z-index:80}
.ggh-member-menu-banner .mobile-menu-button{margin:0!important;width:auto!important;min-width:135px!important;background:transparent!important;border-radius:6px!important;padding:11px 14px!important;font-weight:bold!important}
.ggh-member-menu-caption{font-size:15px;letter-spacing:.2px;color:#fff}
.menu-area.open{position:absolute!important;z-index:1000!important;left:0!important;top:auto!important;margin:0 12px!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;background:#f0efef!important}
@media(max-width:800px){.ggh-member-menu-banner{margin:5px 10px 0;width:calc(100% - 20px)}.ggh-member-menu-caption{font-size:13px}.menu-area.open{left:0!important;margin:0 10px!important;width:calc(100% - 20px)!important}}

/* Justerad kompakt banner, ikonknappar och överlappande meny */
.ggh-member-menu-banner{margin-top:0!important;margin-bottom:0!important;min-height:36px!important;gap:8px!important;padding:2px 8px!important}
.ggh-member-menu-banner .mobile-menu-button{width:35px!important;min-width:35px!important;height:31px!important;padding:2px 5px!important;margin:0!important;text-align:center!important;font-size:22px!important;line-height:1!important}
.ggh-member-menu-caption{display:none!important}
.ggh-member-menu-banner .ggh-banner-home{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:50%!important;color:#fff!important;background:transparent!important;padding:0!important;margin:0!important;text-decoration:none!important}
.ggh-member-menu-banner .ggh-banner-home svg{width:17px;height:17px;fill:currentColor}
.menu-area.open{position:absolute!important;z-index:1000!important}
@media(max-width:800px){.ggh-member-menu-banner{margin-top:0!important}}


.ggh-member-menu-banner {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-height: 45px !important;
}

@media (max-width: 800px) {
    .ggh-member-menu-banner {
        width: 100% !important;
        margin: 0 !important;
    }
}