/* Gemensam sidlayout för GGH medlemssidor. Extraherad oförändrad från fungerande OmGillet.aspx. */

html{overflow-y:scroll;scrollbar-gutter:stable;overflow-x:hidden}html,body{margin:0!important;padding:0!important;width:100%;overflow-x:hidden}body{background:#f4f4f4!important;background-image:none!important;font-family:Arial,Helvetica,sans-serif}
#layout{position:relative!important;width:100%!important;max-width:1200px!important;min-width:0!important;min-height:100vh!important;margin:0 auto!important;padding:0!important;float:none!important;background:#fff!important;box-sizing:border-box!important}#kolumncontainer{position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;background:none!important;box-sizing:border-box!important}
@media(max-width:800px){body{background:#fff!important}}
/* Samlat sidhuvud, helt vänsterställt */
.ggh-header{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:165px!important;margin:7px 0 0 12px!important;padding:0!important;text-align:left!important;float:none!important}
.ggh-status{font-size:12px;white-space:nowrap;margin:0 0 5px 0}
.ggh-logo{width:100px;text-align:left!important;margin:0!important;padding:0!important;line-height:0!important}
.ggh-logo img{display:block!important;width:100px!important;height:75px!important;max-width:100px!important;max-height:75px!important;margin:0!important;padding:0!important;float:none!important}
.ggh-logo, .ggh-logo *{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;text-align:left!important;float:none!important}
.ggh-logo img{margin-left:0!important;margin-right:0!important}
.ggh-logo p,.ggh-logo div{margin:0!important;padding:0!important;line-height:0!important}
.ggh-payment{font-size:12px;line-height:17px;margin:2px 0 3px 0!important;padding:0!important;text-align:left!important}
.ggh-icons{display:flex;flex-direction:row;gap:8px;margin:0 0 4px 0!important;justify-content:flex-start}
.ggh-round-icon{width:30px;height:30px;border:1px solid #c8c8c8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f7f7f7;color:#555;text-decoration:none}
.ggh-round-icon svg{width:16px;height:16px;fill:currentColor}
.ggh-round-icon img{width:15px;height:15px;border:0;display:block}
.ggh-menu-button{display:block!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:150px;padding:9px;border:0;border-radius:5px;background:#555c73;color:#fff;cursor:pointer;font-size:15px;text-align:left;margin:0 0 7px 12px!important}
.ggh-menu-panel{display:none;position:absolute!important;left:12px!important;right:auto!important;top:auto!important;width:175px;max-height:380px;overflow-y:auto;z-index:50;padding:9px;background:linear-gradient(#f0efef,#fff);border-radius:5px;box-shadow:0 3px 9px #0002}
.ggh-menu-panel.open{display:block}
.ggh-menu-panel .menu{display:block!important;position:static!important;width:auto!important;padding:0!important;background:none!important}
.ggh-menu-panel .menu a{display:block!important;position:static!important;font-weight:normal!important;color:#646b7a;padding:4px 3px;border-bottom:1px solid #ddd;font-size:14px}
#kolumn2{position:relative!important;left:auto!important;right:auto!important;top:auto!important;float:none!important;margin:-184px 85px 18px 180px!important;padding:10px!important;width:auto!important;height:400px!important;box-sizing:border-box;color:#646b7a;border-radius:5px;background:linear-gradient(#f0efef,#fff)}
.scrollerkolumn2{width:100%!important;height:365px;overflow-y:auto;scrollbar-width:thin}
@media(max-width:800px){#kolumn2{margin:15px 12px!important;height:auto!important;min-height:300px}.scrollerkolumn2{height:auto;max-height:450px}}
/* Nyheter med mjuk gra bakgrund och eget utrymme */
#kolumn3{position:relative!important;top:auto!important;left:auto!important;right:auto!important;float:none!important;width:auto!important;height:auto!important;min-height:110px;margin:18px 85px 18px 180px!important;padding:16px!important;box-sizing:border-box;background:linear-gradient(#e8e8e8,#f7f7f7)!important;border-radius:6px;color:#646b7a}
@media(max-width:800px){#kolumn2{margin:15px 12px!important}#kolumn3{margin:15px 12px!important}}

/* Slutliga justeringar */
.ggh-menu-panel .menu a,
.ggh-menu-panel .menu a:link,
.ggh-menu-panel .menu a:visited,
.ggh-menu-panel .menu a:hover {text-decoration:none!important;}
.ggh-status {font-size:9px!important;line-height:12px!important;font-weight:normal!important;}
.ggh-payment,.ggh-payment * {font-size:11px!important;line-height:15px!important;color:#1761ba!important;font-weight:normal!important;}
/* Nyheter behåller sin tonade bakgrund men ligger till vänster */
#kolumn3 {margin-left:12px!important;margin-right:85px!important;}
@media(max-width:800px){#kolumn3{margin-left:12px!important;margin-right:12px!important;}}

/* Menyknappen på rad 1. Menypanelen och sidinnehållet på SAMMA rad 2.
   Ingen JS-mätning och inga marginaler som kan orsaka hopp. */
#layout .ggh-member-layout {
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 column-gap:12px!important;row-gap:0!important;
 padding:0 12px!important;align-items:start!important;
 width:100%!important;box-sizing:border-box!important;
}
#layout .ggh-member-nav {display:contents!important}
#layout .ggh-member-nav > .mobile-menu-button {
 grid-column:1!important;grid-row:1!important;
 margin:3px 0 8px 0!important;
}
#layout .ggh-member-nav > .menu-area {
 grid-column:1!important;grid-row:2!important;
 margin:0!important;max-width:100%!important;
}
#layout .ggh-member-main {
 grid-column:1!important;grid-row:2!important;
 margin:0!important;padding:0!important;
 min-width:0!important;align-self:start!important;
}
#layout .ggh-member-layout:has(.menu-area.open) {
 grid-template-columns:235px minmax(0,1fr)!important;
}
#layout .ggh-member-layout:has(.menu-area.open) .ggh-member-main {
 grid-column:2!important;grid-row:2!important;
}
#layout .ggh-member-main #kolumn2,
#layout .ggh-member-main #kolumn3 {
 position:static!important;float:none!important;
 width:100%!important;max-width:100%!important;
 margin:0 0 18px!important;box-sizing:border-box!important;
}
@media(max-width:800px) {
 #layout .ggh-member-layout {padding:0 10px!important;column-gap:8px!important}
 #layout .ggh-member-layout:has(.menu-area.open) {
  grid-template-columns:minmax(120px,65%) minmax(0,1fr)!important;
 }
 #layout .ggh-member-nav > .menu-area {width:100%!important}
}

/* Publik meny: tätare rader utan skiljelinjer. */
.sidebar .menu a, .sidebar .menu a:link, .sidebar .menu a:visited {
 padding:3px 6px!important; line-height:1.2!important;
 border:0!important; border-bottom:0!important;
 text-decoration:none!important;
}
.sidebar .menu a:hover, .sidebar .menu a:focus {
 background:#d3dce7!important; text-decoration:none!important;
}
@media(max-width:800px) {
 .sidebar .menu a, .sidebar .menu a:link, .sidebar .menu a:visited {padding:4px 8px!important;}
}