/* Sundsvalls BGK – publik stil. Bygger på Bootstrap 5.3 (självhostad).
   Grafisk grund från klubbmärket: skogsgrönt, kungsblått, orange (örnens klor) och djupblått.
   Typsnitt: Bricolage Grotesque (rubriker) och Figtree (brödtext), självhostade i assets/vendor/fonts. */

/* ==== 1. Färger, mått och typsnitt ======================================== */
:root{
  --sbgk-navy:#0B1F4D;        /* toppsektion, sidfot, rubriker */
  --sbgk-navy-2:#132B66;
  --sbgk-blue:#0A3A9C;        /* märkets ram och vatten */
  --sbgk-green:#1F7A4D;       /* länkar, knappar och text på vitt (kontrast 5,3:1) */
  --sbgk-green-logo:#2E8F5E;  /* märkets gröna – grafik, inte text */
  --sbgk-green-dark:#15623F;
  --sbgk-green-pale:#E4F0E8;
  --sbgk-orange:#F29A38;      /* accent – med mörk text, aldrig vit */
  --sbgk-orange-pale:#FDF0DD;
  --sbgk-orange-ink:#8A5A12;
  --sbgk-ink:#14203A;
  --sbgk-paper:#F6F4EC;       /* sidans bakgrund */
  --sbgk-mist:#EEF1EA;        /* ljusa ytor, platshållare */
  --sbgk-line:#DCE3DA;
  --sbgk-muted:#4A5468;
  --sbgk-open:#1F7A4D;
  --sbgk-closed:#B42318;
  --sbgk-on-navy:#D6DEEF;     /* brödtext på djupblått */

  --sbgk-radius-sm:12px;
  --sbgk-radius:20px;
  --sbgk-radius-lg:28px;
  --sbgk-shadow:0 18px 44px rgba(11,31,77,.12);
  --sbgk-shadow-sm:0 4px 14px rgba(11,31,77,.08);

  --sbgk-font-display:"Bricolage Grotesque","Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bs-body-font-family:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bs-body-color:var(--sbgk-ink);
  --bs-body-bg:var(--sbgk-paper);
  --bs-link-color-rgb:31,122,77;
  --bs-link-hover-color-rgb:11,31,77;
  --bs-border-color:var(--sbgk-line);
  --bs-border-radius:var(--sbgk-radius-sm);

  /* Mönster från märket: vågor och granar (SVG, upprepas i sidled) */
  --sbgk-wave-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q60 4 120 20 T240 20 V40 H0Z' fill='%230B1F4D'/%3E%3C/svg%3E");
  --sbgk-wave-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q60 4 120 20 T240 20 V40 H0Z' fill='%23F6F4EC'/%3E%3C/svg%3E");
  --sbgk-wave-blue:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40' viewBox='0 0 240 40' preserveAspectRatio='none'%3E%3Cpath d='M0 20 Q60 4 120 20 T240 20 V40 H0Z' fill='%230A3A9C'/%3E%3C/svg%3E");
  --sbgk-trees-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='64' viewBox='0 0 300 64' preserveAspectRatio='none'%3E%3Cpath d='M12 10 L19 29 L15 29 L22 46 L18 46 L26 64 L-2 64 L6 46 L2 46 L9 29 L5 29Z M44 6 L51 27 L48 27 L55 44 L51 44 L59 64 L29 64 L37 44 L33 44 L40 27 L37 27Z M77 4 L84 26 L81 26 L88 44 L84 44 L93 64 L61 64 L70 44 L66 44 L73 26 L70 26Z M116 3 L124 25 L120 25 L127 43 L123 43 L132 64 L100 64 L109 43 L105 43 L112 25 L108 25Z M155 9 L162 29 L158 29 L165 45 L161 45 L169 64 L141 64 L149 45 L145 45 L152 29 L148 29Z M197 13 L203 31 L200 31 L207 47 L203 47 L210 64 L184 64 L191 47 L187 47 L194 31 L191 31Z M225 3 L233 25 L229 25 L236 43 L232 43 L241 64 L209 64 L218 43 L214 43 L221 25 L217 25Z M260 5 L267 26 L264 26 L271 44 L267 44 L275 64 L245 64 L253 44 L249 44 L256 26 L253 26Z' fill='%2315623F'/%3E%3C/svg%3E");
  --sbgk-trees-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='40' viewBox='0 0 220 40' preserveAspectRatio='none'%3E%3Cpath d='M12 4 L16 17 L14 17 L19 28 L16 28 L21 40 L3 40 L8 28 L5 28 L10 17 L8 17Z M39 7 L43 19 L41 19 L45 29 L43 29 L48 40 L30 40 L35 29 L33 29 L37 19 L35 19Z M61 14 L64 23 L63 23 L66 31 L64 31 L68 40 L54 40 L58 31 L56 31 L59 23 L58 23Z M81 18 L84 26 L82 26 L85 33 L84 33 L87 40 L75 40 L78 33 L77 33 L80 26 L78 26Z M104 2 L109 16 L106 16 L111 27 L108 27 L114 40 L94 40 L100 27 L97 27 L102 16 L99 16Z M129 16 L132 25 L130 25 L133 32 L132 32 L135 40 L123 40 L126 32 L125 32 L128 25 L126 25Z M152 1 L157 15 L154 15 L159 27 L156 27 L162 40 L142 40 L148 27 L145 27 L150 15 L147 15Z M184 17 L187 25 L185 25 L188 32 L187 32 L190 40 L178 40 L181 32 L180 32 L183 25 L181 25Z' fill='%232E8F5E'/%3E%3C/svg%3E");
}
body{font-size:1.0625rem;line-height:1.6;background:var(--sbgk-paper);color:var(--sbgk-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.display-type{font-family:var(--sbgk-font-display);font-weight:800;letter-spacing:-.015em;line-height:1.05;color:var(--sbgk-navy)}
h5,.h5,h6,.h6{font-weight:700;color:var(--sbgk-navy)}
h1,.h1{font-size:clamp(2.3rem,5.5vw,4rem)}
h2,.h2{font-size:clamp(1.75rem,3.2vw,2.6rem)}
h3,.h3{font-size:1.35rem;letter-spacing:-.01em}
h4,.h4{font-size:1.15rem}
a{color:var(--sbgk-green);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--sbgk-navy)}
:focus-visible{outline:3px solid var(--sbgk-orange)!important;outline-offset:2px}
::selection{background:var(--sbgk-orange-pale)}
.text-muted-sbgk{color:var(--sbgk-muted)}
.eyebrow{display:block;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sbgk-green)}
code{color:var(--sbgk-ink);background:var(--sbgk-mist);padding:.1rem .35rem;border-radius:6px;font-size:.875em}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* ==== 2. Knappar ======================================================== */
.btn{--bs-btn-border-radius:999px;border-radius:999px;font-weight:700;padding:.7rem 1.35rem;line-height:1.2;transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn-lg{padding:.95rem 1.8rem;font-size:1.075rem}
.btn-sm{padding:.4rem .9rem;font-size:.9rem}
/* Primär: djupblå. (Klassnamnen från grunden behålls, så vyerna inte behöver ändras.) */
.btn-ink,.btn-primary{background:var(--sbgk-navy);color:#fff;border:2px solid var(--sbgk-navy)}
.btn-ink:hover,.btn-ink:focus-visible,.btn-primary:hover{background:var(--sbgk-navy-2);border-color:var(--sbgk-navy-2);color:#fff}
/* Sekundär: kontur */
.btn-line{border:2px solid var(--sbgk-navy);color:var(--sbgk-navy);background:transparent}
.btn-line:hover,.btn-line:focus-visible{background:var(--sbgk-navy);color:#fff}
/* Accent: orange med mörk text – för den viktigaste handlingen på en yta */
.btn-accent{background:var(--sbgk-orange);color:var(--sbgk-ink);border:2px solid var(--sbgk-orange)}
.btn-accent:hover,.btn-accent:focus-visible{background:#F6AE5C;border-color:#F6AE5C;color:var(--sbgk-ink)}
.btn-green{background:var(--sbgk-green);color:#fff;border:2px solid var(--sbgk-green)}
.btn-green:hover,.btn-green:focus-visible{background:var(--sbgk-green-dark);border-color:var(--sbgk-green-dark);color:#fff}
/* På mörk bakgrund */
.on-dark .btn-line,.page-intro .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.on-dark .btn-line:hover,.page-intro .btn-line:hover{background:#fff;color:var(--sbgk-navy);border-color:#fff}
.btn-link{color:var(--sbgk-green);text-decoration:underline;text-underline-offset:.2em;font-weight:600;border-radius:6px}
.btn-link:hover,.btn-link:focus-visible{color:var(--sbgk-navy);text-decoration-thickness:2px}
.btn-close:focus{box-shadow:none}

/* ==== 3. Utrop – dagens meddelande ======================================= */
.utrop{background:var(--sbgk-orange);color:var(--sbgk-ink);font-size:.975rem;font-weight:600}
.utrop a{color:var(--sbgk-ink);font-weight:700}
.utrop .bi{font-size:1.1rem}

/* ==== 4. Sidhuvud med hängande klubbmärke ================================ */
.site-header{background:#fff;border-bottom:1.5px solid var(--sbgk-line);z-index:1030}
.site-header .navbar{padding:0;min-height:88px}
.site-header .container{position:relative}
.brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--sbgk-ink);padding:.9rem 0;margin-right:1.5rem;min-height:88px}
.brand:hover{color:var(--sbgk-ink)}
.brand-badge{position:relative;flex:0 0 112px;align-self:stretch}
.brand-badge img{position:absolute;left:0;top:10px;width:112px;height:auto;background:#fff;border-radius:0 0 56px 56px;padding:6px 8px 16px;box-shadow:0 10px 24px rgba(11,31,77,.18);transition:top .25s ease,width .25s ease,padding .25s ease,box-shadow .25s ease;z-index:2}
.brand-text{display:flex;flex-direction:column;line-height:1.02}
.brand-top{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sbgk-green)}
.brand-name{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.55rem;color:var(--sbgk-navy);letter-spacing:-.01em}
.brand:hover .brand-name{color:var(--sbgk-green)}
/* Efter scroll: märket krymper in i menyraden */
.site-header.is-scrolled .brand-badge img{top:8px;width:64px;padding:3px;box-shadow:none;border-radius:0}
.site-header.is-scrolled .brand-badge{flex-basis:64px}
.brand-badge{transition:flex-basis .25s ease}
.site-header .nav-link{font-weight:600;color:var(--sbgk-ink);padding:.55rem .75rem!important;border-radius:999px}
.site-header .nav-link:hover,.site-header .nav-link:focus-visible{color:var(--sbgk-green);background:var(--sbgk-green-pale)}
.site-header .nav-link.active{color:var(--sbgk-green)}
.site-header .nav-link.active:not(.dropdown-toggle){box-shadow:inset 0 -3px 0 var(--sbgk-orange);border-radius:0}
.dropdown-menu{border:1.5px solid var(--sbgk-line);border-radius:var(--sbgk-radius);box-shadow:var(--sbgk-shadow);padding:.5rem;min-width:14rem;margin-top:.35rem!important}
.dropdown-item{font-weight:600;padding:.6rem .9rem;border-radius:12px;color:var(--sbgk-ink)}
.dropdown-item:hover,.dropdown-item:focus{background:var(--sbgk-green-pale);color:var(--sbgk-green)}
.dropdown-item.active,.dropdown-item:active{background:var(--sbgk-navy);color:#fff}
.nav-member-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--sbgk-line);color:var(--sbgk-navy);font-size:1.15rem;background:#fff}
.nav-member .nav-link{display:flex;align-items:center;gap:.5rem;white-space:nowrap}
.nav-member .nav-link:hover{background:transparent}
.nav-member .nav-link:hover .nav-member-icon,.nav-member .nav-link.is-in .nav-member-icon{border-color:var(--sbgk-green);color:var(--sbgk-green)}
.nav-cta .btn{white-space:nowrap}
@media (min-width:1200px){
  .nav-member{margin-left:.4rem}
  .nav-cta{margin-left:.6rem}
}
@media (min-width:1200px) and (max-width:1399.98px){
  .site-header .nav-link{padding:.5rem .55rem!important}
  .brand-name{font-size:1.35rem}
}
/* Menyknapp (mobil/surfplatta) */
.nav-toggle{margin-left:auto;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--sbgk-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--sbgk-navy)}
.nav-toggle-bars{position:relative;width:20px;height:14px;display:block}
.nav-toggle-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle-bars span:nth-child(1){top:0}.nav-toggle-bars span:nth-child(2){top:6px}.nav-toggle-bars span:nth-child(3){top:12px}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:1199.98px){
  .site-header .navbar{min-height:72px}
  .brand{min-height:72px;padding:.6rem 0;gap:.75rem;margin-right:.5rem}
  .brand-badge{flex-basis:70px}
  .brand-badge img{width:70px;top:6px;padding:4px 5px 10px;border-radius:0 0 35px 35px}
  .site-header.is-scrolled .brand-badge,.site-header.menu-open .brand-badge{flex-basis:48px}
  .site-header.is-scrolled .brand-badge img,.site-header.menu-open .brand-badge img{width:48px;top:12px;padding:2px;box-shadow:none;border-radius:0}
  .brand-top{font-size:.68rem}
  .brand-name{font-size:1.2rem}
  .site-header .navbar-collapse{border-top:1.5px solid var(--sbgk-line);margin:0 -.75rem;padding:.75rem .75rem 1.25rem;max-height:calc(100vh - 72px);overflow-y:auto}
  .site-header .nav-link{padding:.8rem 1rem!important;font-size:1.1rem;border-radius:14px}
  .site-header .nav-link.active:not(.dropdown-toggle){box-shadow:inset 4px 0 0 var(--sbgk-orange);border-radius:0 14px 14px 0}
  .dropdown-menu{border:0;box-shadow:none;padding:0 0 .5rem 1rem;margin:0!important;background:transparent}
  .dropdown-item{font-size:1.05rem;padding:.65rem 1rem}
  .nav-member{margin-top:.5rem;border-top:1.5px solid var(--sbgk-line);padding-top:.5rem}
  .nav-cta{margin-top:.75rem}
  .nav-cta .btn{display:block;width:100%;padding:.9rem 1rem;font-size:1.05rem}
}
@media (max-width:399.98px){.brand-top{letter-spacing:.1em}.brand-name{font-size:1.08rem}}

/* ==== 5. Rubrikband för undersidor (djupblått med granar och vågor) ========= */
main > .page-intro,main > .page > .page-intro,main > article > .page-intro{position:relative;background:var(--sbgk-navy);color:#fff;padding:4.75rem 0 7.5rem;margin-bottom:1.5rem}
@media (max-width:1199.98px){main > .page-intro,main > .page > .page-intro,main > article > .page-intro{padding-top:3rem}}
main > .page-intro::after,main > .page > .page-intro::after,main > article > .page-intro::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:92px;pointer-events:none;
  background:var(--sbgk-wave-paper) 0 100%/240px 28px repeat-x,var(--sbgk-wave-blue) 60px 100%/240px 42px repeat-x,var(--sbgk-trees-light) 40px calc(100% - 22px)/220px 40px repeat-x,var(--sbgk-trees-dark) 0 calc(100% - 30px)/300px 64px repeat-x}
main > .page-intro h1,main > .page > .page-intro h1,main > article > .page-intro h1{color:#fff;margin-bottom:.75rem}
main > .page-intro .page-lead,main > .page > .page-intro .page-lead,main > article > .page-intro .page-lead{color:var(--sbgk-on-navy)}
main > .page-intro .h1-sub,main > .page > .page-intro .h1-sub,main > article > .page-intro .h1-sub{color:var(--sbgk-orange)}
main > .page-intro .meta,main > .page > .page-intro .meta,main > article > .page-intro .meta{color:var(--sbgk-on-navy)}
main > .page-intro a,main > .page > .page-intro a,main > article > .page-intro a{color:#fff}
main > .page-intro .tag,main > .page > .page-intro .tag,main > article > .page-intro .tag{background:rgba(255,255,255,.12);color:#fff}
main > .page-intro .cancelled-banner,main > .page > .page-intro .cancelled-banner,main > article > .page-intro .cancelled-banner{background:var(--sbgk-closed)}
@media (max-width:767.98px){
  main > .page-intro,main > .page > .page-intro,main > article > .page-intro{padding:2.25rem 0 5.75rem}
  main > .page-intro::after,main > .page > .page-intro::after,main > article > .page-intro::after{height:72px;background-size:200px 24px,200px 36px,180px 32px,240px 50px}
}
/* Sidor utan rubrikband (nyhetsartikel, felsida): luft överst så att det hängande märket inte täcker texten */
.news-article{padding-top:3.5rem}
.error-page{padding-top:7rem!important}
@media (max-width:1199.98px){.news-article{padding-top:1.5rem}.error-page{padding-top:3.5rem!important}}
/* Rubrik inne i en spalt (t.ex. nyhetsartikel): utan band */
.page-intro{padding:2.5rem 0 1rem}
.page-intro h1{margin-bottom:1rem}
.page-lead{font-size:1.3rem;line-height:1.5;margin:0}
.h1-sub{color:var(--sbgk-green)}
.draft-banner{background:var(--sbgk-orange-pale);border-bottom:1px solid #EFD3A6;padding:.6rem 0;font-size:.95rem}

section{padding:4.5rem 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}
.section-head a{font-weight:700;white-space:nowrap}
.section-head a::after{content:" →"}

/* ==== 6. Kort, taggar och listor ========================================= */
.card-sbgk{background:#fff;border-radius:var(--sbgk-radius);box-shadow:0 1px 0 var(--sbgk-line)}
.meta{font-size:.9rem;color:var(--sbgk-muted);font-weight:500}
.meta a{color:inherit}
.tag{display:inline-block;font-size:.8rem;font-weight:700;background:var(--sbgk-green-pale);color:var(--sbgk-green);padding:.15rem .6rem;border-radius:999px;margin-right:.45rem}
a.tag{text-decoration:none}
a.tag:hover{background:var(--sbgk-green);color:#fff}
.stretched{text-decoration:none;color:inherit}
.stretched:hover h3,.stretched:hover .news-card-title{color:var(--sbgk-green)}
.notice{background:#fff;border-radius:var(--sbgk-radius-sm);padding:1rem 1.25rem;box-shadow:inset 4px 0 0 var(--sbgk-blue)}
.notice-ok{box-shadow:inset 4px 0 0 var(--sbgk-open)}
.facts{background:#fff;border-radius:var(--sbgk-radius);margin:0;overflow:hidden;box-shadow:0 1px 0 var(--sbgk-line)}
.facts > div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--sbgk-line)}
.facts > div:last-child{border-bottom:0}
.facts dt{font-weight:700;color:var(--sbgk-navy)}
.facts dd{margin:0}
.ph{position:relative;background:repeating-linear-gradient(135deg,#E7ECE4 0 12px,#EFF2EC 12px 24px);color:var(--sbgk-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;text-align:center;overflow:hidden;border-radius:var(--sbgk-radius)}
.ph span{background:rgba(255,255,255,.85);padding:.3rem .6rem;border-radius:8px}
.table-wrap{overflow-x:auto}

/* ==== 7. Öppettider: Idag, veckotabell, perioder ========================= */
.status{font-weight:700;white-space:nowrap}
.status::before{content:"";display:inline-block;width:.62em;height:.62em;border-radius:50%;margin-right:.45em;vertical-align:.05em;background:currentColor}
.status.open{color:var(--sbgk-open)}
.status.open::before{box-shadow:0 0 0 4px rgba(31,122,77,.18)}
.status.closed{color:var(--sbgk-closed)}
.status.later{color:var(--sbgk-blue)}
.today{background:#fff;border-radius:var(--sbgk-radius-lg);box-shadow:var(--sbgk-shadow);overflow:hidden}
.today-head{padding:1.1rem 1.4rem .4rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.today-head h2{font-size:1.6rem}
.today-head .date{font-weight:600;color:var(--sbgk-muted);font-size:.95rem}
.facility-row{padding:.4rem 1.4rem 1.2rem;display:flex;flex-direction:column;gap:.25rem}
.facility-row .status{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.01em;white-space:normal}
.facility-row .detail{color:var(--sbgk-ink);font-size:1rem}
.today-foot{border-top:1.5px solid var(--sbgk-line);display:flex}
.today-foot a{flex:1;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;color:var(--sbgk-green)}
.today-foot a + a{border-left:1.5px solid var(--sbgk-line)}
.today-foot a:hover{background:var(--sbgk-green-pale)}
/* Ordinarie tider för en period */
.hours{width:100%;font-size:1rem;background:#fff;border-radius:var(--sbgk-radius);overflow:hidden}
.hours caption{padding:0 0 .5rem}
.hours th{font-weight:600;padding:.55rem 1rem;width:45%}
.hours td{text-align:right;padding:.55rem 1rem;font-variant-numeric:tabular-nums}
.hours tr + tr{border-top:1px solid var(--sbgk-line)}
.hours tr.is-today{background:var(--sbgk-orange-pale);font-weight:700}
.hours tr.is-today th{font-weight:800}
.deviation{font-size:.95rem;margin-top:1rem}
.deviations{list-style:none;padding:0;margin:.4rem 0 0}
.deviations li{padding:.35rem 0;border-bottom:1px solid var(--sbgk-line)}
.deviations li:last-child{border-bottom:0}
.deviation .deviations li{border:0;padding:.15rem 0}
/* Veckotabell (startsidan och /oppettider) */
.week-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;font-variant-numeric:tabular-nums;background:#fff;border-radius:var(--sbgk-radius);overflow:hidden;box-shadow:0 1px 0 var(--sbgk-line)}
.week-table thead th{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--sbgk-navy);padding:.65rem 1rem;text-align:left}
.week-table tbody th,.week-table td{padding:.75rem 1rem;border-top:1px solid var(--sbgk-line);vertical-align:top;text-align:left}
.week-table tbody tr:first-child th,.week-table tbody tr:first-child td{border-top:0}
.week-table tbody th{font-weight:700;white-space:nowrap}
.week-table tbody th .date{font-weight:500;color:var(--sbgk-muted);font-size:.9rem;margin-left:.25rem}
.week-table td{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.1rem;white-space:nowrap}
.week-table .closed{font-family:var(--bs-body-font-family);color:var(--sbgk-muted);font-weight:500;font-size:1rem}
.week-table .dev-msg{display:block;white-space:normal;font-family:var(--bs-body-font-family);font-size:.82rem;font-weight:600;color:var(--sbgk-orange-ink);line-height:1.3;margin-top:.2rem}
.week-table td.is-dev{box-shadow:inset 4px 0 0 var(--sbgk-orange)}
.week-table tr.is-today th,.week-table tr.is-today td{background:var(--sbgk-orange-pale)}
.week-table tr.is-today th{color:var(--sbgk-ink)}
.week-table tr.is-past th,.week-table tr.is-past td{opacity:.45}
.week-view{scroll-margin-top:6rem}
.week-nav{display:flex;align-items:center;gap:1rem}
.week-title{flex:1;text-align:center;margin:0;font-size:1.9rem}
.week-title .range{display:block;font-family:var(--bs-body-font-family);font-size:1rem;font-weight:600;color:var(--sbgk-muted);margin-top:.2rem;letter-spacing:0}
.week-step{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid var(--sbgk-navy);font-size:1.6rem;font-weight:800;text-decoration:none;color:var(--sbgk-navy);line-height:1;background:#fff}
.week-step:hover{background:var(--sbgk-navy);color:#fff}
.week-step.is-disabled{border-color:var(--sbgk-line);color:var(--sbgk-line);background:transparent}
.week-chips{display:flex;gap:.4rem;overflow-x:auto;padding:1rem 0 .25rem;margin:0;scrollbar-width:thin}
.week-chips a{display:block;padding:.35rem .8rem;border-radius:999px;border:1.5px solid var(--sbgk-line);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--sbgk-ink);white-space:nowrap;background:#fff}
.week-chips a:hover{border-color:var(--sbgk-green);color:var(--sbgk-green)}
.week-chips a.active{background:var(--sbgk-navy);border-color:var(--sbgk-navy);color:#fff}
@media (min-width:768px){.week-chips{flex-wrap:wrap;overflow-x:visible}}
.facility-card{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.5rem 1.6rem;box-shadow:var(--sbgk-shadow-sm)}
.facility-card .status{font-family:var(--sbgk-font-display);font-size:1.4rem;font-weight:800}

/* ==== 8. Kalender, tävlingar och datum som golfbollar ===================== */
.event{display:grid;grid-template-columns:4.5rem 1fr auto;gap:1.25rem;align-items:center;padding:1rem 0;border-bottom:1.5px solid var(--sbgk-line)}
.event:last-child{border-bottom:0}
.datebox{width:4.5rem;height:4.5rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;
  background:radial-gradient(circle at 30% 28%,#fff 0 28%,transparent 29%),radial-gradient(#E3E7EE 1.6px,transparent 1.8px) 0 0/9px 9px,#fff;
  box-shadow:inset -6px -8px 14px rgba(11,31,77,.12),0 2px 0 var(--sbgk-line)}
.datebox .d{display:block;font-family:var(--sbgk-font-display);font-weight:800;font-size:1.55rem;color:var(--sbgk-navy)}
.datebox .m{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sbgk-muted);margin-top:.15rem}
.event h3{font-size:1.2rem;margin:.1rem 0 .2rem}
.event h3 a{text-decoration:none;color:var(--sbgk-navy)}
.event h3 a:hover{color:var(--sbgk-green);text-decoration:underline}
.event .kind{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sbgk-blue)}
.event .kind.comp{color:var(--sbgk-green)}
.event .btn{padding:.45rem 1rem}
.event.is-cancelled h3 a{text-decoration:line-through;text-decoration-thickness:2px}
.event.is-cancelled .datebox{opacity:.5}
.month-head{font-size:1.6rem;margin:2.75rem 0 1rem}
.event-list{background:#fff;border-radius:var(--sbgk-radius-lg);padding:.5rem 1.75rem;box-shadow:0 1px 0 var(--sbgk-line)}
@media (max-width:575.98px){.event-list{padding:.25rem 1rem;border-radius:var(--sbgk-radius)}.event-list .event{grid-template-columns:3.75rem 1fr;gap:.9rem}.event-list .event .btn{display:none}.event-list .datebox{width:3.75rem;height:3.75rem}}
.month-head:first-child{margin-top:0}
.cancelled-tag,.ongoing-tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--sbgk-closed);padding:.12rem .5rem;border-radius:999px;margin-left:.4rem;vertical-align:.1em}
.ongoing-tag{background:var(--sbgk-open)}
.cancelled-banner{display:inline-block;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--sbgk-closed);padding:.25rem .8rem;border-radius:999px;margin-bottom:1rem}
.results-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--sbgk-radius);overflow:hidden}
.results-table th,.results-table td{padding:.8rem 1rem;border-bottom:1px solid var(--sbgk-line);text-align:left;vertical-align:top}
.results-table thead th{background:var(--sbgk-navy);color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:0}
.results-table tr:last-child td{border-bottom:0}
.results-table td:first-child{width:6rem}

/* ==== 9. Nyheter ======================================================= */
.news-card{background:#fff;border-radius:var(--sbgk-radius-lg);overflow:hidden;height:100%;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--sbgk-line)}
.news-card > .stretched{display:block;padding:0 0 .25rem}
.news-card .meta,.news-card .news-card-title,.news-card > p{padding-left:1.4rem;padding-right:1.4rem}
.news-card > p{padding-bottom:1.5rem}
.news-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--sbgk-mist)}
.news-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.news-card a:hover .news-card-img img{transform:scale(1.04)}
.news-card h3,.news-card .news-card-title{font-size:1.4rem;margin:.5rem 0 .6rem;color:var(--sbgk-navy)}
.news-card-noimg{display:flex;align-items:center;justify-content:center;background:var(--sbgk-mist);width:100%;height:100%}
.news-card-noimg img{width:32%!important;height:auto!important;object-fit:contain!important;opacity:.35;transform:none!important}
.news-filters{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:2.5rem}
.filter-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}
.filter-list a{display:inline-block;padding:.4rem .95rem;border-radius:999px;border:1.5px solid var(--sbgk-line);background:#fff;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--sbgk-ink)}
.filter-list a:hover{border-color:var(--sbgk-green);color:var(--sbgk-green)}
.filter-list a[aria-current]{background:var(--sbgk-navy);color:#fff;border-color:var(--sbgk-navy)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1.5px solid var(--sbgk-line)}
.news-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}
.news-nav > *{background:#fff;border-radius:var(--sbgk-radius);padding:1rem 1.25rem}
.news-nav > *:empty{background:transparent}
.news-nav a{text-decoration:none;font-weight:700;color:var(--sbgk-navy)}
.news-nav a:hover{color:var(--sbgk-green);text-decoration:underline}
.news-nav .meta{display:block;font-weight:500;margin-bottom:.2rem}
@media (max-width:575.98px){.news-nav{grid-template-columns:1fr}.news-nav > *:empty{display:none}.news-nav > *{text-align:left!important}}

/* ==== 10. Informationssidor och artiklar ================================ */
.page-hero{margin:0 0 2.5rem}
.page-hero img{width:100%;height:auto;max-height:560px;object-fit:cover;display:block;border-radius:var(--sbgk-radius-lg)}
.page-hero.is-portrait{max-width:760px}
.page-hero.is-portrait img{aspect-ratio:4/3;max-height:none;height:auto}
.page-content{font-size:1.0925rem;line-height:1.7}
.page-content > *:first-child{margin-top:0}
.page-content h2{font-size:1.85rem;margin:2.4rem 0 .8rem}
.page-content h3{font-size:1.4rem;margin:1.9rem 0 .6rem}
.page-content h4{font-size:1.15rem;margin:1.5rem 0 .5rem}
.page-content p,.page-content ul,.page-content ol{margin-bottom:1.1rem}
.page-content li{margin-bottom:.3rem}
.page-content img{max-width:100%;height:auto;border-radius:var(--sbgk-radius-sm)}
.page-content figure{margin:1.75rem 0}
.page-content figure img{display:block;width:100%;height:auto}
.page-content figcaption{font-size:.9rem;color:var(--sbgk-muted);margin-top:.5rem}
.page-content .img-left,.page-content .img-right{max-width:50%}
@media (min-width:576px){
  .page-content .img-left{float:left;margin:.3rem 1.5rem 1rem 0}
  .page-content .img-right{float:right;margin:.3rem 0 1rem 1.5rem}
}
@media (max-width:575.98px){.page-content .img-left,.page-content .img-right{max-width:100%}}
.page-content .img-center{margin-left:auto;margin-right:auto;max-width:80%}
.page-content::after{content:"";display:table;clear:both}
.page-content blockquote{background:#fff;border-radius:var(--sbgk-radius);box-shadow:inset 5px 0 0 var(--sbgk-orange);padding:1rem 1.25rem 1rem 1.6rem;margin:1.75rem 0;font-size:1.2rem;font-family:var(--sbgk-font-display);font-weight:700;color:var(--sbgk-navy)}
.page-content blockquote p:last-child{margin-bottom:0}
.page-content table{width:100%;margin:1.5rem 0;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--sbgk-radius-sm);overflow:hidden}
.page-content th,.page-content td{padding:.65rem .9rem;border-bottom:1px solid var(--sbgk-line);text-align:left;vertical-align:top}
.page-content tr:last-child td{border-bottom:0}
.page-content table th{font-weight:700;background:var(--sbgk-navy);color:#fff;border-bottom:0}
/* Enkel tabell (valbar i editorn): ljus rubrikrad med mörk text – för tabeller där en mörk rad blir för tung */
.page-content table.table-plain th{background:var(--sbgk-mist);color:var(--sbgk-navy);border-bottom:2px solid var(--sbgk-navy)}
/* Utan linjer (valbar i editorn): uppgiftslista med fetstilta rubriker till vänster, inga linjer eller bakgrunder */
.page-content table.table-clean{background:transparent;border-radius:0}
.page-content table.table-clean th,.page-content table.table-clean td{border:0;background:transparent;color:var(--sbgk-ink);box-shadow:none}
.page-content .table-wrap{overflow-x:auto}
.page-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--sbgk-radius-sm)}
.page-content hr{margin:2rem 0;opacity:1;border:0;height:12px;background:var(--sbgk-wave-paper) 0 0/60px 12px repeat-x;filter:brightness(.88)}
.page-content figure:has(> img.img-left){float:left;max-width:50%;margin:.3rem 1.5rem 1rem 0}
.page-content figure:has(> img.img-right){float:right;max-width:50%;margin:.3rem 0 1rem 1.5rem}
.page-content figure:has(> img.img-left) img,.page-content figure:has(> img.img-right) img{max-width:100%;float:none;margin:0}
@media (max-width:575.98px){.page-content figure:has(> img.img-left),.page-content figure:has(> img.img-right){float:none;max-width:100%;margin:1.5rem 0}}
/* Artikel med sidokolumn */
.article-layout .page-hero{margin:0 0 2rem}
.article-layout .page-hero.is-portrait{max-width:none}
.article-layout .page-content{max-width:none}
.side{display:flex;flex-direction:column;gap:2.5rem;padding-top:3rem}
.side .today-head{padding:1rem 1.2rem .3rem}
.side .facility-row{padding:.3rem 1.2rem 1rem}
.side .facility-row .status{font-size:1.3rem}
.side .today-foot a{padding:.7rem 1rem;white-space:nowrap;font-size:.95rem}
.side section.side-block{padding:0}
.side-title{font-size:1.45rem;margin:0 0 .75rem}
.side-events .event{grid-template-columns:3.4rem 1fr;gap:.85rem;padding:.7rem 0}
.side-events .event .btn{display:none!important}
.side-events .datebox{width:3.4rem;height:3.4rem}
.side-events .datebox .d{font-size:1.15rem}
.side-events .datebox .m{font-size:.62rem}
.side-events .event h3{font-size:1rem}
.side-events .event .meta{font-size:.85rem}
.side-news li + li{border-top:1.5px solid var(--sbgk-line)}
.side-news a{display:grid;grid-template-columns:96px 1fr;gap:.85rem;padding:.75rem 0;text-decoration:none;color:inherit;align-items:start}
.side-news img,.side-news-noimg{width:96px;height:72px;object-fit:cover;display:block;background:var(--sbgk-mist);border-radius:var(--sbgk-radius-sm)}
.side-news-noimg{background:var(--sbgk-mist) url(/assets/img/klubbmarke.svg) center/auto 60% no-repeat}
.side-news-title{display:block;font-weight:700;line-height:1.3;margin-bottom:.2rem;color:var(--sbgk-navy)}
.side-news a:hover .side-news-title{color:var(--sbgk-green);text-decoration:underline}
.side-news time{font-size:.85rem;color:var(--sbgk-muted)}
.side-more{display:inline-block;margin-top:.5rem;font-weight:700}
.side-more::after{content:" →"}
@media (max-width:991.98px){.side{border-top:1.5px solid var(--sbgk-line);padding-top:2rem}}

/* ==== 11. Formulär ===================================================== */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.req{color:var(--sbgk-closed)}
.form-label{color:var(--sbgk-navy)}
.form-control,.form-select{border-radius:var(--sbgk-radius-sm);border:1.5px solid #B9C3B7;padding:.7rem .9rem;background-color:#fff}
.form-control:hover,.form-select:hover{border-color:#8F9C8C}
.form-control:focus,.form-select:focus{border-color:var(--sbgk-green);box-shadow:0 0 0 .25rem rgba(31,122,77,.18)}
.form-control.is-invalid,.form-select.is-invalid{border-color:var(--sbgk-closed)}
.form-check-input{border:2px solid #7C887A;width:1.2em;height:1.2em;margin-top:.18em}
.form-check-input:checked{background-color:var(--sbgk-green);border-color:var(--sbgk-green)}
.form-check-input:focus{box-shadow:0 0 0 .25rem rgba(31,122,77,.18);border-color:var(--sbgk-green)}
.booking-form legend{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.35rem;color:var(--sbgk-navy);margin-bottom:1rem;width:100%}
.booking-form fieldset{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.5rem 1.6rem .75rem}
/* Korta formulär utan fältgrupper (inloggning, lösenord, profil): hela formuläret som ett vitt kort */
form.booking-form:not(:has(fieldset)){background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.6rem 1.6rem 1.4rem}
@media (max-width:575.98px){form.booking-form:not(:has(fieldset)){padding:1.2rem 1rem}}
.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}
.choice{display:inline-flex;align-items:center;gap:.5rem;border:1.5px solid #B9C3B7;border-radius:999px;padding:.55rem 1rem;cursor:pointer;font-weight:600;margin:0;background:#fff}
.choice:hover{border-color:var(--sbgk-green)}
.choice input{accent-color:var(--sbgk-green);width:1.05rem;height:1.05rem;margin:0}
.choice:has(input:checked){border-color:var(--sbgk-green);background:var(--sbgk-green-pale);color:var(--sbgk-green)}
.choice:has(input:focus-visible){outline:3px solid var(--sbgk-orange);outline-offset:2px}
.form-alert{background:#FFF5F4;border-radius:var(--sbgk-radius-sm);box-shadow:inset 5px 0 0 var(--sbgk-closed);padding:1rem 1.25rem 1rem 1.5rem;margin-bottom:1.5rem}
.form-alert a{color:var(--sbgk-closed)}
.invalid-feedback{color:var(--sbgk-closed);font-weight:600}

/* ==== 12. Medlemsdel och dokument ======================================= */
.member-news{padding:1rem 0;border-bottom:1.5px solid var(--sbgk-line)}
.member-news h3{font-size:1.2rem;margin:.2rem 0 .3rem}
.doc-cat{font-size:1.2rem;margin:1.75rem 0 .5rem}
.doc-cat:first-child{margin-top:0}
.doc-list{list-style:none;padding:0;margin:0 0 1rem;background:#fff;border-radius:var(--sbgk-radius);overflow:hidden}
.doc-list li{display:flex;gap:.8rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--sbgk-line)}
.doc-list li:last-child{border-bottom:0}
.doc-list .bi{font-size:1.4rem;line-height:1.2;color:var(--sbgk-green)}
.doc-list a{font-weight:700}
.doc-list .meta{margin-left:.4rem}

/* ==== 13. Bildgalleri och bildvisare ===================================== */
.gallery-card{display:block;text-decoration:none;color:inherit}
.gallery-card-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sbgk-mist);border-radius:var(--sbgk-radius-lg)}
.gallery-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.gallery-card:hover .gallery-card-img img{transform:scale(1.04)}
.gallery-count{position:absolute;right:.75rem;bottom:.75rem;background:var(--sbgk-navy);color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .65rem;border-radius:999px}
.gallery-card-body{display:block;padding-top:.9rem}
.gallery-card-body .h3{font-size:1.35rem;margin-top:.2rem}
.gallery-card:hover .h3{color:var(--sbgk-green)}
.photo-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}
@media (max-width:575.98px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}}
.photo-grid a{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sbgk-mist);border-radius:var(--sbgk-radius-sm)}
.photo-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.photo-grid a:hover img{transform:scale(1.04)}
.photo-caption{display:block;font-size:.85rem;color:var(--sbgk-muted);margin-top:.3rem}
.lightbox{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:rgba(8,20,48,.96);color:#fff}
.lightbox::backdrop{background:rgba(8,20,48,.96)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lb-figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 7rem);max-height:calc(100vh - 5rem)}
.lb-figure img{max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;display:block;border-radius:8px}
.lb-figure figcaption{margin-top:.75rem;text-align:center;font-size:1rem}
.lb-figure figcaption:empty{display:none}
.lb-counter{position:absolute;top:1rem;left:1.25rem;margin:0;font-size:.9rem;opacity:.8}
.lb-btn{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer}
.lb-btn:hover,.lb-btn:focus-visible{background:rgba(255,255,255,.28)}
.lb-close{top:.75rem;right:.75rem}
.lb-prev{left:.75rem;top:50%;transform:translateY(-50%)}
.lb-next{right:.75rem;top:50%;transform:translateY(-50%)}
.lightbox :focus-visible{outline:3px solid var(--sbgk-orange)!important}
@media (max-width:575.98px){.lb-figure{max-width:100vw}.lb-prev,.lb-next{top:auto;bottom:.75rem;transform:none}}

/* ==== 14. Sponsorer ===================================================== */
.sponsors{background:transparent}
.sponsor-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.sponsor-grid .sponsor,.sponsor{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:1rem 1.25rem;background:#fff;border-radius:var(--sbgk-radius);border:1.5px solid transparent;text-decoration:none}
.sponsor-grid .sponsor img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.sponsor-grid a.sponsor:hover,.sponsor-grid a.sponsor:focus-visible{border-color:var(--sbgk-green)}
.sponsor-grid a.sponsor:hover img,.sponsor-grid a.sponsor:focus-visible img{filter:none;opacity:1}
.sponsor-grid.is-small{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}
.sponsor-grid.is-small .sponsor{padding:.6rem .8rem;border-radius:var(--sbgk-radius-sm)}
.footer-sponsors{padding:2.5rem 0 1rem}
.footer-sponsors-title{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.2rem;color:var(--sbgk-navy);margin-bottom:1rem}

/* ==== 15. Sidfot (djupblå med vågkant) =================================== */
.site-footer{position:relative;background:var(--sbgk-navy);color:var(--sbgk-on-navy);margin-top:5rem;padding:2.5rem 0 1.75rem;font-size:1rem}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-39px;height:40px;background:var(--sbgk-wave-navy) 0 0/240px 40px repeat-x;pointer-events:none}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.5rem}
.footer-grid:not(:has(> :nth-child(4))){grid-template-columns:1.5fr 1fr 1fr}
.footer-club{display:flex;gap:1.1rem;align-items:flex-start}
.footer-mark{width:78px;height:auto;background:#fff;border-radius:18px;padding:6px;flex-shrink:0}
.footer-name{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.4rem;color:#fff;line-height:1.1;margin-bottom:.5rem}
.site-footer h2{font-family:var(--bs-body-font-family);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sbgk-orange);margin-bottom:.9rem}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:.45rem}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:var(--sbgk-orange);text-decoration:underline}
.site-footer a .bi{margin-right:.5rem;opacity:.8}
.social{display:flex;gap:.6rem;margin-top:1rem}
.social a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);font-size:1.15rem;color:#fff}
.social a:hover{background:var(--sbgk-orange);color:var(--sbgk-ink);text-decoration:none}
.social a .bi{margin:0;opacity:1}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.15);margin-top:2.5rem;padding-top:1.25rem;font-size:.92rem}
.footer-bottom-links{display:flex;flex-wrap:wrap;gap:1.5rem}
.footer-bottom a{color:var(--sbgk-on-navy);text-decoration:underline}
@media (max-width:991.98px){.footer-grid,.footer-grid:not(:has(> :nth-child(4))){grid-template-columns:1fr 1fr}.footer-club{grid-column:1 / -1}}
@media (max-width:575.98px){.footer-grid,.footer-grid:not(:has(> :nth-child(4))){grid-template-columns:1fr;gap:1.75rem}.site-footer{margin-top:4rem}}

/* ==== 16. Kontakt, karta och externt innehåll ============================ */
.contact-persons{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.contact-persons li{background:#fff;border-radius:var(--sbgk-radius);padding:1rem 1.2rem}
.contact-persons strong{color:var(--sbgk-navy)}
.facility-map{aspect-ratio:16/10;background:var(--sbgk-mist);border-radius:var(--sbgk-radius-lg);overflow:hidden}
.facility-map iframe{width:100%;height:100%;border:0;display:block}
.consent-embed{display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,#E7ECE4 0 12px,#EFF2EC 12px 24px);border-radius:var(--sbgk-radius);padding:1.5rem;width:100%;height:100%;min-height:220px}
.page-content .consent-embed{aspect-ratio:16/9;height:auto;margin:1.5rem 0}
.consent-embed-inner{max-width:30rem;background:rgba(255,255,255,.92);border-radius:var(--sbgk-radius);padding:1.25rem}
.consent-embed-inner > .bi{font-size:2rem;display:block;margin-bottom:.5rem;color:var(--sbgk-green)}
.consent-embed-inner p{font-size:.95rem}

/* ==== 17. Cookie-banner och inställningar ================================ */
.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;background:#fff;border-radius:var(--sbgk-radius-lg);box-shadow:0 20px 60px rgba(11,31,77,.25);padding:1.1rem 0;margin-bottom:env(safe-area-inset-bottom,0px)}
.consent-banner[hidden]{display:none}
.consent-inner{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.consent-text{flex:1 1 420px;max-width:62ch}
.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
/* Båda valen har exakt samma utseende – inget val framhävs (IMY:s vägledning) */
.btn-consent{background:#fff;color:var(--sbgk-navy);border:2px solid var(--sbgk-navy);font-weight:700}
.btn-consent:hover,.btn-consent:focus-visible{background:var(--sbgk-navy);color:#fff}
.consent-actions .btn-link{padding-left:.25rem;padding-right:.25rem}
@media (max-width:575.98px){
  .consent-banner{left:.5rem;right:.5rem;bottom:.5rem;padding:.8rem 0}
  .consent-text h2{font-size:1rem}
  .consent-text p{font-size:.875rem;line-height:1.45}
  .consent-inner{gap:.6rem}
  .consent-actions{width:100%}
  .consent-actions .btn-consent{flex:1 1 calc(50% - .25rem);padding:.55rem .4rem;font-size:.875rem}
  .consent-actions .btn-link{flex:1 1 100%;padding:.15rem 0}
}
.consent-dialog{border:0;border-radius:var(--sbgk-radius-lg);padding:0;max-width:34rem;width:calc(100% - 2rem);box-shadow:0 30px 80px rgba(11,31,77,.35)}
.consent-dialog::backdrop{background:rgba(11,31,77,.5)}
.consent-form{padding:1.6rem}
.consent-cat{border:0;padding:0;margin:1rem 0}
.consent-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--sbgk-line)}
.consent-row .form-check-input{width:2.6em;height:1.4em}
.consent-dialog-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.consent-dialog-actions .btn{flex:1 1 auto}
.cookie-table td:first-child{width:auto;white-space:nowrap;padding-right:1.5rem}
.cookie-table th:first-child{white-space:nowrap}

/* ==== 18. Felsidor ====================================================== */
.error-page{padding:5rem 0}
.error-page .code{font-family:var(--sbgk-font-display);font-weight:800;font-size:6rem;line-height:1;color:var(--sbgk-orange)}

/* ==== 19. Beskärning av foton ============================================ */
/* Reserv om ingen fokuspunkt skickas med (vyerna sätter object-position per bild) */
.page-hero img,.news-lead-img,.news-item-img,.news-card-img img,.gallery-card-img img,.photo-grid img{object-position:50% 20%}

/* ==== 20. Startsidan (designförslaget ”Skog, örn och vatten”) ============= */
.is-home main{padding-bottom:1rem}
.home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem}
.home-head h2{margin:0}
.home-head .eyebrow{margin:0 0 .35rem}
.home-head > a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:1.05rem;white-space:nowrap;text-decoration:none}
.home-head > a::after{content:"→";transition:transform .15s}
.home-head > a:hover::after{transform:translateX(3px)}

/* Toppsektion */
.home-hero{position:relative;background:var(--sbgk-navy);color:#fff;padding:5rem 0 9.5rem;overflow:hidden}
.home-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:150px;pointer-events:none;
  background:var(--sbgk-wave-paper) 0 100%/280px 34px repeat-x,var(--sbgk-wave-blue) 70px 100%/280px 54px repeat-x,
             var(--sbgk-trees-light) 30px calc(100% - 28px)/260px 52px repeat-x,var(--sbgk-trees-dark) 0 calc(100% - 40px)/380px 96px repeat-x}
.home-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.5rem}
.hero-eyebrow .bi{color:var(--sbgk-orange)}
.home-hero h1{color:#fff;font-size:clamp(2.8rem,5.3vw,4.6rem);line-height:.98;letter-spacing:-.025em;margin:0 0 1.5rem}
.hero-accent{display:block;color:var(--sbgk-orange)}
.hero-sub{font-size:1.25rem;line-height:1.5;color:var(--sbgk-on-navy);max-width:32rem;margin:0 0 2rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-actions .bi{margin-left:.35rem}
.home-hero-media{position:relative;aspect-ratio:5/4;max-height:500px}
.home-hero-media > img{width:100%;height:100%;object-fit:cover;display:block;border-radius:220px 44px 220px 44px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
/* Utan toppbild: klubbmärket på vit yta, så att märkets vita sköld flyter ihop med bakgrunden */
.home-hero-media.no-image{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:220px 44px 220px 44px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.home-hero-grid > *{min-width:0}
.home-hero-media.no-image .hero-mark{width:auto;max-width:86%;height:74%;border-radius:0;box-shadow:none;object-fit:contain}
.hero-chip{position:absolute;left:-1.5rem;bottom:2.5rem;display:flex;align-items:center;gap:.75rem;background:#fff;color:var(--sbgk-ink);border-radius:18px;padding:.8rem 1.1rem;box-shadow:0 14px 30px rgba(0,0,0,.25);margin:0;max-width:17rem}
.hero-chip-icon{width:44px;height:44px;border-radius:50%;background:var(--sbgk-green-pale);color:var(--sbgk-green);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.hero-chip strong{display:block;font-size:1.05rem;line-height:1.2}
.hero-chip span > span{display:block;font-size:.9rem;color:var(--sbgk-muted);line-height:1.3}
@media (max-width:991.98px){
  .home-hero{padding:3.25rem 0 7rem}
  .home-hero::after{height:110px;background-size:220px 26px,220px 42px,200px 40px,280px 70px}
  .home-hero-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .hero-actions .btn{flex:1 1 auto;text-align:center}
  .home-hero-media{aspect-ratio:3/2;max-height:24rem}
  .home-hero-media > img,.home-hero-media.no-image{border-radius:130px 26px 130px 26px}
  .hero-chip{left:.75rem;bottom:.75rem}
  /* Utan toppbild: märket lite mindre och högre upp, så att etiketten inte täcker det */
  .home-hero-media.no-image:has(.hero-chip){align-items:flex-start;padding-top:5%}
  .home-hero-media.no-image:has(.hero-chip) .hero-mark{height:64%}
}
@media (max-width:575.98px){
  .home-hero{padding-top:2.75rem}
  .hero-eyebrow{font-size:.75rem;margin-bottom:1.1rem}
  .hero-sub{font-size:1.1rem}
  .hero-actions{flex-direction:column}
  .home-hero-media > img,.home-hero-media.no-image{border-radius:100px 22px 100px 22px}
}

/* Idag + Veckans öppettider (ligger delvis över toppsektionen) */
.home-today{position:relative;z-index:2;margin-top:-5.5rem;padding:0}
.today-card{background:#fff;border-radius:var(--sbgk-radius-lg);box-shadow:0 24px 60px rgba(11,31,77,.16);display:grid;grid-template-columns:22.5rem 1fr;overflow:hidden}
.today-card.no-week{grid-template-columns:1fr}
.today-status{padding:1.75rem 2rem;display:flex;flex-direction:column;gap:.7rem;border-right:1.5px solid var(--sbgk-line)}
.today-card.no-week .today-status{border-right:0}
.today-status-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.today-status-head h2{font-size:1.8rem;margin:0}
.today-date{font-weight:600;color:var(--sbgk-muted);font-size:.95rem}
.today-big{display:flex;align-items:center;gap:.7rem;font-family:var(--sbgk-font-display);font-weight:800;font-size:2.1rem;line-height:1.05;letter-spacing:-.015em;margin:0;color:var(--sbgk-closed)}
.today-big.is-open{color:var(--sbgk-open)}
.today-big.is-later{color:var(--sbgk-blue)}
.today-dot{width:.5em;height:.5em;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 0 .22em color-mix(in srgb,currentColor 18%,transparent)}
.today-big.is-open .today-dot{animation:sbgk-pulse 2.4s ease-in-out infinite}
@keyframes sbgk-pulse{0%,100%{box-shadow:0 0 0 .18em rgba(31,122,77,.22)}50%{box-shadow:0 0 0 .4em rgba(31,122,77,.06)}}
.today-detail{font-size:1.05rem;margin:0}
.today-message{font-size:1.15rem;font-weight:600;margin:0;color:var(--sbgk-navy)}
.today-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin:auto 0 0;padding-top:.4rem}
.today-links a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none}
.today-links a:hover{text-decoration:underline}
.today-week{padding:1.5rem 1.9rem 1.75rem;display:flex;flex-direction:column;gap:.9rem;min-width:0}
.today-week-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.today-week-head h3{display:flex;align-items:center;gap:.55rem;font-size:1.3rem;margin:0}
.today-week-head a{font-weight:700;white-space:nowrap}
.scorecard{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1.5px solid var(--sbgk-line);border-radius:16px;overflow:hidden}
.scorecard li{display:flex;flex-direction:column;text-align:center;min-width:0}
.scorecard li + li{border-left:1.5px solid var(--sbgk-line)}
.sc-day{background:var(--sbgk-navy);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.6rem .25rem;white-space:nowrap}
.sc-time{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.35rem;padding:1rem .25rem;color:var(--sbgk-ink);white-space:nowrap;flex:1;display:flex;align-items:center;justify-content:center}
.scorecard li.is-closed .sc-time{font-family:var(--bs-body-font-family);font-weight:600;font-size:1rem;color:var(--sbgk-muted)}
.sc-msg{font-size:.75rem;font-weight:700;color:var(--sbgk-orange-ink);padding:0 .3rem .6rem;line-height:1.25;overflow-wrap:anywhere}
.scorecard li.is-today .sc-day{background:var(--sbgk-ink)}
.scorecard li.is-today{background:var(--sbgk-orange)}
.scorecard li.is-today .sc-time,.scorecard li.is-today .sc-msg{color:var(--sbgk-ink)}
.scorecard li.is-dev:not(.is-today){box-shadow:inset 0 -4px 0 var(--sbgk-orange)}
.today-note{font-size:.92rem;color:var(--sbgk-muted);margin:0}
@media (max-width:1199.98px){.sc-time{font-size:1.15rem}}
@media (max-width:991.98px){
  .home-today{margin-top:-4rem}
  .today-card{grid-template-columns:1fr}
  .today-status{border-right:0;border-bottom:1.5px solid var(--sbgk-line)}
  .scorecard{grid-template-columns:1fr;border-radius:14px}
  .scorecard li{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left}
  .scorecard li + li{border-left:0;border-top:1.5px solid var(--sbgk-line)}
  .sc-day{background:transparent;color:var(--sbgk-ink);font-size:.95rem;letter-spacing:0;text-transform:none;padding:.6rem .9rem;flex:1}
  .scorecard li.is-today .sc-day{background:transparent}
  .sc-time{flex:0 0 auto;padding:.6rem .9rem;font-size:1.1rem}
  .sc-msg{flex-basis:100%;padding:0 .9rem .55rem;text-align:left}
  .scorecard li.is-dev:not(.is-today){box-shadow:inset 4px 0 0 var(--sbgk-orange)}
}
@media (max-width:575.98px){
  .today-status,.today-week{padding:1.25rem 1.2rem}
  .today-big{font-size:1.75rem}
  .today-week-head h3{font-size:1.15rem}
}

/* Genvägar som hål */
.home-holes{padding:2.75rem 0 1rem}
.home-holes.no-today{padding-top:0;margin-top:-4rem;position:relative;z-index:2}
.holes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.holes-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.holes-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.holes-1{grid-template-columns:minmax(0,1fr)}
.hole{display:flex;align-items:center;gap:1.1rem;height:100%;padding:1.3rem 1.4rem;background:#fff;border:1.5px solid var(--sbgk-line);border-radius:22px;text-decoration:none;color:var(--sbgk-ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.hole:hover,.hole:focus-visible{border-color:var(--sbgk-green);transform:translateY(-2px);box-shadow:var(--sbgk-shadow-sm);color:var(--sbgk-ink)}
.hole-flag{position:relative;width:58px;height:58px;border-radius:50%;background:var(--sbgk-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hole-no{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.6rem;color:#fff;line-height:1}
.hole-pin{position:absolute;top:-8px;right:-10px;width:27px;height:27px;border-radius:50%;background:var(--sbgk-orange);color:var(--sbgk-ink);display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 0 0 3px #fff}
.hole-body{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}
.hole-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sbgk-green)}
.hole-title{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.35rem;line-height:1.15;color:var(--sbgk-navy)}
.hole-text{font-size:.95rem;color:var(--sbgk-muted);line-height:1.35}
.hole-arrow{font-size:1.3rem;color:var(--sbgk-green);transition:transform .15s}
.hole:hover .hole-arrow{transform:translateX(3px)}
@media (max-width:1199.98px){.holes,.holes-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){
  .home-holes{padding-top:2rem}
  .holes,.holes-3,.holes-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .hole{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.1rem 1rem}
  .hole-flag{width:48px;height:48px}.hole-no{font-size:1.35rem}
  .hole-text,.hole-arrow{display:none}
  .hole-title{font-size:1.15rem}
}

/* Senaste nytt */
.home-news{padding:4.5rem 0 2rem}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.news-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.news-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.news-grid-1{grid-template-columns:minmax(0,1fr);max-width:40rem}
@media (max-width:1199.98px){.news-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991.98px){.news-grid,.news-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid-3 > :last-child{display:none}}
@media (max-width:575.98px){.news-grid,.news-grid-2,.news-grid-4{grid-template-columns:1fr}.news-grid-3 > :last-child{display:flex}}

/* På gång och klubbkortet */
.home-agenda{padding:3rem 0 4.5rem}
.agenda-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:2.25rem;align-items:stretch}
.agenda-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:50rem}
.agenda-card{background:#fff;border-radius:var(--sbgk-radius-lg);padding:2rem 2.25rem}
.agenda-card .home-head{margin-bottom:.75rem}
.agenda-list .event:first-child{padding-top:.5rem}
.club-card{position:relative;background:var(--sbgk-green);color:#fff;border-radius:var(--sbgk-radius-lg);overflow:hidden;display:flex;flex-direction:column}
.club-img{width:100%;height:17rem;object-fit:cover;display:block}
.club-body{padding:2rem 2.25rem 2.25rem;display:flex;flex-direction:column;gap:.9rem;flex:1;position:relative;z-index:1}
.club-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#BFE3CD;margin:0}
.club-card h2{color:#fff;font-size:clamp(1.9rem,3vw,2.5rem);margin:0}
.club-body p{margin:0;font-size:1.075rem;line-height:1.6;color:#E6F3EB}
.club-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:auto;padding-top:.75rem}
.club-mark{position:absolute;right:-2.5rem;bottom:-2.5rem;width:13rem;height:auto;opacity:.12;pointer-events:none;filter:grayscale(1) brightness(3)}
@media (max-width:991.98px){.agenda-grid{grid-template-columns:1fr}}
@media (max-width:575.98px){.agenda-card{padding:1.4rem 1.25rem}.club-body{padding:1.5rem 1.25rem}.club-img{height:13rem}.agenda-list .event .btn{display:none}.agenda-list .event{grid-template-columns:4rem 1fr;gap:1rem}.agenda-list .datebox{width:4rem;height:4rem}}

/* Vår anläggning */
.home-facility{background:#fff;padding:5rem 0}
.facility-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center;max-width:46rem}
.facility-grid.has-media{grid-template-columns:5fr 7fr;max-width:none}
.facility-copy{display:flex;flex-direction:column;gap:1.1rem}
.facility-copy .eyebrow{margin:0}
.facility-copy h2{margin:0;font-size:clamp(2rem,3.4vw,2.9rem)}
.facility-intro{font-size:1.15rem;color:var(--sbgk-muted);margin:0}
.facility-facts{list-style:none;margin:0;padding:1.1rem 1.25rem;background:var(--sbgk-paper);border-radius:var(--sbgk-radius);display:flex;flex-direction:column;gap:.7rem}
.facility-facts li{display:flex;gap:.8rem;font-size:1.05rem}
.facility-facts .bi{color:var(--sbgk-green);font-size:1.25rem;line-height:1.3}
.facility-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.facility-actions .bi{margin-right:.2rem}
.facility-media{display:grid;gap:1rem;grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr;min-height:26rem}
.facility-media > *{min-width:0}
.facility-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:22px}
.facility-img-1{grid-row:1 / span 2;border-radius:28px 28px 28px 140px;min-height:26rem}
.facility-mapwrap{display:flex;flex-direction:column}
.facility-mapwrap .facility-map{aspect-ratio:auto;flex:1;min-height:12rem;border-radius:22px}
.facility-mapwrap .consent-embed{min-height:12rem}
.facility-mapwrap p{font-size:.9rem}
/* Färre delar: bilden eller kartan får hela ytan */
.media-1 .facility-media{grid-template-columns:1fr;grid-template-rows:1fr}
.media-1 .facility-img-1{grid-row:auto}
.media-1 .facility-mapwrap .facility-map{min-height:24rem}
.media-2 .facility-media{grid-template-rows:1fr}
.media-2 .facility-img-1{grid-row:auto}
.media-2 .facility-mapwrap .facility-map,.media-2 .facility-img-2{min-height:26rem;height:100%}
@media (max-width:991.98px){
  .facility-grid.has-media{grid-template-columns:1fr}
  .facility-media{min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .facility-img-1{grid-row:auto;grid-column:1 / -1;min-height:16rem;aspect-ratio:3/2;border-radius:24px 24px 24px 90px}
  .media-2 .facility-mapwrap .facility-map,.media-2 .facility-img-2{min-height:14rem}
}
@media (max-width:575.98px){
  .home-facility{padding:3.5rem 0}
  .facility-media{grid-template-columns:1fr}
  .facility-actions .btn{flex:1 1 auto;text-align:center}
}

/* Sponsorer */
.home-sponsors{padding:4rem 0 1rem}
.home-sponsors h2{font-size:1.6rem;margin-bottom:1.5rem}
.home-sponsors .sponsor-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}

/* Delvyn Idag (sidokolumnen på nyheter) */
.side .today{box-shadow:var(--sbgk-shadow-sm)}

/* ==== 21. Serietabeller (svenskaserien.se) ================================ */
.series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;align-items:start}
.series-grid-1{grid-template-columns:minmax(0,1fr);max-width:48rem}
.series-card{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.4rem 1.5rem 1.1rem;box-shadow:0 1px 0 var(--sbgk-line);min-width:0}
.series-title{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;margin:0 0 1rem}
.series-title .bi{color:var(--sbgk-orange);font-size:1.15em}
.series-embed{min-width:0}
/* Höjden sätts av site.js när tabellen berättat sin höjd; tills dess en rimlig starthöjd */
.svenska-serien-iframe{display:block;width:100%;max-width:100%;height:420px;border:0;border-radius:var(--sbgk-radius-sm);background:#fff}
.series-embed .consent-embed{min-height:320px}
.series-source{font-size:.85rem;color:var(--sbgk-muted);margin:.75rem 0 0}
.home-series{padding:3rem 0 1rem}
@media (max-width:991.98px){.series-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:575.98px){.series-card{padding:1.1rem .9rem .9rem;border-radius:var(--sbgk-radius)}.series-title{font-size:1.2rem}}

/* Sidfot: Design & Produktion */
.footer-credit{color:var(--sbgk-on-navy)}
.footer-credit a{font-weight:600}

/* ==== 22. Underhållsläge ================================================ */
.maint-body{box-sizing:border-box;margin:0;min-height:100vh;background:var(--sbgk-navy);color:var(--sbgk-ink);font-family:var(--bs-body-font-family);position:relative;padding-bottom:140px}
.maint-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;pointer-events:none;
  background:var(--sbgk-wave-blue) 60px 100%/260px 46px repeat-x,var(--sbgk-trees-light) 30px calc(100% - 30px)/240px 50px repeat-x,var(--sbgk-trees-dark) 0 calc(100% - 38px)/340px 86px repeat-x}
.maint{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:2.5rem 1rem 0;box-sizing:border-box}
.maint-card{position:relative;z-index:1;background:#fff;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.35);padding:2.5rem 2.5rem 2rem;max-width:34rem;width:100%;text-align:center}
.maint-logo{width:9rem;height:auto;display:block;margin:0 auto 1rem}
.maint-name{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sbgk-green);margin:0 0 .75rem}
.maint-card h1{font-size:clamp(1.8rem,5vw,2.4rem);margin:0 0 1rem}
.maint-text{font-size:1.1rem;line-height:1.6;margin:0 0 .9rem;color:var(--sbgk-ink)}
.maint-contact{font-weight:600;margin:1.25rem 0 0}
.maint-access{margin-top:1.75rem;border-top:1.5px solid var(--sbgk-line);padding-top:1rem;text-align:left}
.maint-access summary{cursor:pointer;font-weight:700;color:var(--sbgk-green);text-align:center;list-style:none}
.maint-access summary::-webkit-details-marker{display:none}
.maint-access summary::after{content:" ›"}
.maint-access[open] summary::after{content:" ⌄"}
.maint-form{margin-top:1rem}
.maint-form label{display:block;font-weight:600;color:var(--sbgk-navy);margin-bottom:.35rem}
.maint-row{display:flex;gap:.5rem}
.maint-row input{flex:1;min-width:0;border:1.5px solid #B9C3B7;border-radius:12px;padding:.7rem .9rem;font:inherit}
.maint-row input:focus{outline:none;border-color:var(--sbgk-green);box-shadow:0 0 0 .25rem rgba(31,122,77,.18)}
.maint-row button{border:0;border-radius:999px;background:var(--sbgk-navy);color:#fff;font:inherit;font-weight:700;padding:.7rem 1.2rem;cursor:pointer}
.maint-row button:hover{background:var(--sbgk-navy-2)}
.maint-error{background:#FFF5F4;color:var(--sbgk-closed);font-weight:600;border-radius:10px;padding:.55rem .8rem;margin:0 0 .75rem;box-shadow:inset 4px 0 0 var(--sbgk-closed)}
.maint-preview{position:relative;z-index:2;margin:0;background:var(--sbgk-orange);color:var(--sbgk-ink);font-weight:600;text-align:center;padding:.6rem 1rem}
.maint-preview a{color:var(--sbgk-ink)}
@media (max-width:575.98px){.maint-card{padding:2rem 1.25rem 1.5rem}.maint-row{flex-direction:column}.maint-row button{width:100%}}
/* Banner på webbplatsen för den som ser den trots underhållsläget */
.maint-banner{background:var(--sbgk-ink);color:#fff;font-size:.95rem;font-weight:600}
.maint-banner a{color:var(--sbgk-orange)}
.maint-banner .bi{color:var(--sbgk-orange)}

/* ==== 23. Tävlingskalender och nationella tävlingar ======================== */
.reg-open{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.85rem;font-weight:700;color:var(--sbgk-green);background:var(--sbgk-green-pale);padding:.15rem .6rem;border-radius:999px}
.news-filters .filter-list + .filter-list{margin-left:auto}
.reg-box{margin-top:1rem;background:#fff;border-radius:var(--sbgk-radius);padding:1.25rem 1.3rem;box-shadow:inset 5px 0 0 var(--sbgk-line)}
.reg-box.is-open{box-shadow:inset 5px 0 0 var(--sbgk-green)}
.reg-box.is-passed,.reg-box.is-closed{box-shadow:inset 5px 0 0 var(--sbgk-muted)}
.reg-status{font-family:var(--sbgk-font-display);font-weight:800;font-size:1.25rem;color:var(--sbgk-navy);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}
.reg-box.is-open .reg-status{color:var(--sbgk-green)}
.class-fees td:nth-child(2),.class-fees td:nth-child(3){white-space:nowrap}
.reg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 2rem;background:#fff;border-radius:var(--sbgk-radius);padding:1.25rem 1.4rem}
.reg-list ul{list-style:none;padding:0;margin:.4rem 0 0}
.reg-list li{padding:.2rem 0;border-bottom:1px solid var(--sbgk-line)}
.reg-list li:last-child{border-bottom:0}
/* Tävlingsanmälan på Mina sidor */
form.reg-form{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.6rem 1.6rem 1.4rem}
.reg-form fieldset.reg-row{background:transparent;border-radius:0;border:0;border-top:1.5px solid var(--sbgk-line);padding:1rem 0 .75rem;margin:0}
@media (max-width:575.98px){form.reg-form{padding:1.2rem 1rem}}
.reg-form .reg-row legend{font-family:var(--bs-body-font-family);font-size:1rem;font-weight:700;color:var(--sbgk-navy);margin-bottom:.5rem;float:none;width:auto;padding:0}
.reg-total{font-size:1.1rem;margin:1rem 0;padding-top:1rem;border-top:1.5px solid var(--sbgk-line)}
.reg-mine{list-style:none;padding:0;margin:0;background:#fff;border-radius:var(--sbgk-radius);overflow:hidden}
.reg-mine li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--sbgk-line)}
.reg-mine li:last-child{border-bottom:0}
.member-comp-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.25rem 1.5rem;box-shadow:inset 5px 0 0 var(--sbgk-orange)}
.member-comp-card h2 .bi{color:var(--sbgk-orange)}
/* Mina sidor → Dokument */
.doc-group{scroll-margin-top:7rem;margin-bottom:2rem;padding:0}
.doc-group .doc-cat{font-size:1.5rem;margin:0 0 .75rem}
.doc-list time{font-weight:600;color:var(--sbgk-ink)}
/* Mina sidor: knapparna i sidhuvudet bryts på flera rader, i mobilen två och två i full bredd */
.member-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.member-actions .btn{white-space:nowrap}
@media (max-width:575.98px){
  .member-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .member-actions .btn,.member-actions form,.member-actions form .btn{width:100%}
  .member-actions .btn{padding:.65rem .5rem;font-size:.95rem}
}
/* Ersättningar */
.reim-line{border-top:1.5px solid var(--sbgk-line);padding:1rem 0 .75rem}
.reim-line:first-child{border-top:0;padding-top:0}
.reim-rule{color:var(--sbgk-muted);margin-top:.5rem}
.reim-sum{font-weight:700;color:var(--sbgk-navy);margin-top:.25rem}
.reim-total{font-size:1.15rem;margin:1rem 0 0;padding-top:1rem;border-top:1.5px solid var(--sbgk-line)}
.reim-status{display:inline-block;font-size:.85rem;font-weight:700;padding:.2rem .7rem;border-radius:999px;white-space:nowrap}
.reim-status.is-submitted{background:#FFF1CC;color:#7A5200}
.reim-status.is-needs{background:var(--sbgk-orange-pale);color:var(--sbgk-orange-ink)}
.reim-status.is-approved{background:var(--sbgk-green-pale);color:var(--sbgk-green)}
.reim-status.is-paid{background:#E1EAF8;color:#1F4E9A}
.reim-status.is-rejected{background:#FDECEA;color:var(--sbgk-closed)}
.reim-lines-table td,.reim-lines-table th{vertical-align:top}
/* Startsidan: Senaste nytt – en stor nyhet och en lista (Umeå-upplägget i SBGK:s stil) */
.news-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.6rem;align-items:start}
.news-split.is-single{grid-template-columns:minmax(0,1fr);max-width:48rem}
.news-lead{background:#fff;border-radius:var(--sbgk-radius-lg);overflow:hidden;box-shadow:0 1px 0 var(--sbgk-line)}
.news-lead a{color:inherit;text-decoration:none;display:block}
.news-lead-img{aspect-ratio:16/10;background:var(--sbgk-green-pale);overflow:hidden}
.news-lead-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.news-lead a:hover .news-lead-img img{transform:scale(1.02)}
.news-lead-img .news-card-noimg{height:100%}
.news-lead-body{padding:1.25rem 1.5rem 1.5rem}
.news-lead-title{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.15;margin:.6rem 0 .6rem;color:var(--sbgk-navy)}
.news-lead a:hover .news-lead-title{color:var(--sbgk-green)}
.news-list{display:flex;flex-direction:column;gap:.75rem}
.news-item{background:#fff;border-radius:var(--sbgk-radius);box-shadow:0 1px 0 var(--sbgk-line)}
.news-item a{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:start;padding:.75rem;color:inherit;text-decoration:none}
.news-item-img{display:block;width:7rem;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--sbgk-green-pale)}
.news-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-item-img .news-card-noimg{height:100%}
.news-item-img .news-card-noimg img{width:55%!important}
.news-item-body{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding-top:.1rem}
.news-item .meta{font-size:.85rem}
.news-item-title{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.1rem;line-height:1.2;color:var(--sbgk-navy)}
.news-item a:hover .news-item-title{color:var(--sbgk-green)}
.news-item-text{font-size:.92rem;color:var(--sbgk-muted);line-height:1.4}
@media (max-width:991.98px){.news-split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:575.98px){
  .news-item a{grid-template-columns:5.25rem minmax(0,1fr);gap:.8rem}
  .news-item-img{width:5.25rem}
  .news-item-text{display:none}
  .news-lead-body{padding:1rem 1.1rem 1.2rem}
}

/* ==== 24. Mina sidor: meny till höger ===================================== */
.member-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2.5rem;align-items:start}
.member-main{min-width:0}
.member-nav{position:sticky;top:6.5rem;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(0,0,0,.06)}
.member-nav-head{padding:.9rem 1rem;background:linear-gradient(135deg,rgba(27,68,39,.18),rgba(39,102,58,.08));border-bottom:1px solid rgba(0,0,0,.06)}
.member-nav-title{display:flex;align-items:center;gap:.55rem;font-family:var(--sbgk-font-display);font-weight:800;font-size:1.1rem;color:var(--sbgk-green-dark)}
.member-nav-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(39,102,58,.12);color:var(--sbgk-green-dark)}
.member-nav-sub{margin-top:3px;font-size:.85rem;color:rgba(0,0,0,.55)}
.member-nav-body{display:grid;gap:.5rem;padding:.9rem 1rem 1rem}
.member-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.55rem .75rem;border:1px solid #6c757d;border-radius:.4rem;background:#fff;color:#4b5156;font:inherit;font-weight:500;text-decoration:none;text-align:center;line-height:1.3;cursor:pointer}
.member-link .bi{font-size:1.05rem}
@media (hover:hover){.member-link:hover{background:#6c757d;color:#fff}}
.member-link.is-active{background:var(--sbgk-green-pale);border-color:var(--sbgk-green);color:var(--sbgk-green-dark);font-weight:700}
.member-nav-logout{margin:0}
.member-link-danger{border-color:#dc3545;color:#dc3545}
@media (hover:hover){.member-link-danger:hover{background:#dc3545;color:#fff}}
@media (max-width:991.98px){
  /* Mobil och surfplatta: samma meny som på datorn – alltid utfälld, ett val per rad – överst i full bredd */
  .member-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .member-nav{order:-1;position:static}
  .member-link{padding:.7rem .75rem}
}

/* Ersättningsansökan: luft mellan avdelningarna */
.reim-form fieldset + fieldset{margin-top:1.25rem}

/* Dra-och-släpp för filer (samma modell som filhanteraren i admin) */
.dropzone{background:#fff;border:2px dashed #B9C3B7;border-radius:var(--sbgk-radius);padding:1rem 1.25rem;transition:border-color .15s,background .15s}
.dropzone.is-drag{border-color:var(--sbgk-green);background:var(--sbgk-green-pale)}
.dropzone-inner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.dropzone-inner > .bi{font-size:1.9rem;color:var(--sbgk-navy)}
.dropzone-inner p{margin:.35rem 0 0;font-size:.92rem;color:var(--sbgk-muted)}
.dz-list{list-style:none;margin:.75rem 0 0;padding:0}
.dz-list:empty{display:none}
.dz-list li{display:flex;align-items:center;gap:.6rem;padding:.45rem .2rem;border-top:1px solid var(--sbgk-line);font-size:.95rem}
.dz-list li .bi{color:var(--sbgk-green)}
.dz-list li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-list li small{color:var(--sbgk-muted)}
.dz-list li button{border:0;background:none;color:var(--sbgk-closed);padding:.1rem .4rem;border-radius:6px;cursor:pointer}
.dz-list li button:hover{background:#FDECEA}
.dropzone-inner{flex-wrap:nowrap;align-items:flex-start}
.dropzone-inner > div{flex:1;min-width:0}
.dropzone-inner > .bi{line-height:1;margin-top:.1rem}

/* ==== 25. Nyhetsarkivet (/nyheter) ======================================== */
.archive-filter{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.25rem 1.4rem;margin-bottom:1.5rem;box-shadow:0 1px 0 var(--sbgk-line)}
.archive-filter-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem 1rem}
.archive-filter label{display:block;font-weight:700;font-size:.95rem;color:var(--sbgk-navy);margin-bottom:.35rem}
.archive-filter-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.9rem;font-size:.95rem;color:var(--sbgk-muted)}
.archive-card{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.5rem 1.6rem 1rem;box-shadow:0 1px 0 var(--sbgk-line)}
.archive-title{font-size:1.5rem;margin:0 0 .5rem;padding-bottom:1rem;border-bottom:1.5px solid var(--sbgk-line)}
.archive-year{padding:0}
.archive-year-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 .5rem}
.archive-year-head h3{font-size:1.4rem;margin:0;color:var(--sbgk-green)}
.archive-count{font-size:.85rem;font-weight:600;color:var(--sbgk-muted);background:var(--sbgk-paper);border-radius:999px;padding:.2rem .75rem}
.archive-month{font-family:var(--bs-body-font-family);font-size:1.05rem;font-weight:700;color:var(--sbgk-navy);margin:1rem 0 .4rem}
.archive-list{list-style:none;margin:0 0 .5rem;padding:0 0 0 .6rem;border-left:2px solid var(--sbgk-line)}
.archive-list li{position:relative;display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.9rem;padding:.55rem 0 .55rem 1rem}
.archive-list li::before{content:"";position:absolute;left:-.62rem;top:.95rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--sbgk-green-pale);box-shadow:0 0 0 2px #fff,inset 0 0 0 2px var(--sbgk-green)}
.archive-list time{font-size:.92rem;color:var(--sbgk-muted);padding-top:.12rem;white-space:nowrap}
.archive-list a{font-family:var(--sbgk-font-display);font-weight:700;font-size:1.12rem;line-height:1.25;color:var(--sbgk-navy);text-decoration:none}
.archive-list a:hover{color:var(--sbgk-green);text-decoration:underline}
.archive-meta{display:block;font-size:.9rem;color:var(--sbgk-muted);margin-top:.15rem}
.archive-pages{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center;margin-top:1.5rem}
.archive-page{min-width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;text-decoration:none;color:var(--sbgk-navy);background:#fff;box-shadow:0 1px 0 var(--sbgk-line)}
.archive-page.is-current{background:var(--sbgk-navy);color:#fff}
@media (max-width:767.98px){.archive-filter-fields{grid-template-columns:1fr 1fr}.af-q{grid-column:1 / -1}}
@media (max-width:575.98px){.archive-card{padding:1.2rem 1rem .75rem}.archive-list li{grid-template-columns:3rem minmax(0,1fr);gap:.6rem;padding-left:.8rem}}
/* Långa sammansatta ord (t.ex. ”ersättningsansökan”) får brytas i rubriker i stället för att skjuta ut på smala skärmar */
h1,h2,.page-intro h1{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
/* Mycket smala skärmar: länken i en sektionsrubrik får hamna under rubriken */
@media (max-width:399.98px){.home-head{flex-wrap:wrap;align-items:flex-start}.home-head > a{white-space:normal}.agenda-grid,.agenda-card,.club-card{min-width:0}}
/* Vita informationsrutor (t.ex. bokningssidans introtext och kontaktuppgifter) */
.info-card{background:#fff;border-radius:var(--sbgk-radius-lg);padding:1.25rem 1.4rem;box-shadow:0 1px 0 var(--sbgk-line)}
.info-card > :last-child{margin-bottom:0}
.info-card h2.h5{margin-bottom:.6rem}
.contact-list > div{display:flex;gap:.5rem;padding:.2rem 0}
.contact-list dt{font-weight:700;color:var(--sbgk-navy);min-width:4rem}
.contact-list dd{margin:0;min-width:0;overflow-wrap:anywhere}

/* Utloggning efter inaktivitet: ruta med nedräkning (session-timeout.js) */
body.st-open{overflow:hidden}
.st-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(11,31,77,.55);display:flex;align-items:center;justify-content:center;padding:1rem;animation:st-fade .2s ease-out}
.st-modal{background:#fff;border-radius:22px;max-width:26rem;width:100%;padding:1.75rem 1.5rem 1.5rem;text-align:center;box-shadow:0 20px 60px rgba(11,31,77,.35);animation:st-pop .25s ease-out}
.st-icon{width:3.5rem;height:3.5rem;margin:0 auto .75rem;border-radius:50%;background:#FDF0E1;color:#C8741A;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.st-modal h2{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:1.45rem;color:#0B1F4D;margin:0 0 .5rem}
.st-modal p{margin:0;color:#4A5468}
.st-count{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:3rem;line-height:1.1;color:#0B1F4D;margin:.35rem 0 1.1rem!important;font-variant-numeric:tabular-nums}
.st-actions{display:flex;flex-direction:column;gap:.5rem}
.st-actions button{border:0;border-radius:999px;padding:.8rem 1rem;font:inherit;font-weight:700;cursor:pointer}
.st-continue{background:#F29A38;color:#0B1F4D}
.st-continue:hover,.st-continue:focus-visible{background:#E08620}
.st-logout{background:transparent;color:#4A5468;text-decoration:underline}
.st-actions button:focus-visible{outline:3px solid #0A3A9C;outline-offset:2px}
.st-draft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;background:#FDF0E1;border-radius:14px;padding:.75rem 1rem;margin-bottom:1rem;color:#0B1F4D;font-weight:600}
.st-draft-actions{display:flex;gap:.5rem}
.st-draft button{border:0;border-radius:999px;padding:.4rem .9rem;font:inherit;font-weight:700;cursor:pointer;background:#0B1F4D;color:#fff}
.st-draft button + button{background:transparent;color:#0B1F4D;text-decoration:underline}
@keyframes st-fade{from{opacity:0}to{opacity:1}}
@keyframes st-pop{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.st-backdrop,.st-modal{animation:none}}
/* Vår anläggning: presentationen (valfri) överst i samma ruta som adressen */
.facility-facts ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.facility-facts .facility-intro{font-size:1.05rem;color:var(--sbgk-ink);line-height:1.55}
.facility-facts .facility-intro + ul{padding-top:.75rem;border-top:1px solid var(--sbgk-line)}
/* Vit ruta med text (t.ex. aktivitet i kalendern): tillbakalänken längst ner, skild med en linje */
.info-card .page-content > :last-child{margin-bottom:0}
.info-card-back{margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid var(--sbgk-line)}
.info-card > .info-card-back:first-child{margin-top:0;padding-top:0;border-top:0}
@media (min-width:992px){.info-card{padding:1.6rem 1.8rem}}
/* Styrelse och kommittéer */
.board-group-text{max-width:70ch;margin-bottom:1rem}
.board-group + .board-group{margin-top:2.5rem}

/* ===== Guidade ersättningsansökan: flikar, rutor per del, namnrutor ===== */
.reim-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.reim-tab{border:1.5px solid var(--sbgk-line);background:#fff;color:var(--sbgk-navy);font-weight:700;border-radius:999px;padding:.55rem 1.1rem;cursor:pointer;line-height:1.2}
.reim-tab:hover{border-color:var(--sbgk-green)}
.reim-tab.active{background:var(--sbgk-green);border-color:var(--sbgk-green);color:#fff;box-shadow:0 4px 12px rgba(36,92,56,.25)}
.reim-panel[hidden],.reim-box[hidden]{display:none}
.reim-box{margin-top:1rem;padding:1rem;border:1.5px solid var(--sbgk-line);border-radius:14px;background:#FAFAF6}
.reim-count{max-width:9rem}
.reim-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem;margin-top:.75rem}
.reim-name input[readonly]{background:#eef1ec;font-weight:600}
.info-box{background:#E8F6FB;border:1px solid #BFE3F0;border-radius:12px;padding:.7rem .9rem;font-size:.95rem}

/* ===== Mina sidor: startsidan med interna nyheter (som på gamla webbplatsen) ===== */
.member-panel{border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 22px rgba(0,0,0,.04);overflow:hidden;background:#fff;margin-bottom:1.5rem}
.member-panel-header{padding:14px 16px;background:linear-gradient(135deg,rgba(27,68,39,.95),rgba(39,102,58,.75));color:#fff}
.member-panel-header h2{margin:0;font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}
.member-panel-body{padding:16px}
.member-news-item{border-radius:14px;border:1px solid rgba(0,0,0,.06);background:linear-gradient(135deg,#fff,#f6faf7);padding:1rem;margin-bottom:1rem;transition:transform .15s ease,box-shadow .15s ease}
@media (hover:hover){.member-news-item:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(0,0,0,.06)}}
.member-news-meta{font-size:.82rem;color:#6d6d6d;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.member-news-title{font-weight:800;font-size:1.05rem;margin:.6rem 0 .35rem;color:#111;font-family:var(--sbgk-font-display)}
.member-news-excerpt{margin:0 0 .6rem;color:#666;font-size:.92rem;line-height:1.45}
.member-news-link{display:inline-block;font-size:.92rem;font-weight:600}
.member-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;list-style:none;margin:1.25rem 0 0;padding:0}
.member-pager a,.member-pager span{display:inline-block;min-width:2.1rem;padding:.3rem .6rem;text-align:center;border:1px solid var(--sbgk-line);border-radius:8px;text-decoration:none;font-size:.9rem;color:var(--sbgk-navy);background:#fff}
.member-pager .is-current{background:var(--sbgk-green);border-color:var(--sbgk-green);color:#fff;font-weight:700}
.member-panel-foot{margin-top:.75rem;font-size:.9rem;text-align:center}

/* ===== Ansökningsformuläret: luft mellan delarna ===== */
.reim-panel{margin-bottom:2rem}
.reim-panel > .reim-sum:last-child,.reim-panel > .dropzone:last-child{margin-bottom:0}

/* ---- Poängjakten (publika sidor) ----------------------------------------------------------------------- */
.pj-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}
.pj-kpis-wide{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.pj-kpis-in{padding:1rem;margin-bottom:0}
.pj-kpi{background:#fff;border:1px solid var(--sbgk-line);border-radius:var(--sbgk-radius-sm);padding:.8rem 1rem;display:flex;flex-direction:column;gap:.15rem;box-shadow:var(--sbgk-shadow-sm)}
.pj-kpi-label{font-size:.78rem;color:var(--sbgk-muted);text-transform:uppercase;letter-spacing:.04em}
.pj-kpi-value{font-size:1.6rem;font-weight:800;color:var(--sbgk-navy);line-height:1.1}
.pj-panel{background:#fff;border:1px solid var(--sbgk-line);border-radius:var(--sbgk-radius-sm);box-shadow:var(--sbgk-shadow-sm);overflow:hidden}
.pj-panel-head{padding:1rem 1.1rem;border-bottom:1px solid var(--sbgk-line);background:linear-gradient(180deg,var(--sbgk-green-pale),#fff)}
.pj-scroll{overflow-x:auto}
.pj-table{width:100%;border-collapse:collapse;font-size:.95rem}
.pj-table th{padding:.6rem .8rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sbgk-muted);background:var(--sbgk-mist);text-align:left;white-space:nowrap}
.pj-table td{padding:.55rem .8rem;border-top:1px solid var(--sbgk-line);vertical-align:middle}
.pj-table th.text-center,.pj-table td.text-center{text-align:center}.pj-table th.text-end,.pj-table td.text-end{text-align:right}
.pj-table tfoot th,.pj-table tfoot td{border-top:2px solid var(--sbgk-line);background:var(--sbgk-mist);font-size:.9rem;text-transform:none;letter-spacing:0;color:var(--sbgk-ink)}
.pj-table tbody tr:hover{background:#fafbf8}
.pj-sub th{background:var(--sbgk-green-pale);color:var(--sbgk-green-dark)}
.pj-link{color:var(--sbgk-green);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.pj-link:hover{color:var(--sbgk-green-dark)}
.pj-club{color:var(--sbgk-muted)}
.pj-points{font-weight:800;color:var(--sbgk-navy);font-variant-numeric:tabular-nums}
.pj-place{display:inline-flex;min-width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:999px;background:var(--sbgk-mist);font-weight:800;color:var(--sbgk-navy)}
.pj-row-a{background:rgba(31,122,77,.07)}.pj-row-a .pj-place{background:var(--sbgk-green);color:#fff}
.pj-row-b{background:rgba(242,154,56,.10)}.pj-row-b .pj-place{background:var(--sbgk-orange);color:var(--sbgk-navy)}
.pj-cut td{background:var(--sbgk-navy);color:#fff;text-align:center;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:.3rem}
.pj-cut-b td{background:var(--sbgk-orange-ink)}
.pj-pill{display:inline-block;padding:.1rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700}
.pj-pill.yes{background:var(--sbgk-green-pale);color:var(--sbgk-green-dark)}.pj-pill.no{background:#f3d9d6;color:#7a1b12}
.pj-legend{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;padding:.8rem 1.1rem;border-top:1px solid var(--sbgk-line)}
.pj-legend-pill{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem}
.pj-dot{width:.8rem;height:.8rem;border-radius:50%;display:inline-block}.pj-dot.a{background:var(--sbgk-green)}.pj-dot.b{background:var(--sbgk-orange)}
.pj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}
.pj-card{display:flex;flex-direction:column;gap:.15rem;background:#fff;border:1px solid var(--sbgk-line);border-radius:var(--sbgk-radius-sm);padding:.8rem 1rem;color:var(--sbgk-ink);box-shadow:var(--sbgk-shadow-sm);text-decoration:none}
.pj-card:hover{border-color:var(--sbgk-green);transform:translateY(-1px)}
.pj-card-title{font-weight:800;color:var(--sbgk-navy)}.pj-card-sub{font-size:.85rem;color:var(--sbgk-green-dark);font-weight:700}.pj-card-meta{font-size:.82rem;color:var(--sbgk-muted)}
.pj-month{margin-bottom:1.5rem}.pj-month-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:2px solid var(--sbgk-green-pale)}
.pj-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem 1.2rem;margin:0}
.pj-facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--sbgk-muted);font-weight:600}.pj-facts dd{margin:0;font-weight:700;color:var(--sbgk-navy)}
.pj-c-blue{color:#0a3a9c;font-weight:700}.pj-c-green{color:#15623f;font-weight:700}.pj-c-red{color:#b42318;font-weight:700}.pj-c-black{color:#111;font-weight:800}
.pj-status{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}
.pj-status.ok{background:var(--sbgk-green-pale);color:var(--sbgk-green-dark)}.pj-status.dnf{background:#f3d9d6;color:#7a1b12}.pj-status.exh{background:var(--sbgk-orange-pale);color:var(--sbgk-orange-ink)}
.pj-row-dnf{background:rgba(180,35,24,.06)}.pj-row-exh{background:rgba(242,154,56,.10)}.pj-counted td:first-child{box-shadow:inset 3px 0 0 var(--sbgk-green)}
.hole-no{display:inline-flex;width:1.8rem;height:1.8rem;align-items:center;justify-content:center;border-radius:50%;background:var(--sbgk-navy);color:#fff;font-weight:800;font-size:.85rem}
.pj-stroke{display:inline-flex;min-width:1.8rem;height:1.8rem;align-items:center;justify-content:center;border-radius:8px;font-weight:800}
.pj-stroke.s1{background:var(--sbgk-green);color:#fff}.pj-stroke.s2{background:var(--sbgk-mist);color:var(--sbgk-navy)}.pj-stroke.s3{background:#f3d9d6;color:#7a1b12}
@media (max-width:575.98px){.pj-kpis{grid-template-columns:1fr 1fr}.pj-table{font-size:.88rem}.pj-table th,.pj-table td{padding:.45rem .55rem}}

/* ---- Pensionärsligan (publika sidor) ------------------------------------------------------------------- */
.pn-dates{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.pn-date{padding:.55rem .8rem}
.pn-date.active{background:var(--sbgk-green);border-color:var(--sbgk-green);color:#fff}.pn-date.active .pj-card-title,.pn-date.active .pj-card-meta{color:#fff}
.pn-start td{padding:.3rem .6rem;font-size:.9rem}
.pn-trip.light td{background:#fff}.pn-trip.gray td{background:var(--sbgk-mist)}.pn-trip.end td{border-bottom:3px solid #b9c4b8}

/* ---- Äventyrsgolf (publik sida) ------------------------------------------------------------------------ */
.ag-menu{display:flex;flex-wrap:wrap;gap:.5rem}
.ag-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.ag-price{position:relative;background:#fff;border:1px solid var(--sbgk-line);border-radius:var(--sbgk-radius-sm);padding:1.2rem;box-shadow:var(--sbgk-shadow-sm);display:flex;flex-direction:column;gap:.35rem}
.ag-price-featured{border-color:var(--sbgk-green);box-shadow:var(--sbgk-shadow)}
.ag-badge{align-self:flex-start;background:var(--sbgk-orange);color:var(--sbgk-navy);font-weight:800;font-size:.75rem;padding:.15rem .6rem;border-radius:999px}
.ag-price-line{font-size:1.5rem;font-weight:800;color:var(--sbgk-navy);margin:0}
.ag-list{padding-left:1.1rem;margin:.25rem 0 .5rem}
.ag-btn{margin-top:auto;align-self:flex-start}
.ag-closed-body{overflow-wrap:anywhere}

/* Gruppbokning: fakturauppgifter */
.invoice-box{background:var(--sbgk-green-pale);border-radius:var(--sbgk-radius);padding:1.1rem 1.25rem 0;margin-top:.25rem}
.invoice-box[hidden]{display:none}
.invoice-box h3{margin-bottom:.9rem}