/* Echt · widgets. Farver og typografi arves bevidst fra temaets globale
   indstillinger (BESLUTNINGSLOG #14, #135) — her staar kun struktur. */
.echt-prisliste{--echt-rule:currentColor}
.echt-pl-head{margin:0 0 6px}
.echt-pl-intro{margin:0 0 24px;max-width:60ch;opacity:.75}
/* Hoejst to kolonner. Med auto-fit blev det til tre og fire paa en bred skaerm,
   og saa bliver hver kolonne for smal til posternes navne (#155). */
.echt-pl-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px)}
@media (min-width:700px){
  .echt-pl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.echt-pl-gruppe h4{margin:0 0 10px;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;opacity:.6}
.echt-pl-gruppe dl{margin:0;display:flex;flex-direction:column}
.echt-pl-r{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid rgba(0,0,0,.10);font-size:.9rem;line-height:1.45}
.echt-pl-gruppe .echt-pl-r:last-child{border-bottom:0}
.echt-pl-r dt{margin:0}
.echt-pl-r dd{margin:0;opacity:.72;white-space:nowrap;font-variant-numeric:tabular-nums}
.echt-pl-fod{margin:22px 0 0;font-size:.8rem;opacity:.6;max-width:70ch}
.echt-tom{padding:16px;border:1px dashed rgba(0,0,0,.25);opacity:.7}
/* Vises kun i Elementors editor — aldrig paa den faerdige side. */
.echt-demo{margin:0 0 20px;padding:10px 14px;border-left:3px solid rgba(0,0,0,.3);
  font-size:.8rem;line-height:1.5;opacity:.7;max-width:78ch}
@media (prefers-color-scheme:dark){
  .echt-pl-r{border-bottom-color:rgba(255,255,255,.14)}
  .echt-tom{border-color:rgba(255,255,255,.3)}
  .echt-demo{border-left-color:rgba(255,255,255,.35)}
}

/* ---------- Echt · Pladevaelger ---------- */
.echt-vaelger{--echt-line:rgba(0,0,0,.12);--echt-line2:rgba(0,0,0,.28)}
.echt-v-head{margin:0 0 8px}
.echt-v-intro{margin:0 0 30px;max-width:56ch;opacity:.75}
.echt-v-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);
  gap:clamp(26px,4vw,54px);align-items:start}
.echt-v-valg{display:flex;flex-direction:column;gap:28px}
.echt-v-label{margin:0 0 12px;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;opacity:.6}
.echt-v-opts{display:flex;flex-wrap:wrap;gap:8px}
.echt-v-opt{appearance:none;cursor:pointer;background:transparent;color:inherit;font:inherit;
  font-size:.92rem;line-height:1;padding:11px 16px;border:1px solid var(--echt-line);border-radius:3px}
