/* ==========================================================================
   STORSTRØM · storstrom-wordpress.css · v1.3.0 (del af pluginet storstrom-nav)
   --------------------------------------------------------------------------
   Hjælpeklasser til Elementor – samme udseende som referencesiderne.
   Klassen skrives i widgettens eller containerens Avanceret → CSS-klasser.

   Specificitet: klasserne ligger over Elementors egne regler og Site Settings
   (kit, 0,2,0) – og over storstrom.dk's tema-CSS, hvor den rammer de samme
   elementer (se „sitets egen Elementor-CSS“ og „temaets linkstil“). Afstande og
   tekststørrelser står i widgetternes egne indstillinger og kan rettes dér.

   Farver: klasserne bruger sidens farver (--ss-…), som skifter til de blå
   tvillinger på erhvervssider (body.ss-erhverv sættes af pluginet).
   ========================================================================== */

/* ---------- sektioner (øverste container) ------------------------------------------
   ss-e-section på hver sektion: samme grundtekst som referencesiderne, uanset temaet
   (insu har 1,4 i linjehøjde og 18px tekst på store skærme) – og Elementors fire
   systemfarver følger sidens farver, så widgets med globale farver bliver blå på
   erhvervssider af sig selv. Kun inden for sektionerne: resten af sitet bruger stadig
   farverne fra Site Settings.
     Primær = Storstrøm-grøn · Sekundær = lysegrøn · Tekst = brødtekst · Accent = lys flade
   (samme roller som i sitets nuværende Site Settings: mørk, lys, tekst, lys flade) */
