/* ===========================
   FONTER
   =========================== */

/* Inter Variable – latin */
@font-face {
  font-family: "Inter";
  src: url("/download/18.18861cd519992154eb39b378/1760082503610/Inter-VariableFont_opsz,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF;
}
/* Inter Variable – latin-ext (laddas vid behov)
@font-face {
  font-family: "Inter";
  src: url("/download/18.18861cd519992154eb39b378/1760082503610/Inter-VariableFont_opsz,wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-024F, U+1E00-1EFF;
}*/

/* Font Awesome 6 Free (Solid 900) */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/download/18.6bb54a5a17f6ba23c782018e/1646926681491/fa-solid-900.woff2') format('woff2');
}

/* ===========================
   VARIABLER & BAS
   =========================== */

/* SAMMANFOGAD :root */
:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";

  /* Brandfärger */
  --brand-900: var(--sotenas-brand-900); /* standardtema */
  --brand-800: #26447C;
  --brand-700: #4C6593;
  --brand-600: #7386AA;
  --brand-500: #99A7C1;
  --sotenas-brand-900:#002365;

  --tumlaren-brand-900: #003b4a;
  --tumlaren-brand-800: #26447C;
  --tumlaren-brand-700: #38717f;
  --tumlaren-brand-600: #7386AA;
  --tumlaren-brand-500: #99A7C1;


  /* Länkar/border */
  --link-color: #29a2f7;
  --border-color: #666666;

  /* Ikon-utils */
  --circle-size: 70px;
  --icon-size: 24px;
  --default-icon-color: #555555;
}

html { font-optical-sizing: auto; }
body { font-family: var(--font-sans); font-synthesis: none; }



/* När tumlaren-temat är aktivt */
.sv-theme-tumlaren {
  --brand-900: var(--tumlaren-brand-900);
  --brand-800: var(--tumlaren-brand-800);
  --brand-700: var(--tumlaren-brand-700);
  --brand-600: var(--tumlaren-brand-600);
  --brand-500: var(--tumlaren-brand-500);
  --env-link-font-color: #ffffff;
}

.sv-theme-tumlaren a.subheading,
.sv-theme-tumlaren h2 a,
.sv-theme-tumlaren .subheading a {
    color: var(--brand-900);
    text-decoration: none;
}

.h1-hero {
  background-color: var(--brand-900);
  border-radius: 0 20rem 20rem 0;
  display: inline-block;
  font-size: clamp(2rem, 2vw, 2rem);
  margin-bottom: 0;
  max-width: 40ch;
  padding: 1.5em;
}

/* Pilstils-länkar i sidfot */
.sv-font-sidfot-lankar-med-pil-svart:after,
.sv-font-sidfot-lankar-med-pil-vit:after {
  margin-left: 0.75em;
  font-size: 0.60em;
  vertical-align: middle;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f105";
}
.sv-font-text-bla:after {
  margin-left: 0.75em;
  font-size: 0.60em;
  vertical-align: middle;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color:#002365;
  content: "\f105";
}
.PN3kf117vgdDbNBzt8nU {
  display: none!important;
}
.relateradInformation { padding-bottom: 5px; }

.show { display: block; }

/* ===========================
   Sökfält
   =========================== */

/* SAMMANFOGAD .search-box */
.search-box{
  width:70%; height:48px;
  font-family:'Inter','PT Sans', arial, helvetica, sans-serif;
  font-size:100%; line-height:1.0;
  border:0; box-sizing:border-box;
  padding:29px 20px 20px 5px;
  border-bottom:1px solid var(--border-color);
  outline:0; -webkit-box-shadow:none!important; box-shadow:none!important;
  color:#000000 !important;
}
.search-box::placeholder{
  font-family:'Inter','PT Sans', arial, helvetica, sans-serif; font-size:100%;
}
.search-box-select{
  width:100%; padding:15px; height:48px; color:#000000;
  font:16px/1.0 'Inter','PT Sans', arial, helvetica, sans-serif;
}

