/*
 * CSS-undantag: calendar-grouping-controls
 * Syfte: Gruppera riktiga kalenderposter per månad och visa tillgängliga filter samt tomläge.
 * Omfattning: Endast .sjs-calendar och dess egna grupp-, filter- och statusfält. Kortens utseende ägs av separata, redigerbara Elementor-loopmallar.
 * Begränsning i Elementor: Installerade Loop Grid kan inte gruppera en gemensam nyhets- och retreatfråga på nästa tillfälle eller filtrera dessa grupper. Atomic har ingen sådan dynamisk kalenderkontroll. Widgetens färger exponeras som vanliga Elementor-kontroller.
 * Kan tas bort när: Elementor har en grupperad kalenderwidget med samma datakälla, filter, statusmeddelanden och kontroll över grupprubriker.
 */
.sjs-calendar{--calendar-green:#2f4638;--calendar-ink:#2b2521;--calendar-line:#d8d2c9;color:var(--calendar-ink);font-family:Manrope,sans-serif}
.sjs-calendar [hidden]{display:none!important}
.sjs-calendar-filter-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--calendar-line);padding-bottom:25px}
.sjs-calendar-filters{display:flex;gap:8px;flex-wrap:wrap}
.sjs-calendar-filters button{border:1px solid #a8b0a3;border-radius:2px;color:var(--calendar-green);background:transparent;padding:10px 23px;font:400 14px/1.65 Manrope,sans-serif;cursor:pointer;min-height:44px}
.sjs-calendar .sjs-calendar-filters button:hover,
.sjs-calendar .sjs-calendar-filters button:focus,
.sjs-calendar .sjs-calendar-filters button:active,
.sjs-calendar .sjs-calendar-filters button[aria-pressed=true]{background:var(--calendar-green);color:#fcfaf6;border-color:var(--calendar-green);box-shadow:none}
.sjs-calendar .sjs-calendar-filters button:focus-visible{outline:3px solid #976927;outline-offset:4px}
.sjs-calendar-count{font-size:13px;color:#6c5b51;white-space:nowrap}
.sjs-calendar-month{display:grid;grid-template-columns:155px minmax(0,1fr);gap:25px;padding-top:36px}
.sjs-calendar-month-title{font:400 27px/1.25 Newsreader,Georgia,serif;color:var(--calendar-ink);margin:8px 0 0}
.sjs-calendar-month-title span{display:block;font:400 13px/1.65 Manrope,sans-serif;color:#6c5b51;margin-top:6px}
.sjs-calendar-entries{display:flex;flex-direction:column;gap:23px;min-width:0}
.sjs-calendar-entry{min-width:0}
.sjs-calendar-empty{padding:50px 0;text-align:center;color:#6c5b51}
@media(max-width:1150px){.sjs-calendar-month{grid-template-columns:125px minmax(0,1fr);gap:20px}}
@media(max-width:800px){.sjs-calendar-filter-line{align-items:flex-start;flex-direction:column;gap:13px}.sjs-calendar-filters button{padding:9px 18px}.sjs-calendar-month{display:block;padding-top:25px}.sjs-calendar-month-title{font-size:25px;display:flex;align-items:baseline;gap:10px;margin-bottom:17px}.sjs-calendar-month-title span{margin:0}}
@media(max-width:480px){.sjs-calendar-filters{width:100%;flex-wrap:nowrap;gap:7px}.sjs-calendar-filters button{flex:1;padding:10px 9px;font-size:13px}}

/*
 * CSS-undantag: calendar-featured-image-wrappers
 * Syfte: Låter den dynamiska bilden fylla sin native bildyta utan att bildformatet ändrar kortets höjd.
 * Omfattning: Endast interna wrappers i kalenderkortens Featured Image-widget; object-fit ägs av widgetens native kontroll.
 * Begränsning i Elementor: Widgeten saknar höjd- och positionskontroller för hela kedjan av interna wrappers.
 * Kan tas bort när: Featured Image ger alla interna wrappers native höjd- och positionskontroller.
 */
.sjs-calendar .sjs-calendar-crop-image { position:absolute; inset:0; height:100%; width:100%; }
.sjs-calendar .sjs-calendar-crop-image .elementor-widget-container { height:100%; width:100%; }
.sjs-calendar .sjs-calendar-crop-image img { display:block; }
/*
 * CSS-undantag: calendar-link-type-details
 * Syfte: Bevarar förslagets mellanvikt och understrykning på små länkar och datum.
 * Omfattning: Endast kalenderns länkar, datum och typetiketter.
 * Begränsning i Elementor: Installerade Atomic-kontroller saknar vikt 650 och text-underline-offset; klassiska viktval saknar också 650.
 * Kan tas bort när: Dessa två typografiska värden finns som native kontroller.
 */
.elementor .sju-calendar-link-label,.elementor .sju-calendar-card-date,.elementor .sju-calendar-card-date-light,.elementor .sju-calendar-card-kind { font-weight:650; }
.elementor .sju-calendar-link,.elementor .sju-calendar-small-link { text-underline-offset:5px; }

/*
 * CSS-undantag: calendar-wide-viewport
 * Syfte: Behåller förslagets bredare innehållsyta och högre hero på stora skärmar.
 * Omfattning: Kalenderarkivets tre sektioner från 1450 px skärmbredd.
 * Begränsning i Elementor: Sajten har gemensamma brytpunkter; en lokal min-width på 1450 px saknas i Atomic utan att ändra hela sajtens brytpunkter.
 * Kan tas bort när: Atomic stöder lokala brytpunkter per komponent.
 */
@media(min-width:1450px){
 .elementor .sju-calendar-hero{min-height:525px}
 .elementor .sju-calendar-hero-copy,.elementor .sju-calendar-section,.elementor .sju-calendar-host{width:min(1280px,calc(100% - 100px))}
}