.echt-v-opt:hover:not(:disabled){border-color:var(--echt-line2)}
.echt-v-opt[aria-pressed="true"]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.echt-v-opt:disabled{cursor:not-allowed;opacity:.4;text-decoration:line-through}
.echt-v-note{margin:10px 0 0;font-size:.85rem;line-height:1.5;opacity:.85}
.echt-v-note:empty{display:none}
.echt-v-kanter{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.echt-v-kant{appearance:none;cursor:pointer;text-align:left;background:transparent;color:inherit;
  font:inherit;padding:0;overflow:hidden;display:flex;flex-direction:column;
  border:1px solid var(--echt-line);border-radius:3px}
.echt-v-kant:hover:not(:disabled){border-color:var(--echt-line2)}
.echt-v-kant[aria-pressed="true"]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.echt-v-kant:disabled{cursor:not-allowed}
.echt-v-kant:disabled .echt-v-fig{opacity:.3}
.echt-v-kant:disabled .echt-v-navn,.echt-v-kant:disabled .echt-v-pris{opacity:.5}
.echt-v-fig{display:block;padding:16px 16px 8px;border-bottom:1px solid var(--echt-line)}
.echt-v-fig svg{display:block;width:100%;height:auto}
.echt-v-krop{display:flex;flex-direction:column;gap:3px;padding:12px 16px 14px;flex:1}
/* Lange kantnavne skal ombrydes, ikke klippes af: temaets knap-reset saetter
   white-space, og kortet har overflow:hidden (#146). */
.echt-v-kant,.echt-v-krop{white-space:normal}
.echt-v-navn{font-size:.9rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;hyphens:auto}
.echt-v-pris{font-size:.82rem;opacity:.72;font-variant-numeric:tabular-nums}
.echt-v-hvorfor{font-size:.76rem;line-height:1.35;margin-top:auto;padding-top:6px;opacity:.85}
.echt-v-hvorfor:empty{display:none}
.echt-v-fod{margin:16px 0 0;font-size:.78rem;opacity:.55;max-width:62ch}
.echt-v-kvit{position:sticky;top:24px;border:1px solid var(--echt-line);border-radius:3px;padding:22px}
.echt-v-kicker{margin:0;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;opacity:.6}
.echt-v-belob{display:flex;align-items:baseline;gap:9px;margin:10px 0 2px}
.echt-v-tal{font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.echt-v-enhed{font-size:.85rem;opacity:.7}
.echt-v-basis{margin:0 0 6px;font-size:.78rem;opacity:.6}
.echt-v-dybdenote{margin:0 0 16px;font-size:.74rem;line-height:1.45;opacity:.55}
.echt-v-linjer{margin:0;padding:14px 0 0;border-top:1px solid var(--echt-line);
  display:flex;flex-direction:column;gap:9px}
.echt-v-linje{display:flex;justify-content:space-between;gap:14px;font-size:.85rem}
.echt-v-linje dt{margin:0;opacity:.75}
.echt-v-linje dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.echt-v-linje.sum{border-top:1px solid var(--echt-line);padding-top:12px;margin-top:3px;font-weight:600}
.echt-v-linje.sum dt{opacity:1}
.echt-v-eksempel{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--echt-line);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:.85rem}
.echt-v-eksempel b{font-variant-numeric:tabular-nums}
.echt-v-ekso{opacity:.75}
.echt-v-eksnote{flex:1 0 100%;font-size:.76rem;line-height:1.5;opacity:.6;margin-top:2px}
.echt-v-ikkemed{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--echt-line);
  font-size:.78rem;line-height:1.55;opacity:.8}
.echt-v-ikkemed b{display:block;margin-bottom:3px;opacity:1}
.echt-v-forbehold{margin:14px 0 0;font-size:.74rem;line-height:1.55;opacity:.6}
@media (prefers-color-scheme:dark){
  .echt-vaelger{--echt-line:rgba(255,255,255,.16);--echt-line2:rgba(255,255,255,.34)}
}
@media (max-width:900px){
  .echt-v-layout{grid-template-columns:1fr}
  .echt-v-kvit{position:static}
}


/* ---------- Temaets knapstil maa ikke vinde ----------
   Elementors Theme Style saetter background-color, color, font-size,
   line-height og border-radius paa ALLE <button> med selektoren
   `.elementor-kit-N button` — specificitet (0,1,1). Widget'ets valgknapper er
   ogsaa <button>, saa uden dette bliver otte kantkort til otte terracotta
   CTA-knapper, og man kan ikke se hvilken der er valgt (#150).
   To klasser giver (0,2,0) og vinder uden !important. */
.echt-vaelger .echt-v-opt,
.echt-vaelger .echt-v-kant{
  background-color:transparent;color:inherit;
  font-size:inherit;line-height:inherit;border-radius:3px}
.echt-vaelger .echt-v-opt{font-size:.92rem;line-height:1}
.echt-vaelger .echt-v-opt:hover:not(:disabled),
.echt-vaelger .echt-v-kant:hover:not(:disabled){
  background-color:transparent;color:inherit;border-color:var(--echt-line2)}