.e-con.ss-e-section {
  --e-global-color-primary: var(--ss-brand);
  --e-global-color-secondary: var(--ss-tint-200);
  --e-global-color-text: var(--ss-text);
  --e-global-color-accent: var(--ss-surface);
  color: var(--ss-brand);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* sitets skrift (Silka fra temaet) – også hvor Site Settings har valgt en anden (fx Roboto på knapper) */
.e-con.ss-e-section :is(.elementor-heading-title, .elementor-widget-text-editor, .elementor-icon-box-title, .elementor-icon-box-description, .elementor-icon-list-text, .elementor-button) { font-family: inherit; }
.e-con.ss-e-section .elementor-widget-text-editor p:first-child { margin-top: 0; }
.e-con.ss-e-section .elementor-widget-text-editor p:last-child { margin-bottom: 0; }

/* ---------- temaets linkstil ------------------------------------------------------
   Temaet (insu) giver alle links understregning, fed skrift og mørkegrøn farve
   (body .elementor a, a:visited – specificitet 0,1,2). Komponenternes links i HTML-widgets
   og shortcodes gentager derfor klassen: 0,2,0 – og 0,3,0 ved hover. */
.ss-btn.ss-btn,
.ss-tp.ss-tp,
.ss-trustline.ss-trustline,
.tpq-score.tpq-score,
.tpq-src.tpq-src,
.ss-news__all.ss-news__all,
.ss-stretch.ss-stretch,
.ss-callcard__phone.ss-callcard__phone,
.ss-callcard__mail.ss-callcard__mail { text-decoration: none; }
.ss-btn--primary.ss-btn--primary { color: #fff; }
.ss-btn--primary.ss-btn--primary:hover { color: var(--ss-brand); }
.ss-btn--outline.ss-btn--outline,
.ss-btn--light.ss-btn--light,
.ss-btn--tint.ss-btn--tint { color: var(--ss-brand); }
.ss-btn--outline.ss-btn--outline:hover,
.ss-btn--light.ss-btn--light:hover,
.ss-btn--outline-light.ss-btn--outline-light { color: #fff; }
.ss-btn--outline-light.ss-btn--outline-light:hover { color: var(--ss-brand); }
.ss-btn--tint.ss-btn--tint:hover { color: var(--ss-tint-200); }
.ss-tp.ss-tp,
.ss-trustline.ss-trustline,
.tpq-score.tpq-score { color: var(--ss-trustpilot); }
.ss-news__all.ss-news__all,
.ss-callcard__phone.ss-callcard__phone,
.ss-callcard__mail.ss-callcard__mail { color: var(--ss-brand); }
.ss-stretch.ss-stretch,
.tpq-src.tpq-src { color: inherit; }
.ss-callcard__mail.ss-callcard__mail:hover { text-decoration: underline; }

/* ---------- sitets egen Elementor-CSS (storstrom.dk) ----------------------------------
   Temaet og sitets tilpasninger styler Elementors widgets bredt: ikonbokse i grids (kant og
   hover-kant på widgetten, beskrivelsen 16px og 70 % gennemsigtig), ikonlister (17px/22px og luft
   om listen), overskrifts-widgets (4px luft) og Contact Form 7 (luft over formularen). Her
   nulstilles det inden for Storstrøm-sektionerne – med højere specificitet end sitets regler. */
.e-con.ss-e-section .e-grid > .elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action),
.e-con.ss-e-section .e-grid > .elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover { border: 0; transition: none; }
.e-con.ss-e-section .elementor-widget:is(.ss-e-product, .ss-e-action) .elementor-icon-box-content .elementor-icon-box-description { font-size: var(--ss-e-desc); opacity: 1; }
.e-con.ss-e-section .elementor-widget-heading > .elementor-widget-container { margin: 0; }
.e-con.ss-e-section .elementor-widget.ss-e-checklist.ss-e-checklist ul.elementor-icon-list-items,
.e-con.ss-e-section .elementor-widget.ss-e-checklist.ss-e-checklist li.elementor-icon-list-item { margin: 0; padding: 0; }
.e-con.ss-e-section .elementor-widget.ss-e-checklist.ss-e-checklist li.elementor-icon-list-item .elementor-icon-list-text { padding: 0; color: var(--ss-on-brand); font-family: inherit; font-size: 15.5px; font-weight: 500; line-height: 1.5; }
.e-con.ss-e-section .wpcf7 { margin: 0; padding: 0; }

/* ---------- flader (containere) --------------------------------------------- */
.e-con.ss-e-surface { background-color: var(--ss-surface); }
.e-con.ss-e-sand { background-color: var(--ss-sand-50); }
.e-con.ss-e-tint { background-color: var(--ss-tint-200); }
.e-con.ss-e-card { background-color: var(--ss-card); }
.e-con.ss-e-dark { background-color: var(--ss-brand); color: var(--ss-on-brand); }
.e-con.ss-e-dark :is(.elementor-heading-title, .elementor-icon-list-text) { color: #fff; }
.e-con.ss-e-dark .elementor-widget-text-editor { color: var(--ss-on-brand); }
.e-con.ss-e-dark .elementor-widget-text-editor a { color: #fff; }
/* hvid kasse inden i en mørk flade (formularkort) */
.e-con.ss-e-white { background-color: #fff; color: var(--ss-brand); scroll-margin-top: 24px; }
.e-con.ss-e-white .elementor-heading-title { color: var(--ss-brand); }

/* billede, der fylder sin container (hero, opkald, find vej) – hjørnerne sættes i Elementor */
.e-con.ss-e-fill { position: relative; overflow: hidden; background-color: var(--ss-tint-50); }
.e-con.ss-e-fill > .elementor-widget-image,
.e-con.ss-e-fill > .e-con-inner > .elementor-widget-image { position: absolute; inset: 0; margin: 0; }
.e-con.ss-e-fill .elementor-widget-image :is(a, img) { display: block; width: 100%; height: 100%; }
.e-con.ss-e-fill .elementor-widget-image img { max-width: none; border-radius: 0; object-fit: cover; object-position: var(--ss-focus, center); }

/* fokuspunkt for beskårne billeder: ss-fokus-10 = vandret midte, 10 % fra toppen */
.ss-fokus-0 { --ss-focus: center 0%; }
.ss-fokus-5 { --ss-focus: center 5%; }
.ss-fokus-10 { --ss-focus: center 10%; }
.ss-fokus-15 { --ss-focus: center 15%; }
.ss-fokus-20 { --ss-focus: center 20%; }
.ss-fokus-25 { --ss-focus: center 25%; }
.ss-fokus-30 { --ss-focus: center 30%; }
.ss-fokus-35 { --ss-focus: center 35%; }
.ss-fokus-40 { --ss-focus: center 40%; }
.ss-fokus-45 { --ss-focus: center 45%; }
.ss-fokus-50 { --ss-focus: center 50%; }
.ss-fokus-55 { --ss-focus: center 55%; }
.ss-fokus-60 { --ss-focus: center 60%; }
.ss-fokus-65 { --ss-focus: center 65%; }
.ss-fokus-70 { --ss-focus: center 70%; }
.ss-fokus-75 { --ss-focus: center 75%; }
.ss-fokus-80 { --ss-focus: center 80%; }
.ss-fokus-85 { --ss-focus: center 85%; }
.ss-fokus-90 { --ss-focus: center 90%; }
.ss-fokus-95 { --ss-focus: center 95%; }
.ss-fokus-100 { --ss-focus: center 100%; }
/* HTML-widget i et billede (Trustpilot-pillen): placeres i forhold til billedets container */
.e-con.ss-e-fill > .elementor-widget-html,
.e-con.ss-e-fill > .e-con-inner > .elementor-widget-html { position: static; }

/* kontakt-hero: mørk flade med Storstrøm-symbolet bag indholdet */
/* overflow: clip – ikke hidden. Et element med overflow: hidden kan stadig scrolles af browseren:
   et hop til #tilbud scroller heroen indvendigt, så toppen af teksten forsvinder og ikke kommer igen. */
.e-con.ss-e-contact-hero { position: relative; overflow: hidden; overflow: clip; }
.e-con.ss-e-contact-hero > :not(.ss-e-symbol),
.e-con.ss-e-contact-hero > .e-con-inner > :not(.ss-e-symbol) { position: relative; z-index: 1; }
.elementor-widget.ss-e-symbol { position: absolute; inset: 0; z-index: 0; margin: 0; pointer-events: none; }

/* overskrift, der brydes i lige lange linjer (Overskrift-widget) */
.elementor-widget.ss-e-balance .elementor-heading-title { text-wrap: balance; }

/* ---------- layout ved designets egne brudpunkter ------------------------------------------
   Elementors tablet-brudpunkt er 1024px, men designet skifter ved andre bredder: fliserne ved
   920px, produktkortene ved 960 og 620px, kontaktkortene ved 900 og 620px, opkald, kontakt og
   „Find vej“ ved 900px, tilbudsformularen ved 1100px, zigzag ved 820px og anmeld skade („Godt at
   vide“ og sidehovedet ved 900px, akut hjælp ved 1100 og 620px). Klasserne sætter
   Elementors egne variabler (kolonner, afstand, padding) ved de bredder, så siderne ser ud
   som referencen i alle bredder – også på en iPad på langs (1024px). Resten af mobilen
   (≤ 767px) står i Elementor. */
.ss-ratio-56 { --ss-e-ratio: 16 / 9; }
.ss-ratio-63 { --ss-e-ratio: 1280 / 803; }
.ss-ratio-67 { --ss-e-ratio: 3 / 2; }
.ss-ratio-75 { --ss-e-ratio: 4 / 3; }
@media (max-width: 1279.98px) {
  .elementor .e-con.ss-e-contact-hero.ss-e-contact-hero { --border-radius: 24px; }
}
@media (max-width: 1100px) {
  .elementor .e-con.ss-e-contact-hero--form.ss-e-contact-hero--form { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 32px; --column-gap: 32px; }
  .elementor .e-con.ss-e-formcard.ss-e-formcard { --width: min(100%, 640px); }
  .elementor .e-con.ss-e-faqgrid.ss-e-faqgrid { --column-gap: 48px; }
  .elementor .e-con.ss-e-akutbox.ss-e-akutbox { --e-con-grid-template-columns: minmax(0, 1fr); }
  .elementor .e-con.ss-e-akutlist--3.ss-e-akutlist--3 { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .elementor .e-con.ss-e-products.ss-e-products { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)); --row-gap: 18px; --column-gap: 18px; }
}
@media (max-width: 920px) {
  .elementor .e-con.ss-e-popular.ss-e-popular { --padding-top: 44px; --padding-bottom: 56px; }
  .elementor .e-con.ss-e-popular__box.ss-e-popular__box { --padding-top: 26px; --padding-right: 18px; --padding-bottom: 24px; --padding-left: 18px; }
  .elementor .e-con.ss-e-tiles.ss-e-tiles { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)); --row-gap: 12px; --column-gap: 12px; }
}
@media (max-width: 900px) {
  .elementor .e-con.ss-e-callback.ss-e-callback { --e-con-grid-template-columns: minmax(0, 1fr); }
  .elementor .e-con.ss-e-callback__media.ss-e-callback__media { --order: -99999; --min-height: 0px; aspect-ratio: 16 / 9; }
  .elementor .e-con.ss-e-contact-hero.ss-e-contact-hero { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 32px; --column-gap: 32px; --padding-top: 46px; --padding-bottom: 46px; }
  .elementor .e-con.ss-e-actions.ss-e-actions { --e-con-grid-template-columns: repeat(2, minmax(0, 1fr)); --row-gap: 18px; --column-gap: 18px; }
  .elementor .e-con.ss-e-visit.ss-e-visit { --e-con-grid-template-columns: minmax(0, 1fr); }
  .elementor .e-con.ss-e-visit__photo.ss-e-visit__photo { aspect-ratio: var(--ss-e-ratio, 3 / 2); }
  .elementor .e-con.ss-e-faqgrid.ss-e-faqgrid { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 18px; --column-gap: 18px; }
  .elementor .e-con.ss-e-claimhead.ss-e-claimhead { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 24px; --column-gap: 24px; }
  .elementor .e-con.ss-e-akuttop.ss-e-akuttop { --width: min(100%, 560px); max-width: 560px; }
}
@media (max-width: 820px) {
  .elementor .e-con.ss-e-split.ss-e-split { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 24px; --column-gap: 24px; }
  .elementor .e-con.ss-e-split.ss-e-split > .elementor-widget-image { --order: -99999; }   /* billedet øverst */
}
@media (max-width: 767px) {
  .elementor .e-con.ss-e-contact-hero.ss-e-contact-hero { --border-radius: 20px; --padding-top: 36px; --padding-right: 20px; --padding-bottom: 24px; --padding-left: 20px; }
}
@media (max-width: 620px) {
  .elementor .e-con.ss-e-products.ss-e-products,
  .elementor .e-con.ss-e-actions.ss-e-actions,
  .elementor .e-con.ss-e-akutlist.ss-e-akutlist,
  .elementor .e-con.ss-e-akutlist--3.ss-e-akutlist--3 { --e-con-grid-template-columns: minmax(0, 1fr); --row-gap: 12px; --column-gap: 12px; }
}

/* ---------- knapper (Knap-widget) --------------------------------------------
   ss-e-btn = fyldt. Tilføj én variant: ss-e-btn--outline, --light (hvid på
   mørk flade), --outline-light, --tint (lys knap på mørk flade).
   Størrelse: ss-e-btn--sm. Fuld bredde: ss-e-btn--block. Ingen pil på knapper.
   .elementor foran: temaet giver alle knapper i størrelse „sm“ padding og radius (0,3,2). */
.elementor .elementor-widget.ss-e-btn .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 28px;
  border: 1.5px solid var(--ss-brand);
  border-radius: 999px;
  background: var(--ss-brand);
  color: #fff;
  fill: currentColor;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  transition: background-color .16s, color .16s, border-color .16s !important;   /* temaet: transition: none !important */
}
.elementor .elementor-widget.ss-e-btn .elementor-button-content-wrapper { display: flex; align-items: center; gap: 10px; }
.elementor .elementor-widget.ss-e-btn .elementor-button:is(:hover, :focus-visible) { background: transparent; color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-btn--outline .elementor-button { background: #fff; color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-btn--outline .elementor-button:is(:hover, :focus-visible) { background: var(--ss-brand); color: #fff; }
.elementor .elementor-widget.ss-e-btn--light .elementor-button { border-color: #fff; background: #fff; color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-btn--light .elementor-button:is(:hover, :focus-visible) { background: transparent; color: #fff; }
.elementor .elementor-widget.ss-e-btn--outline-light .elementor-button { border-color: #fff; background: transparent; color: #fff; }
.elementor .elementor-widget.ss-e-btn--outline-light .elementor-button:is(:hover, :focus-visible) { background: #fff; color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-btn--tint .elementor-button { border-color: var(--ss-tint-200); background: var(--ss-tint-200); color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-btn--tint .elementor-button:is(:hover, :focus-visible) { background: transparent; color: var(--ss-tint-200); }
.elementor .elementor-widget.ss-e-btn--sm .elementor-button { min-height: 42px; padding: 0 16px; font-size: 14px; }
.elementor .elementor-widget.ss-e-btn--sm .elementor-button-content-wrapper { gap: 8px; }
.elementor .elementor-widget.ss-e-btn--block,
.elementor .elementor-widget.ss-e-btn--block .elementor-button { width: 100%; }
.elementor .elementor-widget.ss-e-btn .elementor-button:focus-visible { outline: 3px solid var(--ss-signal-dark); outline-offset: 3px; }
.e-con.ss-e-dark .elementor-widget.ss-e-btn .elementor-button:focus-visible { outline-color: #fff; }
/* ikon foran teksten: ss-ikon-telefon, -telefon-fyldt, -mail, -profil, -hent, -kort */
.elementor .elementor-widget.ss-e-btn[class*="ss-ikon-"] .elementor-button-content-wrapper::before {
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: var(--ss-ikon) center / contain no-repeat;
  mask: var(--ss-ikon) center / contain no-repeat;
}
.elementor .elementor-widget.ss-e-btn--sm[class*="ss-ikon-"] .elementor-button-content-wrapper::before { width: 16px; height: 16px; }
.elementor .elementor-widget.ss-e-btn .elementor-button-icon { display: none; }   /* Elementors eget ikon bruges ikke */
/* kontakt-heroens knapper stables under 620px (som i referencen) */
@media (max-width: 620px) {
  .e-con.ss-e-contact-hero .e-con > .elementor-widget.ss-e-btn { flex: 1 1 100%; }
  .e-con.ss-e-contact-hero .elementor-widget.ss-e-btn .elementor-button { width: 100%; }
}
/* smalle skærme: knapperne fylder rækken (som i referencen) – de små knapper bliver stående */
@media (max-width: 420px) {
  .elementor-widget.ss-e-btn .elementor-button { max-width: 100%; }
  .e-con > .elementor-widget.ss-e-btn:not(.ss-e-btn--sm),
  .e-con > .e-con-inner > .elementor-widget.ss-e-btn:not(.ss-e-btn--sm) { flex: 1 1 100%; }
  .elementor-widget.ss-e-btn:not(.ss-e-btn--sm) .elementor-button { width: 100%; }
}

/* ---------- tekstlink med pil (Knap-widget) -------------------------------------
   Links uden ramme får pilen – den glider 4px ved hover. ss-e-link--light på mørk flade. */
.elementor .elementor-widget.ss-e-link .elementor-button {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--ss-brand);
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  box-shadow: none;
}
.elementor .elementor-widget.ss-e-link .elementor-button:is(:hover, :focus, :focus-visible) { background: none; color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-link .elementor-button-content-wrapper { display: flex; align-items: center; gap: 8px; }
.elementor .elementor-widget.ss-e-link .elementor-button-content-wrapper::after {
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .16s;
}
.elementor .elementor-widget.ss-e-link .elementor-button:hover .elementor-button-content-wrapper::after { transform: translateX(4px); }
.elementor .elementor-widget.ss-e-link .elementor-button-icon { display: none; }
/* knappens indpakning som flex: ellers giver linjehøjden (16px × 1,5) en højere linje end selve linket */
.elementor .elementor-widget.ss-e-link .elementor-button-wrapper { display: flex; }
.elementor .elementor-widget.ss-e-link--light .elementor-button,
.elementor .elementor-widget.ss-e-link--light .elementor-button:is(:hover, :focus, :focus-visible) { color: #fff; }

/* ---------- krydslink (Teksteditor-widget) ------------------------------------------
   Hele boksen er linket. Skriv teksten som ét link – fed tekst er tilladt. */
.elementor-widget.ss-e-crosslink :is(p, h2, h3) { margin: 0; }
.elementor-widget.ss-e-crosslink a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 26px;
  border-radius: var(--ss-radius);
  background: var(--ss-sand-50);
  color: var(--ss-brand);
  font-size: 15.5px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background-color .16s;
}
.elementor-widget.ss-e-crosslink a:hover { background: var(--ss-sand-100); color: var(--ss-brand); }
.elementor-widget.ss-e-crosslink a :is(b, strong) { font-weight: 700; }
.elementor-widget.ss-e-crosslink a::after {
  content: "";
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .16s;
}
.elementor-widget.ss-e-crosslink a:hover::after { transform: translateX(4px); }
@media (max-width: 620px) { .elementor-widget.ss-e-crosslink a { flex-wrap: wrap; padding: 18px 20px; } }

/* ---------- anmeld skade -----------------------------------------------------------------
   ss-e-claimhead (container): titel og intro til venstre, akutboksen (ss-e-akuttop) til højre.
   ss-e-action--claim (Ikonboks, sammen med ss-e-action): genvejene som hvide kort med dæmpet ikoncirkel.
   ss-e-akutbox, ss-e-akutlist, ss-e-akutcard (containere) og ss-e-akutphone (Knap): akut hjælp.
   ss-e-akutlist--3: /anmeld-skade/akut/ – alle numre i tre kolonner.
   ss-e-faq-intro (Teksteditor): teksten ved „Godt at vide“. */
/* akutboksen øverst til højre (ss-e-sand + ss-e-akuttop): nummeret i et hvidt felt */
.e-con.ss-e-akuttop .elementor-widget.ss-e-akutphone .elementor-button { background: #fff; }
.e-con.ss-e-akuttop .elementor-widget.ss-e-akutphone .elementor-button:is(:hover, :focus-visible) { background: var(--ss-tint-50); }

/* genvejene: ikonet står i en dæmpet cirkel – og er lidt større, da forsikringsikonerne har luft om sig.
   ss-e-action to gange i selektoren: reglerne skal slå kortenes fælles regler længere nede (0,3,1) */
.elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-wrapper::before { background: var(--ss-surface); }
.elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-wrapper::after { top: 33px; left: 33px; width: 36px; height: 36px; }
/* én kolonne (under 620px): kompakt liste – ikonet til venstre */
@media (max-width: 620px) {
  .elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-wrapper { flex-direction: row; align-items: flex-start; gap: 14px; min-height: 0; padding: 18px; }
  .elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-wrapper::before { width: 48px; height: 48px; }
  .elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-wrapper::after { top: 26px; left: 26px; width: 32px; height: 32px; }
  .elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-content { gap: 2px; }
  .elementor-widget.ss-e-action.ss-e-action--claim .elementor-icon-box-title { margin: 0; font-size: 17px; }
}

/* akut hjælp: hvide kort med hårlinje i den sandfarvede kasse; et ulige antal kort – det sidste fylder rækken */
.e-con.ss-e-akutcard { border: 1px solid var(--ss-line); }
.e-con.ss-e-akutlist:not(.ss-e-akutlist--3) > .e-con:last-child:nth-child(odd),
.e-con.ss-e-akutlist:not(.ss-e-akutlist--3) > .e-con-inner > .e-con:last-child:nth-child(odd) { grid-column: 1 / -1; }
.elementor .e-con > .elementor-widget.ss-e-akutintro.ss-e-akutintro { max-width: 34ch; }   /* som ss-e-faq-intro */
@media (max-width: 1100px) { .elementor .e-con > .elementor-widget.ss-e-akutintro.ss-e-akutintro { max-width: 60ch; } }
.e-con.ss-e-section .elementor-widget.ss-e-akutnote { color: var(--ss-text-muted); }
.elementor-widget.ss-e-akutnote a { color: inherit; font-weight: inherit; text-decoration: underline; text-underline-offset: 2px; }
.elementor-widget.ss-e-akutnote a:hover { color: inherit; }
/* nummeret: et stort felt, der kan trykkes på – står nederst i kortet, så numrene flugter i rækken */
.elementor .e-con > .elementor-widget.ss-e-akutphone { margin-top: auto; }
.elementor .elementor-widget.ss-e-akutphone .elementor-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  padding: 12px 16px;
  border: 0;
  border-radius: var(--ss-radius-sm);
  background: var(--ss-surface);
  color: var(--ss-brand);
  fill: currentColor;
  font-family: inherit;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-transform: none;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .16s !important;   /* temaet: transition: none !important */
}
.elementor .elementor-widget.ss-e-akutphone .elementor-button:is(:hover, :focus-visible) { background: var(--ss-tint-100); color: var(--ss-brand); }
.elementor .elementor-widget.ss-e-akutphone .elementor-button:focus-visible { outline: 3px solid var(--ss-signal-dark); outline-offset: 3px; }
.elementor .elementor-widget.ss-e-akutphone .elementor-button-content-wrapper { display: flex; align-items: center; gap: 12px; }
.elementor .elementor-widget.ss-e-akutphone .elementor-button-content-wrapper::before {
  content: "";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: var(--ss-ikon) center / contain no-repeat;
  mask: var(--ss-ikon) center / contain no-repeat;
}
.elementor .elementor-widget.ss-e-akutphone .elementor-button-icon { display: none; }
/* Elementor giver widgets i en container max-width: 100% (.elementor.elementor .e-con>.elementor-widget, 0,4,0) */
.elementor .e-con > .elementor-widget.ss-e-faq-intro.ss-e-faq-intro { max-width: 34ch; }
.elementor-widget.ss-e-faq-intro a { color: var(--ss-brand); font-weight: 600; white-space: nowrap; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
@media (max-width: 900px) { .elementor .e-con > .elementor-widget.ss-e-faq-intro.ss-e-faq-intro { max-width: 60ch; } }

/* „Godt at vide“ (Harmonika-widget med klassen ss-e-faq): hårlinjer mellem punkterne og en pil, der
   vender, når punktet er åbent – Elementors egne ikoner, rammer og flader bruges ikke. Teksten i et
   punkt skrives i punktets Teksteditor (afsnit, fed, links, mellemoverskrift = Overskrift 3).
   Temaet (insu) styler alle harmonikaer: grønne linjer, 20px titler, grøn hover og 40px luft under
   teksten (op til 0,7,0) – derfor .elementor foran og klassen to gange (0,6,0 og op). */
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion { display: block; border-top: 1px solid var(--ss-line); }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item { display: block; margin: 0; border: 0; border-bottom: 1px solid var(--ss-line); }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 20px 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--ss-brand);
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
}
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item-title::-webkit-details-marker { display: none; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text { margin: 0; color: var(--ss-brand); font-family: inherit; font-size: 18px; font-weight: 600; line-height: 1.35; letter-spacing: normal; text-transform: none; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title:hover .e-n-accordion-item-title-text { color: var(--ss-brand); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item-title-icon { display: none; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item-title::after {
  content: "";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.91' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.91' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .2s var(--ss-ease);
}
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item[open] > .e-n-accordion-item-title::after { transform: rotate(180deg); }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item-title:focus-visible { outline: 3px solid var(--ss-signal-dark); outline-offset: 3px; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item > [role="region"] { padding: 0 0 24px; border: 0; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor { max-width: 70ch; color: var(--ss-text); font-family: inherit; font-size: 15.5px; line-height: 1.6; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor p { margin: 0 0 12px; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor :is(p, h3):last-child { margin-bottom: 0; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor h3 { margin: 20px 0 6px; color: var(--ss-brand); font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.4; letter-spacing: normal; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor strong { color: var(--ss-brand); font-weight: 600; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor a { color: var(--ss-brand); font-weight: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.elementor .elementor-widget.ss-e-faq.ss-e-faq .elementor-widget-text-editor a:hover { color: var(--ss-brand); text-decoration-thickness: 2px; }
@media (max-width: 767px) {
  .elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title { padding: 18px 0; }
  .elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-text { font-size: 16.5px; }
}

/* ---------- billeder (Billede-widget) -------------------------------------------
   ss-e-media: afrundet, 16:10, zoomer blødt ved hover, når billedet er et link. */
.elementor-widget.ss-e-media { overflow: hidden; border-radius: var(--ss-radius-md); background: var(--ss-sand-100); line-height: 0; }
.elementor-widget.ss-e-media img { display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 16 / 10; border-radius: 0; object-fit: cover; object-position: var(--ss-focus, center); transition: transform .6s var(--ss-ease); }
.elementor-widget.ss-e-media a { display: block; }
.elementor-widget.ss-e-media a:is(:hover, :focus-visible) img { transform: scale(1.04); }

/* ---------- kort (Ikonboks-widget) --------------------------------------------------
   ss-e-tile (forsidens fliser), ss-e-product (oversigten), ss-e-action (kontaktkort).
   Ikonet vælges med en klasse, fx ss-ikon-bil (se listen nederst) – der skal ikke
   vælges ikon i widgetten. Mærker skrives i titlen: Navn <span class="ss-badge">Populær</span> */
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) { height: 100%; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-wrapper {
  position: relative;
  display: flex;
  text-align: left;
  height: 100%;
  border: 1px solid var(--ss-line);
  border-radius: var(--ss-radius-md);
  background: #fff;
  color: var(--ss-brand);
  transition: border-color .16s;
}
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover .elementor-icon-box-wrapper { border-color: var(--ss-brand); }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-wrapper:has(a:focus-visible) { outline: 3px solid var(--ss-signal-dark); outline-offset: 3px; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-icon { display: none; }
/* ikoncirklen (::before) og ikonet (::after, som maske i sidens farve) */
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-wrapper::before {
  content: "";
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--ss-tint-200);
  transition: transform .18s ease;
}
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-wrapper::after {
  content: "";
  position: absolute;
  background: var(--ss-brand);
  -webkit-mask: var(--ss-ikon, none) center / contain no-repeat;
  mask: var(--ss-ikon, none) center / contain no-repeat;
  pointer-events: none;
  transition: transform .18s ease;
}
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover .elementor-icon-box-wrapper::before,
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover .elementor-icon-box-wrapper::after { transform: scale(1.07); }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-content { min-width: 0; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-title { margin: 0; color: var(--ss-brand); font-family: inherit; letter-spacing: normal; text-transform: none; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-title a { color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-title a:focus-visible { outline: none; }   /* ringen står om hele kortet */
/* hele kortet er klikbart */
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .elementor-icon-box-description { margin: 0; color: var(--ss-text); }
.elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action) .ss-badge { z-index: 2; letter-spacing: normal; }

/* forsidens fliser */
.elementor-widget.ss-e-tile .elementor-icon-box-wrapper { flex-direction: column; align-items: center; gap: 16px; padding: 30px 16px 26px; text-align: center; }
.elementor-widget.ss-e-tile .elementor-icon-box-wrapper::before { width: 82px; height: 82px; }
.elementor-widget.ss-e-tile .elementor-icon-box-wrapper::after { top: 47px; left: calc(50% - 24px); width: 48px; height: 48px; }
.elementor-widget.ss-e-tile .elementor-icon-box-title { font-size: 15.5px; font-weight: 600; line-height: 1.25; }
.elementor-widget.ss-e-tile .ss-badge { position: absolute; top: 10px; right: 10px; }
@media (max-width: 420px) {
  .elementor-widget.ss-e-tile .elementor-icon-box-wrapper { gap: 12px; padding: 28px 10px 20px; }
  .elementor-widget.ss-e-tile .elementor-icon-box-wrapper::before { width: 68px; height: 68px; }
  .elementor-widget.ss-e-tile .elementor-icon-box-wrapper::after { top: 42px; left: calc(50% - 20px); width: 40px; height: 40px; }
  .elementor-widget.ss-e-tile .elementor-icon-box-title { font-size: 14.5px; }
  .elementor-widget.ss-e-tile .ss-badge { top: 8px; right: 8px; }
}

/* oversigtens produktkort */
.elementor-widget.ss-e-product .elementor-icon-box-wrapper { flex-direction: column; align-items: flex-start; gap: 20px; padding: 30px 28px 32px; border-color: transparent; background: var(--ss-card); }
.elementor-widget.ss-e-product .elementor-icon-box-wrapper::before { width: 80px; height: 80px; background: #fff; }
.elementor-widget.ss-e-product .elementor-icon-box-wrapper::after { top: 45px; left: 43px; width: 50px; height: 50px; }
.elementor-widget.ss-e-product .elementor-icon-box-content { display: flex; flex-direction: column; gap: 12px; }
.elementor-widget.ss-e-product .elementor-icon-box-title { font-size: 21px; font-weight: 700; line-height: 1.16; letter-spacing: -.01em; }
.elementor-widget.ss-e-product { --ss-e-desc: 15.5px; }
.elementor-widget.ss-e-product .elementor-icon-box-description { font-size: var(--ss-e-desc); line-height: 1.55; }
.elementor-widget.ss-e-product .ss-badge { position: absolute; top: 16px; right: 16px; }
/* „Kommer snart“: intet link og ingen hover (klassen ss-e-product--soon) */
.elementor-widget.ss-e-product--soon:hover .elementor-icon-box-wrapper { border-color: transparent; }
.elementor-widget.ss-e-product--soon:hover .elementor-icon-box-wrapper::before,
.elementor-widget.ss-e-product--soon:hover .elementor-icon-box-wrapper::after { transform: none; }
/* én kolonne (under 620px): kompakt liste – ikon til venstre, tekst til højre */
@media (max-width: 620px) {
  .elementor-widget.ss-e-product .elementor-icon-box-wrapper { flex-direction: row; gap: 16px; padding: 20px 18px; }
  .elementor-widget.ss-e-product .elementor-icon-box-wrapper::before { width: 60px; height: 60px; }
  .elementor-widget.ss-e-product .elementor-icon-box-wrapper::after { top: 31px; left: 29px; width: 38px; height: 38px; }
  .elementor-widget.ss-e-product .elementor-icon-box-content { gap: 6px; padding-top: 4px; }
  .elementor-widget.ss-e-product .elementor-icon-box-title { font-size: 18px; }
  .elementor-widget.ss-e-product { --ss-e-desc: 14.5px; }
  .elementor-widget.ss-e-product .ss-badge { position: static; display: block; width: fit-content; margin: 0 0 6px; }   /* over navnet i stedet for i hjørnet */
}

/* kontaktsidernes handlingskort (titlen får pilen) */
.elementor-widget.ss-e-action .elementor-icon-box-wrapper { flex-direction: column; align-items: flex-start; gap: 10px; min-height: 150px; padding: 24px; }
.elementor-widget.ss-e-action .elementor-icon-box-wrapper::before { width: 54px; height: 54px; }
.elementor-widget.ss-e-action .elementor-icon-box-wrapper::after { top: 36px; left: 36px; width: 30px; height: 30px; }
.elementor-widget.ss-e-action .elementor-icon-box-content { display: flex; flex-direction: column; gap: 10px; }
.elementor-widget.ss-e-action .elementor-icon-box-title { margin-top: 2px; font-size: 18px; font-weight: 700; line-height: 1.5; }
.elementor-widget.ss-e-action .elementor-icon-box-title::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 7px;
  vertical-align: -2px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .16s;
}
.elementor-widget.ss-e-action:hover .elementor-icon-box-title::after { transform: translateX(4px); }
.elementor-widget.ss-e-action { --ss-e-desc: 14.5px; }
.elementor-widget.ss-e-action .elementor-icon-box-description { font-size: var(--ss-e-desc); line-height: 1.45; }
@media (max-width: 620px) { .elementor-widget.ss-e-action .elementor-icon-box-wrapper { min-height: 0; } }

@media (prefers-reduced-motion: reduce) {
  .elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover .elementor-icon-box-wrapper::before,
  .elementor-widget:is(.ss-e-tile, .ss-e-product, .ss-e-action):hover .elementor-icon-box-wrapper::after,
  .elementor-widget.ss-e-action:hover .elementor-icon-box-title::after,
  .elementor .elementor-widget.ss-e-link .elementor-button:hover .elementor-button-content-wrapper::after,
  .elementor-widget.ss-e-crosslink a:hover::after,
  .elementor-widget.ss-e-media a:hover img { transform: none; }
  .elementor .elementor-widget.ss-e-faq.ss-e-faq .e-n-accordion-item-title::after { transition: none; }
}

/* ---------- tjekliste (Ikonliste-widget) på mørk flade ----------------------------- */
.elementor-widget.ss-e-checklist .elementor-icon-list-items { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.elementor-widget.ss-e-checklist .elementor-icon-list-item { display: flex; align-items: center; gap: 11px; margin: 0; padding: 0; }
.elementor-widget.ss-e-checklist .elementor-icon-list-item::before {
  content: "";
  flex-shrink: 0;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") center / 13px 13px no-repeat;
}
.elementor-widget.ss-e-checklist .elementor-icon-list-icon { display: none; }
.elementor-widget.ss-e-checklist .elementor-icon-list-text { padding: 0; color: var(--ss-on-brand); font-size: 15.5px; font-weight: 500; }

/* ==========================================================================
   PRODUKTSIDERNE I DET GAMLE DESIGN · let makeover (body.ss-produktside)
   --------------------------------------------------------------------------
   Undersider til /forsikringer/ og /erhvervsforsikring/ (config.php: produkt_paths)
   – fx /forsikringer/bilforsikring/. Siderne er ikke rørt i Elementor; her får de
   runde hjørner som de nye sider, og temaets farver følger konteksten (erhverv: blå).
   Siderne er bygget ens: hero og tilbudsboks er foto (.hero-image) + flade, pakkerne
   er prisbokse (.wpb-pricing-box), PDF'erne .pdf-archive-download-box.
   ========================================================================== */
/* temaets mørke farve (knapper, linjer, titler – 119 steder i temaet) og kittets primære
   farve følger konteksten; hover-grøn bliver kontekstens signalfarve */
body.ss-produktside {
  --insu-primary-color: var(--ss-brand);
  --insu-green: var(--ss-signal-dark);
  --e-global-color-primary: var(--ss-brand);
}
/* hero og tilbudsboks: foto + flade. De ydre hjørner rundes på de to dele (heroens container har temaets
   sidemargen som padding, så en ramme om den ville ligge ude i det hvide). Fra tablet side om side:
   første del venstre hjørner, sidste del højre. På mobil under hinanden: top og bund – dog ikke heroen,
   som dér går fra kant til kant. */
.ss-produktside [data-elementor-type="wp-page"] .e-con.hero-image { overflow: hidden; }
@media (min-width: 768px) {
  .ss-produktside [data-elementor-type="wp-page"] :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:first-child { border-radius: var(--ss-radius-lg) 0 0 var(--ss-radius-lg); }
  .ss-produktside [data-elementor-type="wp-page"] :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:last-child { border-radius: 0 var(--ss-radius-lg) var(--ss-radius-lg) 0; }
}
@media (max-width: 767px) {
  .ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child) :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:first-child,
  .ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child):has(> .e-con.hero-image) > .e-con:first-child { border-radius: var(--ss-radius-lg) var(--ss-radius-lg) 0 0; }
  .ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child) :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:last-child,
  .ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child):has(> .e-con.hero-image) > .e-con:last-child { border-radius: 0 0 var(--ss-radius-lg) var(--ss-radius-lg); }
}
/* tilbudsboksens flade (ikke heroens) i kontekstens lyse farve – kun en flade, der har en baggrundsfarve
   i forvejen (Elementor: Baggrund → Klassisk). Teksten i sidens farver */
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child) :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'],
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'] { background-color: var(--ss-card); }
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child) :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'] .elementor-heading-title,
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'] .elementor-heading-title { color: var(--ss-brand); }
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child) :is(.e-con, .e-con-inner):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'] .elementor-widget-text-editor,
.ss-produktside [data-elementor-type="wp-page"] > .e-con:not(:first-child):has(> .e-con.hero-image) > .e-con:not(.hero-image)[data-settings*='"background_background":"classic"'] .elementor-widget-text-editor { color: var(--ss-text); }
/* bokse (widgets med baggrund, fx de grå infobokse) og billeder: runde hjørner */
.ss-produktside [data-elementor-type="wp-page"] .elementor-widget > .elementor-widget-container { border-radius: var(--ss-radius-md); }
.ss-produktside [data-elementor-type="wp-page"] :is(.elementor-widget-image, .elementor-widget-theme-post-featured-image) img { border-radius: var(--ss-radius-md); }
.ss-produktside [data-elementor-type="wp-page"] .overflow-hidden-image > .elementor-widget-container { overflow: hidden; }
/* pakkerne (prisbokse): afrundede kort med hårlinje, „Bedste dækning“ som mærke */
body.ss-produktside [data-elementor-type="wp-page"] .elementor-widget .wpb-pricing-box.wpb-pricing-box { border-color: var(--ss-line); border-radius: var(--ss-radius-md); }
body.ss-produktside [data-elementor-type="wp-page"] .elementor-widget .pricing-table-top-text { border-radius: 999px; background-color: var(--ss-signal); color: var(--ss-brand); font-weight: 600; }
/* PDF'erne: dæmpet sandfarvet række med runde hjørner */
body.ss-produktside [data-elementor-type="wp-page"] .elementor-widget .pdf-archive-download-box { border-radius: var(--ss-radius); background-color: var(--ss-sand-50); }
/* anmeldelserne: widgetten „trustpilot-small“ (en fælles skabelon på produktsiderne) har sine egne grønne farver
   i widgettens <style>. Dens farvevariabler peger her på kontekstens farver – som anmeldelserne på de nye sider
   (storstrom.css: .tpq). Trustpilots egne farver (stjerner, logo) er uændrede. */
body.ss-produktside .tpq {
  --green-500: var(--ss-signal-dark);
  --green-700: var(--ss-brand);
  --green-900: var(--ss-brand);
  --mint-50: var(--ss-tint-50);
  --mint-100: var(--ss-tint-100);
  --mint-200: var(--ss-tint-200);
  --mint-300: var(--ss-tint-300);
  --ink: var(--ss-brand);
  --muted: var(--ss-text-muted);
  --line: var(--ss-line);
}
body.ss-produktside .tpq .tpq-lead { color: var(--ss-text); }
body.ss-produktside .tpq .tpq-card { box-shadow: 0 4px 18px -12px color-mix(in srgb, var(--ss-brand) 28%, transparent); }
body.ss-produktside .tpq .tpq-card:hover { box-shadow: 0 18px 36px -22px color-mix(in srgb, var(--ss-brand) 40%, transparent); }
@media (hover: hover) {
  body.ss-produktside .elementor .tpq .btn-solid:hover { background: color-mix(in srgb, var(--ss-brand) 84%, #fff); }
}

/* ---------- ikoner: ss-ikon-<navn> ---------------------------------------------------
   Forsikringsikonerne (til ss-e-tile/ss-e-product) og kontaktikonerne (til ss-e-action)
   ligger som filer i pluginets assets/icons/. UI-ikonerne til knapper er lagt ind her. */
/* forsikringer */
.ss-ikon-ansvar { --ss-ikon: url("icons/ansvar.svg"); }
.ss-ikon-arbejdsmaskiner { --ss-ikon: url("icons/arbejdsmaskiner.svg"); }
.ss-ikon-arbejdsskade { --ss-ikon: url("icons/arbejdsskade.svg"); }
.ss-ikon-baad { --ss-ikon: url("icons/baad.svg"); }
.ss-ikon-basis { --ss-ikon: url("icons/basis.svg"); }
.ss-ikon-bil { --ss-ikon: url("icons/bil.svg"); }
.ss-ikon-boern { --ss-ikon: url("icons/boern.svg"); }
.ss-ikon-bygninger { --ss-ikon: url("icons/bygninger.svg"); }
.ss-ikon-camping { --ss-ikon: url("icons/camping.svg"); }
.ss-ikon-ejerskifte { --ss-ikon: url("icons/ejerskifte.svg"); }
.ss-ikon-elbil { --ss-ikon: url("icons/elbil.svg"); }
.ss-ikon-elektronik { --ss-ikon: url("icons/elektronik.svg"); }
.ss-ikon-elektronik-erhverv { --ss-ikon: url("icons/elektronik-erhverv.svg"); }
.ss-ikon-erhvervsbil { --ss-ikon: url("icons/erhvervsbil.svg"); }
.ss-ikon-fritidshus { --ss-ikon: url("icons/fritidshus.svg"); }
.ss-ikon-glas { --ss-ikon: url("icons/glas.svg"); }
.ss-ikon-hund { --ss-ikon: url("icons/hund.svg"); }
.ss-ikon-hus { --ss-ikon: url("icons/hus.svg"); }
.ss-ikon-id { --ss-ikon: url("icons/id.svg"); }
.ss-ikon-indbo { --ss-ikon: url("icons/indbo.svg"); }
.ss-ikon-kat { --ss-ikon: url("icons/kat.svg"); }
.ss-ikon-knallert { --ss-ikon: url("icons/knallert.svg"); }
.ss-ikon-landbrug { --ss-ikon: url("icons/landbrug.svg"); }
.ss-ikon-motorcykel { --ss-ikon: url("icons/motorcykel.svg"); }
.ss-ikon-oevrigt { --ss-ikon: url("icons/oevrigt.svg"); }
.ss-ikon-paahaengsvogne { --ss-ikon: url("icons/paahaengsvogne.svg"); }
.ss-ikon-pensionsordning { --ss-ikon: url("icons/pensionsordning.svg"); }
.ss-ikon-rejse { --ss-ikon: url("icons/rejse.svg"); }
.ss-ikon-retshjaelp { --ss-ikon: url("icons/retshjaelp.svg"); }
.ss-ikon-sundhed { --ss-ikon: url("icons/sundhed.svg"); }
.ss-ikon-tand { --ss-ikon: url("icons/tand.svg"); }
.ss-ikon-tillaegsforsikring { --ss-ikon: url("icons/tillaegsforsikring.svg"); }
.ss-ikon-transport { --ss-ikon: url("icons/transport.svg"); }
.ss-ikon-ulykke { --ss-ikon: url("icons/ulykke.svg"); }
.ss-ikon-veteranbil { --ss-ikon: url("icons/veteranbil.svg"); }
/* kontakt */
.ss-ikon-anmeld-skade { --ss-ikon: url("icons/anmeld-skade.svg"); }
.ss-ikon-bliv-ringet-op { --ss-ikon: url("icons/bliv-ringet-op.svg"); }
.ss-ikon-book-moede { --ss-ikon: url("icons/book-moede.svg"); }
.ss-ikon-medarbejder { --ss-ikon: url("icons/medarbejder.svg"); }
.ss-ikon-skriv { --ss-ikon: url("icons/skriv.svg"); }
.ss-ikon-tilbud { --ss-ikon: url("icons/tilbud.svg"); }
/* knapper */
.ss-ikon-telefon { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-0.5 0.5 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E"); }
.ss-ikon-telefon-fyldt { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-0.5 0.5 24 24' fill='%23000'%3E%3Cpath d='M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E"); }
.ss-ikon-mail { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E"); }
.ss-ikon-profil { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M5 20c0-3.6 3.1-5.5 7-5.5s7 1.9 7 5.5'/%3E%3C/svg%3E"); }
.ss-ikon-hent { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7.5 10.5 12 15l4.5-4.5M5 19.5h14'/%3E%3C/svg%3E"); }
.ss-ikon-kort { --ss-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E"); }