/* SAMMANFOGAD .search-box-button */
.search-box-button{
  border:none; background:none; cursor:pointer; text-align:center;
  text-transform:uppercase;
  font:16px/1.0 'Inter','PT Sans', arial, helvetica, sans-serif;
}
.search-box-button::before{
  font-family:'Font Awesome 6 Free'; font-weight:900;
  color:#555555; font-size:24px; transition:color .3s ease;
  content:'\f002';
  display:flex; align-items:center; justify-content:center;
  width:70px; height:70px; border:2px solid #555555; border-radius:50%;
  background-color:transparent;
}

/* Top Action */
.sol-top-action-links{ display:flex; justify-content:center; align-items:center; }
.sol-top-action-button{
  margin: 0 1em; appearance:none; background:0 0; border:none;
  display:flex; justify-content:center; align-items:center; flex-direction:column;
  font-size:1rem!important; padding:20px; font-family:'Inter','PT Sans', arial, helvetica, sans-serif;
  font-weight:500; text-align:center; color:#555555; cursor:pointer; text-decoration:none;
  line-height:normal; min-width:70px; position:relative; white-space:nowrap;
}

/* Länkar */
a { color: var(--link-color); text-decoration:none; transition:color .3s ease; }
a:hover { color: #29a2f7; }

/* Rek-länkar */
a.rek-link.normal{
  text-decoration:none!important; border:2px solid #002365; border-radius:3rem; height:2rem;
  align-items:center; margin-right:.625rem; margin-top:.625rem; display:inline-flex;
  padding:0 15px; font-size:.95em; font-weight:bold;
}

/* List-item env */
.env-list__item { list-style-type:none; margin:0; }

/* ===========================
   Navigation & overlay
   =========================== */
.env-nav--menubar .env-nav__link{
  font-family:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color:var(--brand-900); font-weight:700; font-size:85%;
}
.xezF9ru3TE5SSITf2YSh{
  position:fixed; z-index:2147483647; background-color:transparent!important;
  top:80px!important; right:0; bottom:0; left:0; width:100%;
  padding-left:0!important; padding-right:0!important;
  overflow-x:hidden; overflow-y:auto;
}



/* Mega-menyn */
.SBnE8X_5uU5yUCP4RBVU{
  color:#fff !important; text-decoration:none; line-height:1.5;
  background:var(--brand-900); min-height:0 !important;
}
.SBnE8X_5uU5yUCP4RBVU ul{
  padding-left:0 !important; font-size:16px; background:var(--brand-800);
}
.SBnE8X_5uU5yUCP4RBVU ul li{ font-size:16px; background:var(--brand-700); }
.SBnE8X_5uU5yUCP4RBVU ul li a{ margin-left:16px; font-size:16px; }
.SBnE8X_5uU5yUCP4RBVU ul li li a{ margin-left:32px; font-size:16px; }
.SBnE8X_5uU5yUCP4RBVU ul li li li a{ margin-left:48px; font-size:16px; }
.SBnE8X_5uU5yUCP4RBVU ul li li{ font-size:16px; background:var(--brand-600); }
.SBnE8X_5uU5yUCP4RBVU ul li li li{ font-size:16px; background:var(--brand-500); }

/* ===========================
   Ikonknappar (rund)
   =========================== */
.icon-button{
  border:2px solid var(--border-color);
  background-color:transparent;
  height:var(--circle-size); width:var(--circle-size); border-radius:50%;
  cursor:pointer; display:flex; justify-content:center; align-items:center;
  transition:background-color .3s ease, border-color .3s ease;
}
.icon-button::before{
  font-family:'Font Awesome 6 Free'; font-weight:900; font-size:var(--icon-size);
  color:var(--default-icon-color); transition:color .3s ease;
  content: attr(data-icon);
}
.icon-button:hover{ background-color:var(--brand-900); border-color:var(--brand-900); }
.icon-button:hover::before{ color:#fff; } /* gör ikonen vit vid hover */

/* ===========================
   Ikoner – EN källa per klass
   =========================== */
.e-tjanster::before        { content: "\f5fc"; } /* laptop */
.bygglov::before           { content: "\f1ad"; } /* building (senaste) */
.jobba-hos-oss::before     { content: "\f0b1"; } /* briefcase */
.turism-evenemang::before  { content: "\f5ca"; } /* umbrella-beach */
.synpunkter-fel::before    { content: "\f7d9"; } /* screwdriver-wrench */
.fullmaktige::before       { content: "\f66f"; } /* landmark */
.barnomsorg::before        { content: "\f1ae"; } /* children */
.batplats::before          { content: "\f13d"; } /* anchor */
.serveringstillstand::before{ content: "\f57b"; } /* martini-glass */
.bulletin::before          { content: "\f08d"; } /* notice */
.sakerhet-beredskap::before { content: "\f3ed"; } /* shield-halved */
.kartportal::before        { content: "\f5a0"; } /* map-location-dot */
 .industriell-symbios::before{ content: "\f1b8"; } /* recycle */
.social-symbios::before     { content: "\f2b5"; } /* handshake */
.projekt::before            { content: "\f0ae"; } /* tasks */
.industriell::before { content: '\f534'; } /* Infinity */
.blue-school::before     { content: "\f773"; } /* crab */
.sjomatskluster::before  { content: "\f578"; } /* fish */
.facebook-ikon::before        { content: "\f004"; } /* facebook-f */
.linkedin-ikon::before        { content: "\f0b1"; } /* linkedin */




.facebook::before  { content: '\f09a'; font-family: 'Font Awesome 5 Brands'; }
.instagram::before { content: '\f16d'; font-family: 'Font Awesome 5 Brands'; }

.contactIcon:before{
  margin-right:.5em; font-size:1.5em; vertical-align:middle;
  font-family:"Font Awesome 6 Free"; font-weight:900; content:"\f2bb";
}

/* Cirkellikoner */
.icon-circle::before{
  font-family:'Font Awesome 6 Free'; font-weight:900; color:#666; font-size:32px;
  transition: all .3s ease; display:flex; align-items:center; justify-content:center;
  width:100px; height:100px; border:2px solid #666; border-radius:50%;
  background-color:transparent; margin-bottom:.5em;
}
.icon-circle:hover::before{ background-color:#002365; color:#fff; border-color:#002365; }

/* Några ikon-content-mappningar */
.evenemang::before { content:'\f073'; }
.recover::before   { content:'\f1b8'; }
.anslagstavla::before { content:'\f303'; }
.simhall::before   { content:'\f5c5'; }
.ledigajobb::before{ content:'\f0b1'; }
.symbioscentrum::before { content:'\f1b8'; }
.bibliotek::before { content: '\f518';}
.badplatser::before { content: '\f5c4';}
 .atervinning::before { content: '\f1b8';}

/* Runda ikoner med ring – block för sektioner */
.e-services::before,
.tumlaren-boka::before,
.tumlaren-oppettider::before,
.tumlaren-evenemang::before,
.search-mobile::before,
.listen::before,
.contact::before{
  font-family:'Font Awesome 6 Free'; font-weight:900; color:#555555; font-size:24px;
  transition:color .3s ease;
  display:flex; align-items:center; justify-content:center;
  width:70px; height:70px; border:2px solid #555555; border-radius:50%;
  background-color:transparent; margin-bottom:.5em;
}
.e-services::before        { content:'\f5fc'; }
.tumlaren-boka::before     { content:'\f073'; }
.tumlaren-oppettider::before{ content:'\f017'; }
.tumlaren-evenemang::before{ content:'\f559'; }
.listen::before            { content:'\f025'; }
.contact::before           { content:'\f0e0'; }
.search-mobile::before				{content:'\f002';}

/* Gemensam hover för ringikoner */
.search-mobile::before,
.listen:hover::before,
.contact:hover::before,
.e-services:hover::before,
.search-box-button:hover::before,
.tumlaren-boka:hover::before,
.tumlaren-oppettider:hover::before,
.tumlaren-priser:hover::before,
.tumlaren-evenemang:hover::before{
  background-color:var(--brand-900); color:#ffffff; border-color:var(--brand-900);
}
.email::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0e0";
    margin-right: 8px;
    color: #fff;
}

.phone::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 8px;
    color: #fff;
}



/* ===========================
   Sol Expandable (ljusläge)
   =========================== */
.sol-expandable{
  --sol-accent:#002365;
  --sol-font:'Inter','PT Sans', arial, helvetica, sans-serif;
  position:relative; margin-bottom:10px; background:var(--sol-accent);
  border-radius:10px; overflow:hidden; color:#fff;
}
.sol-expandable__header{
  appearance:none; background:transparent; border:0; position:relative; display:block; width:100%;
  padding:18px 60px 18px 20px; cursor:pointer; text-align:left;
  font:700 100%/1.4 var(--sol-font); color:#fff;
}
.sol-expandable__header::after{
  content:"\f067"; font-family:"Font Awesome 6 Free"; font-weight:300; font-size:1.25rem;
  position:absolute; top:0; bottom:0; right:0; width:55px; display:flex; align-items:center; justify-content:center;
  color:#fff; background:#002365;
}
.sol-expandable__header--active::after,
.sol-expandable__header[aria-expanded="true"]::after { content:"\f068"; }
.sol-expandable__content,
.sol-expandable .sv-decoration-content{
  display:none; padding:10px 20px; color:#fff;
}
.sol-expandable__header--active + .sol-expandable__content,
.sol-expandable__header[aria-expanded="true"] + .sol-expandable__content{ display:block; }
.sol-expandable__header:focus-visible,
.sol-expandable__header:hover{ outline:2px solid rgba(255,255,255,.35); outline-offset:2px; }

 .sol-light-expandable{
  --sol-accent:#002365;
  --sol-font:'Inter','PT Sans', arial, helvetica, sans-serif;
  position:relative;
  margin-bottom:10px;
  background:transparent; /* 🆕 transparent bakgrund */
  border-radius:10px;
  border:1px solid var(--sol-accent);
  overflow:hidden;
  color:var(--sol-accent); /* blå text */
}

.sol-light-expandable__header{
  appearance:none;
  background:transparent;
  border:0;
  position:relative;
  display:block;
  width:100%;
  padding:18px 60px 18px 20px;
  cursor:pointer;
  text-align:left;
  font:700 100%/1.4 var(--sol-font);
  color:var(--sol-accent); /* blå text */
}

.sol-light-expandable__header::after{
  content:"\f067";
  font-family:"Font Awesome 6 Free";
  font-weight:300;
  font-size:1.25rem;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:55px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--sol-accent); /* blå ikon */
  background:transparent;
  border-left:1px solid var(--sol-accent); /* blå kant */
}

