/* CSS-undantag: sjs-activity-catalogue
 * Syfte: Ge den dynamiska postlistningen den godkända kategori-, filter- och utfällningsformen.
 * Omfattning: Enbart innehållet i widgeten .sjs-activities; färger, typografi och kortavstånd kan styras i widgetens Elementor-kontroller.
 * Begränsning i Elementor: Atomic och standardlistningar saknar denna postfråga med kombinerad kategorisökning och synkroniserade formulärval.
 * Kan tas bort när: En registrerad Elementor-listning erbjuder motsvarande dynamiska struktur och tillstånd med native kontroller.
 */
.sjs-activities{--sjs-green:#2f4638;--sjs-card:#e2e6dc;--sjs-ink:#2b2521;--sjs-line:#b5bba9;--sjs-open:#e9e8df;color:var(--sjs-ink);font:14px/1.8 Manrope,sans-serif;width:100%;min-width:0}
.sjs-activities *{box-sizing:border-box}
.sjs-activities [hidden]{display:none!important}
.sjs-activities h3,.sjs-activities p{margin:0}
.sjs-activities a{color:var(--sjs-green);text-decoration:none}
.sjs-activities a:hover{color:#000}
.sjs-activities button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;border-radius:0;color:var(--sjs-green);background:transparent;border:1px solid var(--sjs-line)}
.sjs-activities button:is(:hover,:focus,:focus-visible){color:#000;background:var(--sjs-card);border-color:var(--sjs-green)}
.sjs-activities :is(a,button,input,summary):focus-visible{outline:2px solid var(--sjs-green);outline-offset:4px}
.sjs-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sjs-category{background:var(--sjs-card);padding:30px;min-width:0}
.sjs-category>div{display:grid;grid-template-columns:minmax(165px,.85fr) minmax(0,1.15fr);gap:14px 30px;align-items:start}
.sjs-category h3{font:400 29px/1.14 Newsreader,"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;color:var(--sjs-green);grid-row:1 / span 2}
.sjs-category p{font-size:14px;line-height:1.8}
.sjs-activities .sjs-category-open{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:15px;min-height:36px;padding:0 0 5px;border-bottom:1px solid var(--sjs-green);font:600 11px/1.5 Manrope,sans-serif;text-align:left}
.sjs-catalogue-entry{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:30px 0}
.sjs-catalogue-entry p{max-width:670px;font-size:13px;line-height:1.85}
.sjs-catalogue-entry a{white-space:nowrap;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.sjs-full-catalogue{border:1px solid var(--sjs-line);scroll-margin-top:115px}
.sjs-full-catalogue>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;background:var(--sjs-card);color:var(--sjs-green);cursor:pointer}
.sjs-full-catalogue summary::-webkit-details-marker{display:none}
.sjs-full-catalogue>summary>span:first-child{display:grid;gap:5px}
.sjs-full-catalogue>summary strong{font-size:14px;font-weight:600}
.sjs-full-catalogue>summary>span>span{font-size:11px;line-height:1.6}
.sjs-full-catalogue>summary:hover,.sjs-activities .sjs-collapse:hover{background:#d8dfce}
.sjs-toggle{font:400 28px/1 Manrope,sans-serif;transition:transform .15s}
.sjs-full-catalogue[open]>summary>.sjs-toggle,.sjs-activity[open]>summary>.sjs-toggle{transform:rotate(45deg)}
.sjs-catalogue-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:45px;padding:35px 28px 22px}
.sjs-filters{align-self:start;position:sticky;top:112px;display:flex;flex-direction:column;gap:5px}
.sjs-activities .sjs-filters button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;text-align:left;padding:12px 10px;font-size:11px;line-height:1.5;min-height:44px}
.sjs-activities .sjs-filters button[aria-pressed=true],.sjs-activities .sjs-filters button[aria-pressed=true]:focus{background:var(--sjs-green);color:#fcfaf6}
.sjs-filters p{font-size:11px;line-height:1.8;margin:24px 10px 0}
.sjs-results{min-width:0}
.sjs-search-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px}
.sjs-search-row label{width:70%;margin:0}
.sjs-activities .sjs-search-row input{border:0;border-bottom:1px solid var(--sjs-line);border-radius:0;padding:12px 0;background:transparent;color:var(--sjs-ink);font:13px/1.5 Manrope,sans-serif;width:100%}
.sjs-result-count{font-size:10px;white-space:nowrap}
.sjs-activity-group+.sjs-activity-group{margin-top:45px}
.sjs-activity-group>h3{font:400 32px/1.1 Newsreader,"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;color:var(--sjs-green);margin-bottom:22px}
.sjs-activity{border-top:1px solid var(--sjs-line);scroll-margin-top:115px}
.sjs-activity>summary{display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:22px 0}
.sjs-activity-summary{display:grid;gap:7px}
.sjs-activity-summary strong{font-size:15px;font-weight:600;line-height:1.5}
.sjs-activity-summary>span{font-size:12px;line-height:1.7;color:#555e50}
.sjs-duration{font-size:10px;line-height:1.5;max-width:105px}
.sjs-activity[open]{background:var(--sjs-open);padding:0 15px;margin-inline:-15px}
.sjs-activity-body{padding:0 0 23px;display:grid;gap:15px}
.sjs-activity-body p{font-size:13px;line-height:1.85;margin:0 0 12px}
.sjs-activity-body .sjs-practical{font-size:11px;line-height:1.8}
.sjs-activity-action{display:flex;align-items:center;gap:20px}
.sjs-activities .sjs-choose{background:var(--sjs-green);border-color:var(--sjs-green);color:#fcfaf6;padding:13px 16px;font-size:11px;min-height:44px}
.sjs-activities .sjs-choose:is(:hover,:focus,:focus-visible){background:#2b2521;color:#fcfaf6}
.sjs-activities .sjs-choose[aria-pressed=true]{background:#fcfaf6;color:var(--sjs-green)}
.sjs-activity-action small{font-size:10px;line-height:1.6}
.sjs-extra{border-top:1px solid var(--sjs-line);padding:25px 0 0;margin-top:35px!important;font-size:12px;line-height:1.85}
.sjs-extra strong{display:block;margin-bottom:6px}
.sjs-activities .sjs-collapse{display:flex;justify-content:space-between;width:100%;padding:15px 26px;min-height:50px;background:var(--sjs-card);border:0;border-top:1px solid var(--sjs-line);font-size:11px}
.sjs-no-results{padding:25px 0}
.sjs-selection-tray{position:fixed;z-index:90;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:35px;align-items:center;padding:16px 24px;background:var(--sjs-green);color:#fcfaf6;box-shadow:0 5px 22px #0002;max-width:calc(100% - 32px);width:max-content;font-size:12px;line-height:1.5}
.sjs-activities .sjs-selection-tray a{color:#fcfaf6;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
/* CSS-undantag: sjs-activity-catalogue
 * Syfte: Bevara läsbarhet i det dynamiska utbudet på små skärmar.
 * Omfattning: Enbart widgetens interna grid, sökning och utfällbara poster.
 * Begränsning i Elementor: Responsiva internstrukturer i postfrågan saknar Atomic-konsumenter; kortpadding och gap har egna Elementor-kontroller.
 * Kan tas bort när: Native listningswidget har motsvarande datakälla, filter och interna responsiva kontroller.
 */
@media(max-width:1180px){.sjs-category>div{grid-template-columns:1fr;gap:12px}.sjs-category h3{grid-row:auto}.sjs-activities .sjs-category-open{grid-column:1}.sjs-catalogue-layout{grid-template-columns:205px minmax(0,1fr);gap:30px}}
@media(max-width:850px){.sjs-catalogue-layout{grid-template-columns:1fr;gap:25px}.sjs-filters{position:static;display:flex;flex-direction:row;flex-wrap:wrap}.sjs-filters p{width:100%;margin-top:8px}.sjs-catalogue-entry{align-items:flex-start;gap:20px;flex-direction:column}.sjs-categories{gap:18px}.sjs-activity-action{align-items:flex-start}}
@media(max-width:620px){.sjs-categories{grid-template-columns:1fr}.sjs-category{padding:25px 23px}.sjs-category h3{font-size:27px}.sjs-category p{font-size:13px}.sjs-catalogue-entry{gap:18px;margin:25px 0}.sjs-catalogue-entry p{font-size:12px}.sjs-full-catalogue>summary{padding:18px 16px}.sjs-full-catalogue>summary strong{font-size:13px}.sjs-full-catalogue>summary>span>span{font-size:10px}.sjs-catalogue-layout{padding:22px 14px}.sjs-activity>summary{grid-template-columns:1fr 18px}.sjs-duration{grid-column:1;grid-row:2;max-width:none}.sjs-activity>summary>.sjs-toggle{grid-column:2;grid-row:1 / span 2}.sjs-activity[open]{margin-inline:-8px;padding-inline:8px}.sjs-activity-action{flex-direction:column;gap:10px}.sjs-activity-summary strong{font-size:14px}.sjs-activities .sjs-filters button{font-size:9px;padding:9px}.sjs-activity-group>h3{font-size:26px}.sjs-activities .sjs-collapse{padding-inline:16px}.sjs-selection-tray{gap:18px;padding:14px 16px;font-size:11px}}
/* CSS-undantag: sjs-activity-field
 * Syfte: Visa valda aktiviteter och borttagningsknappar i ett befintligt Pro-formulär.
 * Omfattning: Endast den registrerade fälttypen .sjs-activity-field.
 * Begränsning i Elementor: Pro Forms saknar native flervalsfält som synkroniseras med en extern postlistning och renderar borttagbara val.
 * Kan tas bort när: Pro Forms erbjuder detta dynamiska fält och underkontroller direkt.
 */
.sjs-activity-field{width:100%;border:1px solid #b6bcae;padding:16px 20px 20px;color:#2b2521;font:12px/1.8 Manrope,sans-serif}
.sjs-activity-field p{margin:0 0 10px}
.sjs-activity-field a{color:#2f4638;text-decoration:underline;text-underline-offset:4px}
.sjs-activity-field a:hover{color:#000}
.sjs-activity-field.is-enhanced .sjs-activity-values{display:none}
.sjs-selected-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;border-bottom:1px solid #b5bba9;margin-bottom:8px}
.sjs-activity-field .sjs-selected-item button{color:#2f4638;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;font:600 11px/1.5 Manrope,sans-serif;min-height:36px;padding:3px 0;cursor:pointer}
.sjs-activity-field .sjs-selected-item button:is(:hover,:focus,:focus-visible){color:#000;background:transparent}
.sjs-activity-field :is(a,button,select):focus-visible{outline:2px solid #2f4638;outline-offset:4px}
.sjs-selection-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0!important;}
/* CSS-undantag: sjs-enquiry-confirmation
 * Syfte: Ersätta formulärets fält med ett tydligt och fokuserbart tackkort efter bekräftad serverframgång.
 * Omfattning: Endast .sjs-enquiry-complete och .sjs-enquiry-success i uttryckligen aktiverade Sju Sjöar-formulär.
 * Begränsning i Elementor: Pro Forms har färg/typografi för sin enradiga framgångstext men saknar en sammansatt efter-inskickning-vy och villkorlig fältvisning; egna native kontroller styr kortets färger, rubrik och padding.
 * Kan tas bort när: Pro Forms erbjuder motsvarande redigerbara framgångslayout och fokusväxling.
 */
.sjs-enquiry-complete>.elementor-form-fields-wrapper,.sjs-enquiry-complete>.elementor-message-success{display:none!important}
.sjs-enquiry-success{--sjs-success-background:#2f4638;--sjs-success-color:#fcfaf6;--sjs-success-accent:#d8dfce;background:var(--sjs-success-background);color:var(--sjs-success-color);padding:40px;scroll-margin-top:125px;font:14px/1.85 Manrope,sans-serif;overflow-wrap:anywhere}
.sjs-enquiry-success:focus{outline:2px solid var(--sjs-success-background);outline-offset:5px}
.sjs-enquiry-success .sjs-success-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--sjs-success-accent);border-radius:50%;font-size:22px;color:var(--sjs-success-accent);margin-bottom:25px}
.sjs-enquiry-success p{color:inherit;margin:0 0 20px}
.sjs-enquiry-success .sjs-success-eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.8px;text-transform:uppercase;color:var(--sjs-success-accent);margin:0 0 16px}
.sjs-enquiry-success h3{font:400 43px/1.1 Newsreader,Georgia,serif;color:var(--sjs-success-color);letter-spacing:-.02em;margin:0 0 22px}
.sjs-enquiry-success .sjs-success-copy{font-size:12px;margin:25px 0}
.sjs-enquiry-success .sjs-success-copy strong{font-weight:600;font-size:14px}
.sjs-enquiry-success .sjs-success-next{border-top:1px solid var(--sjs-success-accent);padding-top:24px;margin-top:26px;font-size:12px}
.sjs-enquiry-success .sjs-success-next p{margin-bottom:10px}
.sjs-enquiry-success a,.sjs-enquiry-success a:visited{color:var(--sjs-success-color);text-decoration:underline;text-underline-offset:5px}
.sjs-enquiry-success a:is(:hover,:focus-visible){color:var(--sjs-success-accent)}
.sjs-enquiry-success a:focus-visible{outline:2px solid var(--sjs-success-accent);outline-offset:5px}
.sjs-enquiry-success .sjs-success-note{font-size:11px;line-height:1.8;color:var(--sjs-success-accent);margin:28px 0 0}
.sjs-success-editor-preview{margin-top:30px}
/* CSS-undantag: sjs-activity-svg-icons
 * Syfte: Hålla pilar och statusikoner som skalbara linjeikoner även på iPhone.
 * Omfattning: Endast interna SVG-ikoner i aktivitetsmodulen och dess tackkort.
 * Begränsning i Elementor: Dynamiskt genererade aktivitetsval och tackkort saknar separata Atomic-element för varje ikon.
 * Kan tas bort när: Widgetens interna ikoner kan styras med motsvarande native underkontroller.
 */
:is(.sjs-activities,.sjs-enquiry-success) .sjs-ui-icon{display:inline-block;width:16px;height:16px;flex:none;vertical-align:-3px;fill:none;color:inherit}
.sjs-category-open .sjs-ui-icon{width:18px;height:18px}
.sjs-toggle{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.sjs-toggle .sjs-ui-icon{width:20px;height:20px}
.sjs-success-mark .sjs-ui-icon{width:24px;height:24px}
/* CSS-undantag: sjs-enquiry-confirmation
 * Syfte: Hålla framgångskortet läsbart på mobil.
 * Omfattning: Endast kortets interna standardpadding och rubrikstorlek under 620px.
 * Begränsning i Elementor: Pro Forms saknar detta interna framgångskort; registrerade responsiva kontroller kan ersätta standardvärdena.
 * Kan tas bort när: Native framgångskort har egna responsiva underkontroller.
 */
@media(max-width:620px){.sjs-enquiry-success{padding:29px 24px}.sjs-enquiry-success h3{font-size:35px}}