/* Den valgte skal kunne ses paa afstand: brandfarvet ramme og et svagt skaer. */
.echt-vaelger .echt-v-opt[aria-pressed="true"],
.echt-vaelger .echt-v-kant[aria-pressed="true"]{
  background-color:transparent;color:inherit;
  border-color:var(--e-global-color-primary,currentColor);
  box-shadow:inset 0 0 0 1px var(--e-global-color-primary,currentColor)}
.echt-vaelger .echt-v-opt:disabled,
.echt-vaelger .echt-v-kant:disabled{background-color:transparent;color:inherit}
.echt-vaelger .echt-v-kant[aria-pressed="true"] .echt-v-navn{font-weight:600}

/* Fingre er stumpere end en musemarkoer: 44 px er gulvet for et traefpunkt. */
@media (pointer:coarse){
  .echt-vaelger .echt-v-opt{padding:14px 18px}
}

/* ---------- Echt · Rammer og maal ---------- */
.echt-maal{--echt-line:rgba(0,0,0,.12)}
.echt-m-head{margin:0 0 8px}
.echt-m-intro{margin:0 0 28px;max-width:58ch;opacity:.75}
.echt-m-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);
  gap:clamp(24px,4vw,48px);align-items:start}
/* Grid-elementer har min-width:auto og kan derfor ikke krympe under deres
   indhold. Uden dette skubber tegningens min-width hele layoutet ud over
   skaermen paa mobil, og maalenes etiketter bliver klippet af. */
.echt-m-tegning,.echt-m-liste{min-width:0}
.echt-m-navn{overflow-wrap:anywhere}
.echt-m-scroll{overflow-x:auto;border:1px solid var(--echt-line);border-radius:3px;padding:14px}
.echt-m-svg{display:block;width:100%;height:auto;min-width:470px;color:inherit}
.echt-m-plade{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.75}
.echt-m-hjaelp{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 4;opacity:.3}
.echt-m-udstyr{fill:none;stroke:currentColor;stroke-width:1;opacity:.45}
.echt-m-udskaering{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:5 4;opacity:.45}
.echt-m-pil{fill:none;stroke:currentColor;stroke-width:1;opacity:.6}
.echt-m-skab{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 3;opacity:.22}
.echt-m-etiket{fill:currentColor;opacity:.55;font-size:12px;text-anchor:middle}
.echt-m-svag text{opacity:.6;font-size:11px}
.echt-m-nr circle{fill:Canvas;stroke:currentColor;stroke-width:1.2}
.echt-m-nr text{fill:currentColor;font-size:11px;font-weight:600;text-anchor:middle}
.echt-m-liste{margin:0;padding:0;list-style:none;counter-reset:none;
  display:flex;flex-direction:column}
.echt-m-r{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:baseline;
  padding:10px 0;border-bottom:1px solid var(--echt-line);font-size:.87rem;line-height:1.45}
.echt-m-r:last-child{border-bottom:0}
.echt-m-tal{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border:1px solid currentColor;border-radius:50%;
  font-size:.7rem;font-weight:600;opacity:.8;align-self:start}
.echt-m-vaerdi{white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.75}
/* Frit udhaeng har een vaerdi pr. tykkelse og bliver for lang til en kolonne. */
.echt-m-r.er-bred{grid-template-columns:26px 1fr}
.echt-m-r.er-bred .echt-m-vaerdi{grid-column:2/-1;white-space:normal;margin-top:3px;opacity:.9}
.echt-m-fod,.echt-m-note{margin:20px 0 0;font-size:.78rem;line-height:1.6;opacity:.6;max-width:74ch}
@media (prefers-color-scheme:dark){
  .echt-maal{--echt-line:rgba(255,255,255,.16)}
}
@media (max-width:900px){
  .echt-m-layout{grid-template-columns:1fr}
  .echt-m-vaerdi{grid-column:2/-1;opacity:.9}
  .echt-m-r{grid-template-columns:26px 1fr}
}