.sol-light-expandable__header--active::after,
.sol-light-expandable__header[aria-expanded="true"]::after{
  content:"\f068";
}

.sol-light-expandable__content,
.sol-light-expandable .sv-decoration-content{
  display:none;
  padding:10px 20px 18px;
  color:var(--sol-accent); /* blå text */
  background:transparent; /* 🆕 transparent bakgrund */
  border-top:1px solid rgba(0,35,101,.15);
}

.sol-light-expandable__header--active + .sol-light-expandable__content,
.sol-light-expandable__header[aria-expanded="true"] + .sol-light-expandable__content{
  display:block;
}

.sol-light-expandable__header:focus-visible,
.sol-light-expandable__header:hover{
  outline:2px solid rgba(0,35,101,.35);
  outline-offset:2px;
}


/* ===========================
   Embed wrap
   =========================== */
.embed-wrap{ position:relative; width:100%; min-height:100vh; }
.embed-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }


/* ===========================
   Sotenäs – Dark mode (sammanslagen)
   =========================== */
@media (prefers-color-scheme: dark) {
  :root{
    --bg-color:#0f1115;
    --surface-color:#1a1d23;
    --surface-2:#1f232a;
    --text-color:#e6e8ea;
    --text-secondary:#a0a4ab;
    --link-color:#4ea8de;
    --link-hover:#73c0f1;
    --focus-color:#2dd4bf;
  }

  html { color-scheme: dark; }
  body{
    background-color:var(--bg-color);
    color:var(--text-color);
    font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  }

  /* Rubriker, inkl. h1-hero */
  h1, h2, h3, h4, h5, h6,
  .heading, .page-heading, .section-heading,
  [class*="heading-"], [class*="rubrik"],
  .sv-font-ledtext-rubrik-1, .sv-font-ledtext-rubrik-2,
  .sv-font-ledtext-rubrik-3, .sv-font-ledtext-rubrik-4,
  .h1-hero {
    color: var(--text-color) !important;
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  }

  /* Länkar & fokus */
  a { color: var(--link-color); }
  a:hover { color: var(--link-hover); }
  a:focus-visible { outline:2px solid var(--focus-color); outline-offset:2px; }

  /* Mindre brödtext */
  .sv-font-mindre-brodtext {
    color: var(--text-color) !important;
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji" !important;
  }
  .sv-font-mindre-brodtext a { color: var(--link-color) !important; text-decoration: underline; }
  .sv-font-mindre-brodtext a:hover { color: var(--link-hover) !important; }

  /* Ledtext-rubrik-3 */
  .sv-font-ledtext-rubrik-3 { color: var(--text-color) !important; }
  a.sv-font-ledtext-rubrik-3, .sv-font-ledtext-rubrik-3 a { color: var(--link-color) !important; }
  a.sv-font-ledtext-rubrik-3:hover, .sv-font-ledtext-rubrik-3 a:hover { color: var(--link-hover) !important; }

  /* Nolla inline svart text */
  [style*="color: #000"], [style*="color:#000"] { color: var(--text-color) !important; }

  /* Ytor & komponenter */
  .card, .box, .panel, .sv-decoration-content, .sv-portlet, .sv-layout, .sv-text-portlet,
  .env-list__item, .news-list, .sv-news-portlet, .sv-list, .sv-list__item {
    background-color: var(--surface-color) !important;
    color: var(--text-color) !important;
  }

  /* Expandable (dark) – sammanslaget */
  .sol-expandable{
    border:1px solid var(--border-color);
    position:relative; margin-bottom:10px;
    background: var(--surface-color);
    color: var(--text-color);
    border-radius:10px;
  }
  .sol-expandable__header{
    appearance:none; background:transparent; border:none; position:relative;
    padding:18px 60px 18px 20px; font-size:1.125rem; font-weight:700; font-family:quicksand, sans-serif;
    cursor:pointer; width:100%; text-align:left; margin-bottom:-1px; color:var(--text-color);
  }
  .sol-expandable__header::after{
    font-family:"Font Awesome 6 Free"; font-weight:300; content:"\f067";
    display:flex; align-items:center; justify-content:center;
    position:absolute; right:0; top:0; bottom:0; width:55px; font-size:1.25rem;
    background-color:var(--link-color); color:#fff; border-radius:0 10px 10px 0;
  }
  .sol-expandable__header--active::after,
  .sol-expandable__header[aria-expanded="true"]::after{
    content:"\f068"; border-bottom-right-radius:0;
  }
  .sol-expandable .sv-decoration-content,
  .sol-expandable__content{
    padding:10px 20px; display:none; color:var(--text-color);
    background-color: var(--surface-2); border-radius:0 0 10px 10px;
  }

 .sol-light-expandable {
    border-color: #fff;
  }

  .sol-light-expandable__header {
    color: #fff; /* om texten ska förbli blå: ta bort denna rad */
  }

  .sol-light-expandable__header::after {
     font-family:"Font Awesome 6 Free"; font-weight:300; content:"\f067";
    display:flex; align-items:center; justify-content:center;
    position:absolute; right:0; top:0; bottom:0; width:55px; font-size:1.25rem;
    background-color:var(--link-color); color:#fff; border-radius:0 10px 10px 0;
  }

  .sol-light-expandable__content {
    border-top-color: rgba(255,255,255,.25); /* lätt vit ton */
    color: #fff; /* ta bort om text inte ska ändras */
  }

  /* Meny */
  .env-nav--menubar .env-nav__link { color:#cfe3ff !important; }

  /* “Pill” länkar */
  a.rek-link.normal{ color:var(--text-color) !important; background:transparent !important; }
  a.rek-link.normal:hover{ color:var(--link-hover) !important; }

  /* Knappar/etiketter */
  .cs-button .label{
    display:block; font-size:14px; color:var(--text-color);
    font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  }
  .cs-button--primary .label, .cs-button.primary .label { color:#fff; }
  .cs-button--ghost .label, .cs-button.ghost .label,
  .cs-button--secondary .label, .cs-button.secondary .label { color:var(--text-color); }
  .cs-button:hover .label{ color:var(--link-hover); }
  .cs-button[disabled] .label, .cs-button.is-disabled .label { color:var(--text-secondary); }

  /* List-rader */
  .WM71oxaw1IkozHAj3Ycf{ color:var(--text-color); background-color:transparent; }
  .WM71oxaw1IkozHAj3Ycf a{ color:inherit; }
  .WM71oxaw1IkozHAj3Ycf:hover{ background-color:rgba(255,255,255,.04); }

  /* Inputs & placeholders */
  .search-box, .search-box-select,
  .a5-email-form input[type], .a5-email-form textarea,
  .a5-email-form input[type="text"], .a5-email-form input[type="tel"], .a5-email-form input[type="email"]{
    background-color: var(--surface-color);
    color: var(--text-color) !important;
    box-shadow:none;
  }
  .search-box::placeholder, .search-box-select::placeholder,
  .a5-email-form input[type]::placeholder, .a5-email-form textarea::placeholder { color: var(--text-secondary); }
  .search-box-button{ background:none; border:none; }
  .search-box-button::before{ color: var(--text-secondary); }

  /* Ikonknappar/cirklar */
  .icon-button{ background-color:transparent; }
  .icon-button::before{ color: var(--text-secondary); }
  .icon-button:hover{ background-color:#002365; }
  .icon-button:hover::before{ color:#fff; }

  .icon-circle::before{ color:var(--text-secondary); background-color:transparent; }
  .icon-circle:hover::before{ background-color:#002365; color:#fff; }

  .listen::before, .contact::before, .e-services::before, .search-box-button::before, .tumlaren-boka::before, .tumlaren-oppettider::before, .tumlaren-evenemang::before{
    background:transparent; color: var(--text-color);
  }
  .listen:hover::before, .contact:hover::before, .e-services:hover::before, .search-box-button:hover::before, .tumlaren-boka:hover::before, .tumlaren-oppettider:hover::before, .tumlaren-evenemang:hover::before{
    background:#002365; color:#fff;
  }

  /* Footer / cookies */
  footer, .site-footer, .sv-footer, [class*="footer"],
  [id*="cookie"], .cookie-consent, .sv-cookie-consent{
    background-color: var(--surface-color) !important; color: var(--text-color) !important;
  }

  /* Ta bort specifik footer-bild i DM */
  footer img[src*="sidfot%20topp.webp"],
  footer img[src*="sidfot topp.webp"],
  footer picture source[srcset*="sidfot%20topp.webp"],
  footer picture source[srcset*="sidfot topp.webp"]{ display:none !important; }
  footer [style*="sidfot%20topp.webp"],
  footer [style*="sidfot topp.webp"]{ background-image:none !important; }

  /* Patchar – .normal, Inter överallt, toppvåg, undermeny */
  .normal, a.normal, .normal *{
    color: var(--text-color) !important;
    font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji" !important;
  }
  a.rek-link.normal { color: var(--text-color) !important; }

  html body :where(p, a, li, span, div, strong, em, small, blockquote, code, pre,
    h1, h2, h3, h4, h5, h6, label, legend, dt, dd, figcaption,
    button, input, select, textarea, th, td, caption){
    font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji" !important;
    color: var(--text-color);
  }
  :where(.fa,.fas,.far,.fal,.fad,.fab,[class^="fa-"],[class*=" fa-"]){ font-family:inherit !important; }

  .toppvag, #toppvag, [class*="toppvag"], [class*="toppvåg"]{
    display:none !important; background-image:none !important;
  }

  .undermeny, #undermeny, [class*="undermeny"]{ color:var(--text-color) !important; }
  .undermeny a, #undermeny a, [class*="undermeny"] a{ color:var(--link-color) !important; text-decoration:none; }
  .undermeny a:hover, #undermeny a:hover, [class*="undermeny"] a:hover{ color:var(--link-hover) !important; }

  /* env-list – dark */
  .env-list__item{
    background-color: var(--surface-color) !important;
    color: var(--text-color) !important;
  }
  .env-list__item h1, .env-list__item h2, .env-list__item h3, .env-list__item h4,
  .env-list__item h5, .env-list__item h6, .env-list__item [class*="rubrik"],
  .env-list__item [class*="heading"]{
    color:var(--text-color) !important;
    font-family:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                 Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  }
  .env-list__item a{ color:var(--link-color) !important; text-decoration:none; }
  .env-list__item a:hover{ color:var(--link-hover) !important; }
  .env-list__item a:focus-visible{ outline:2px solid var(--focus-color); outline-offset:2px; }
  .env-list__item i, .env-list__item [class*="fa-"], .env-list__item .icon,
  .env-list__item::before, .env-list__item::after{ color:var(--text-secondary) !important; }

  /* Övrigt */
  .c2456, .c2152, .c2495, .c3030 { background: none !important; }


	.env-button.env-button--icon .env-icon {
        stroke: #fff;
        fill: #fff;
        color: #fff;
    }

      .sv-newslist .sv-newslist__gallery-item article {

    background-color: transparent !important;
  }
   table.sv-table-type-standard-tumlaren caption,
  .sv-blog-portlet table.sv-table-type-standard-tumlaren caption,
  .sv-archive-portlet table.sv-table-type-standard-tumlaren caption,
  .sv-text-portlet table.sv-table-type-standard-tumlaren caption{
    color: #d1d5db;              /* Ljusgrå – bra kontrast på mörk bakgrund */
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 110%;
    font-style: normal;
    line-height: 1.4;            /* Bättre läsbarhet i dark mode */
  }

.sv-linklist-portlet table.sv-table-type-standard-tumlaren td p,
  .sv-blog-portlet table.sv-table-type-standard-tumlaren td p,
  .sv-archive-portlet table.sv-table-type-standard-tumlaren td p,
  .sv-text-portlet table.sv-table-type-standard-tumlaren td p {
    color: #d1d5db;
  }

 .sv-text-portlet table.sv-standard td p, .sv-linklist-portlet table.sv-standard td p a,
  .sv-blog-portlet table.sv-standard td p a,
  .sv-archive-portlet table.sv-standard td p a,
  .sv-text-portlet table.sv-standard td p a {
    color: inherit !important; /* "klickar ur" färgen i dark mode */

  }

  ul.sv-autocomplete-search-result .sv-autocomplete-result-item {
      color: #ffffff;
      background-color: #1e1e1e;
  }

  ul.sv-autocomplete-search-result .sv-autocomplete-result-item:hover {
      background-color: #333333;
  }

}


@media (max-width: 768px) {
  .c1957 {
    position: sticky;
    top: 0;
    z-index: 10;
     display: flex;
    justify-content: center; /* centrerar horisontellt */

  }
   .sol-top-action-button {
    margin: 0;
    padding:7px;
   }

.sv-theme-tumlaren .env-button--link,
  .sv-theme-tumlaren .env-button--link:active,
  .sv-theme-tumlaren .env-button--link:focus,
  .sv-theme-tumlaren .env-button--link:hover {
      color: #ffffff !important;
  }
    .c2534 {
        position: absolute;
        right: 17px;
        top: 120px;
    }

    #svid10_18861cd519992154eb39c18b, #svid10_48383f7519a4bcf9fde13124 {
        height: 30vh; /* motsvarar 30% av skärmhöjden */
    }

   .sv-font-nyhetsrubrik-h2 {
         height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin:0;
    }
}

   @media (min-width: 1500px) {
  .c2495 {
    display: none !important;
  }
}

   .sv-newslist .sv-newslist__gallery-item__image {

    position: relative !important;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

/* ===========================
   Puffmeny
   =========================== */

/* Puffmeny ovanpå herobilden */
nav[aria-label="Puffmeny"] {
  position: relative;
  margin-top: -100px;
  z-index: 10;
}

/* Puffkort */
nav[aria-label="Puffmeny"] a {
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 8px;
  text-decoration: none;
  box-shadow:
    0 3px 6px rgba(0,0,0,0.08),
    0 10px 20px rgba(0,0,0,0.12);
  transition: all 0.2s ease;
}

/* Rubriker Leva och bo*/
nav[aria-label="Puffmeny"] h2 {
    margin: 0;
    padding: 0 20px;
    text-align: center;
    color: #013469;
    font-size: 1.5rem;
    font-weight: 700;
    transition: color 0.2s ease;
}

/* Hover */
nav[aria-label="Puffmeny"] a:hover {
    background-color: #013469;
    transform: translateY(-3px);
    box-shadow:
        0 6px 12px rgba(0,0,0,0.15),
        0 14px 28px rgba(0,0,0,0.20);
}

/* Vit text vid hover */
nav[aria-label="Puffmeny"] a:hover h2 {
    color: #ffffff !important;
}

/* Mobil */
@media (max-width: 767px) {
    nav[aria-label="Puffmeny"] {
        margin-top: -50px;
    }

    nav[aria-label="Puffmeny"] a {
        min-height: 110px;
    }

    nav[aria-label="Puffmeny"] h2 {
        font-size: 1.25rem;
    }
}

/* Markera aktuell sida */
nav[aria-label="Puffmeny"] a[aria-current="page"] {
    background-color: #013469;
    box-shadow:
        0 6px 12px rgba(0,0,0,0.15),
        0 14px 28px rgba(0,0,0,0.20);
}

nav[aria-label="Puffmeny"] a[aria-current="page"] h2 {
    color: #ffffff !important;
}

/* Hoppa till innehållet - dold tills den får fokus */
.skip a {
    position: fixed;
    left: -9999px;
    top: 0;
}

/* Visas när användaren tabbar till länken */
.skip a:focus,
.skip a:focus-visible {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;

    width: 100%;
    box-sizing: border-box;

    padding: 16px 20px;
    background-color:  var(--brand-900);
    color: #ffffff;

    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;

    text-align: center;
    text-decoration: underline;

    border: 3px solid #ffffff;
    outline: 3px solid #005a70;
    outline-offset: 0;

    z-index: 99999;
}

.keyboard-focus:focus {
  outline: 2px solid black;
}

nav[aria-label="Puffmeny"] h2 {
    margin: 0;
    padding: 0px;
    text-align: left !important;
    color: #013469;
    font-size: 1.5rem;
    font-weight: 700;
    transition: color .2s ease;
}

/* Puffmeny - innehåll alltid uppe och vänsterställt */

nav[aria-label="Puffmeny"] li > a {
    display: flex;
    align-items: flex-start !important;
    justify-content: space-between;
    text-align: left !important;
    padding: 24px 26px;
    box-sizing: border-box;
}

/* ==========================================
   PUFFMENY
   Rubrik + brödtext linjerar mellan puffarna
   ========================================== */

/* Själva puffen */
nav[aria-label="Puffmeny"] li > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 18px 50px 18px 16px;
    text-align: left !important;
}

/* Rubrik */
nav[aria-label="Puffmeny"] li > a h2 {
    margin: 0;
    padding: 0;
    
    color: #013469;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    
    text-align: left !important;

    /* 
       Samma rubrikhöjd på alla puffar.
       68px ger ungefär plats för två rader.
    */
    min-height: 68px;

    transition: color 0.2s ease;
}

/* Brödtext */
nav[aria-label="Puffmeny"] li > a p {
    margin: 8px 0 0 0;
    padding: 0;

    text-align: left !important;
    line-height: 1.25;
}

/* Pil / ikon */
nav[aria-label="Puffmeny"] li > a svg,
nav[aria-label="Puffmeny"] li > a i {
    position: absolute;
    top: 26px;
    right: 20px;
}

/* Hover */
nav[aria-label="Puffmeny"] li > a:hover h2 {
    color: #ffffff;
}

/* Tangentbordsfokus */
nav[aria-label="Puffmeny"] li > a:focus h2,
nav[aria-label="Puffmeny"] li > a:focus-visible h2 {
    color: #ffffff;
}

.fcbT4Gla2ggF6JI3umUg,
.fcbT4Gla2ggF6JI3umUg a {
    color: #000;
}

.fcbT4Gla2ggF6JI3umUg:hover,
.fcbT4Gla2ggF6JI3umUg:hover a {
    color: #fff;
}