/*
Theme Name: Flammepunkt Snittet
Theme URI: https://www.flammepunkt.dk
Author: ProFireSafe ApS
Description: Blok-tema til Flammepunkt i designretningen "Snittet": mørk tegneflade, hårstreger, Glød som eneste farve. Farver, skrift og bredder står i theme.json og som --fp-indstillinger herunder.
Requires at least: 6.6
Requires PHP: 8.1
Version: 2.0.0-dev16
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flammepunkt
Tags: block-theme, full-site-editing, one-column
*/

/* FÆLLES INDSTILLINGER – liste v1 (instruks\DESIGN_SNITTET_RETNING.md). Hjemmesiden er den mørke tegneflade.
   Farver, skrifter og de to bredder smal/mellem står også i theme.json: ret begge steder.
   Afrunding: <body> får fp-afrunding-betjening | -ark | -ingen fra indstillingen fp_afrunding (functions.php). */
:root{
--fp-flade:#0D1520;--fp-tekst:#E6EAEE;--fp-tekst-svag:#9FACBB;--fp-streg:rgb(230 234 238 / .28);--fp-gitter:rgb(230 234 238 / .04);
--fp-gloed:#B93A0E;--fp-paa-gloed:#E6EAEE;
--fp-skrift:"Schibsted Grotesk",system-ui,sans-serif;--fp-skrift-mono:"Martian Mono",ui-monospace,Consolas,monospace;
--fp-bredde-smal:896px;--fp-bredde-mellem:1240px;--fp-bredde-bred:1520px;--fp-bredde-lovtekst:1120px;
--fp-r-betjening:10px;--fp-r-raekke:16px;--fp-r-maerkat:999px;--fp-ud:cubic-bezier(.16,1,.3,1);
/* temaets egne hjælpere (ikke på listen): kant, sidemargen, overskrifter, snittets stregvægt, pil, statusfarver */
--_kant:16px;--_side:max(var(--_kant),calc((100% - var(--fp-bredde-mellem)) / 2));--_ud:max(0px,calc((100% - var(--fp-bredde-mellem)) / 2 - var(--_kant)));
--_h1:2.125rem;--_h2:1.875rem;--_h2s:1.5rem;--_sw:1.07;--_ok:#7BD08A;--_obs:#E9B44C;--_nede:#F2845C;
--_pil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M1 6h17M13 1l5 5-5 5'/%3E%3C/svg%3E");
color-scheme:dark}
@media (min-width:700px){:root{--_kant:32px;--_h1:3.5rem;--_h2:2.25rem;--_h2s:1.75rem;--_sw:.66}}
@media (min-width:1000px){:root{--_kant:56px;--_h1:3rem;--_h2:2.5rem;--_sw:.6}}
.fp-afrunding-ingen{--fp-r-betjening:0px;--fp-r-raekke:0px;--fp-r-maerkat:0px}
/* lyst bånd (sidehoved, tegningshoved, sidetitel, sidefod): listens værdier for lyst ark. Mærkerne står her. */
.fp-lys,.fp-atdemo{--fp-flade:#E6EAEE;--fp-tekst:#0D1520;--fp-tekst-svag:#3A4656;--fp-streg:rgb(13 21 32 / .32);color:var(--fp-tekst);color-scheme:light}
.fp-lys{background:var(--fp-flade)}

/* ---------- grund ---------- */
body{-webkit-text-size-adjust:100%;caret-color:var(--fp-gloed);
background-image:linear-gradient(rgb(230 234 238 / .075) 1px,transparent 1px),linear-gradient(90deg,rgb(230 234 238 / .075) 1px,transparent 1px),linear-gradient(var(--fp-gitter) 1px,transparent 1px),linear-gradient(90deg,var(--fp-gitter) 1px,transparent 1px);
background-size:100% 120px,120px 100%,100% 24px,24px 100%}
::selection{background:var(--fp-gloed);color:var(--fp-paa-gloed)}
.wp-site-blocks>*+*{margin-block-start:0}
/* korte sider: sidefoden står i bunden af vinduet (admin-bjælkens højde trækkes fra) */
.wp-site-blocks{display:flex;flex-direction:column;min-height:calc(100dvh - var(--wp-admin--admin-bar--height,0px))}
.wp-site-blocks>main{flex-grow:1}
h1,h2{text-wrap:balance}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--fp-tekst);outline-offset:3px}
summary{cursor:pointer}
.fp-hoved summary::-webkit-details-marker{display:none}
.fp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fp-mono{font:400 .75rem/1.5 var(--fp-skrift-mono)}
.fp-eyebrow,.fp-num,.fp-etage{font:400 .75rem/1.5 var(--fp-skrift-mono);color:var(--fp-tekst-svag)}
.fp-lead{font-size:1.125rem;line-height:1.55;max-width:34rem}
.fp-note{font-size:.9375rem;color:var(--fp-tekst-svag)}
h2.fp-h2-sm,.entry-content h2{font-size:var(--_h2s);line-height:1.18}
h2.fp-h3{font-size:1.125rem;line-height:1.3;letter-spacing:0}
.fp-pil{display:inline-block;width:1.15em;height:.7em;overflow:hidden;white-space:nowrap;background:currentColor;-webkit-mask:var(--_pil) center/contain no-repeat;mask:var(--_pil) center/contain no-repeat}
.fp-maerke{flex:none;width:1.75rem;height:1.75rem}
.wp-block-post-title .fp-maerke{width:.8em;height:.8em;margin-right:.25em;vertical-align:-.06em}

/* knapper: Glød er hovedhandlingen, kontur er den anden */
.wp-block-button__link,a.wp-element-button,input[type=submit],button[type=submit]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;height:auto;padding:6px 20px;border:1px solid var(--fp-gloed);border-radius:var(--fp-r-betjening);background:var(--fp-gloed);color:var(--fp-paa-gloed);font:600 1.0625rem/1.2 var(--fp-skrift);text-decoration:none;cursor:pointer}
:is(.wp-block-button__link,a.wp-element-button,input[type=submit],button[type=submit]):hover{text-decoration:underline}
.wp-block-button.is-style-outline>.wp-block-button__link{padding:6px 20px;border:1px solid;background:none;color:inherit}
div.wp-block-buttons{gap:12px}
/* "endnu ikke": Kommer snart, Kommende funktion, åbner snart */
.fp-snart,.fp-tag{display:inline-flex;align-items:center;gap:10px;font:400 .75rem/1.5 var(--fp-skrift-mono)}
.fp-snart::before,.fp-tag::before{content:"";flex:none;box-sizing:border-box;width:10px;height:10px;border:1px dashed}

/* forside, sidehoved og sidefod sætter selv alle afstande (som udkast 9). Forsidens egne regler: assets/fp-forside.css */
:is(.fp-forside,.fp-hoved,.fp-footer) *{margin:0;box-sizing:border-box}
:is(.fp-forside,.fp-hoved,.fp-footer) :is(ul,ol){padding:0;list-style:none}

/* ---------- sidehoved: arkets lyse titelstribe med megamenuen (udkast 12; markup i patterns/menu.php).
   Menuen er <details> og virker uden script; assets/fp-menu.js lægger kun opførsel oveni (Escape, klik udenfor, Tab ud, lås).
   Under 1100 px: knappen "Menu" åbner et ark i fuld højde, og produkterne er harmonika-rækker. ---------- */
.fp-hoved{display:flex;align-items:stretch;position:relative;z-index:2;min-height:61px;padding-inline:var(--_ud);border-bottom:1px solid var(--fp-tekst);scroll-margin-top:var(--wp-admin--admin-bar--height,0px)}
a.fp-logo{display:inline-flex;align-items:center;gap:10px;min-height:60px;text-decoration:none;font:600 1.125rem/1 var(--fp-skrift);letter-spacing:-.01em}
.fp-logo img{flex:none}
.fp-hoved>.fp-logo{padding-left:var(--_kant);margin-right:auto}
a.fp-tilmeld{min-height:44px;padding:8px 14px;font-size:.9375rem;white-space:nowrap}
a.fp-tilmeld--hoved{align-self:center;margin-right:8px;padding-inline:10px}
.fp-hoved:has(.fp-menu[open]) a.fp-tilmeld--hoved{display:none}
.fp-menu{align-self:center;margin-right:12px}
.fp-menuknap{display:grid;place-items:center;min-width:64px;min-height:44px;padding:8px 12px;border:1px solid var(--fp-streg);border-radius:var(--fp-r-betjening);font-weight:600;font-size:.9375rem;list-style:none}
.fp-menu:not([open]) .fp-menuknap>:last-child,.fp-menu[open] .fp-menuknap>:first-child{display:none}
.fp-menu__ark{position:absolute;top:calc(100% + 1px);left:0;right:0;display:flex;flex-direction:column;height:calc(100dvh - 61px - var(--wp-admin--admin-bar--height,0px));background:var(--fp-flade)}
.fp-menu__rul{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px var(--_kant) 24px}
.fp-menu__bund{flex:none;display:grid;gap:8px;padding:8px var(--_kant) 16px;border-top:1px solid var(--fp-tekst)}
.fp-genveje{display:flex;flex-wrap:wrap;gap:0 24px}
.fp-genveje a{display:flex;align-items:center;min-width:44px;min-height:44px;text-decoration:none}
.fp-genveje a:hover{text-decoration:underline}
.fp-menu__bund a.fp-tilmeld{min-height:48px;font-size:1.0625rem}
/* siden bag det åbne ark står stille (klassen sættes af scriptet) */
.fp-laast{overflow:hidden}
/* produkterne: navnet er en <summary>, der folder produktets dele ud */
.fp-mm-li{border-bottom:1px solid var(--fp-streg)}
.fp-mm-k{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;font-weight:600;list-style:none}
.fp-mm-k img{flex:none}
.fp-mm-k svg{box-sizing:content-box;flex:none;width:14px;height:14px;margin-left:auto;padding:8px;border:1px solid var(--fp-streg);fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s var(--fp-ud)}
.fp-mm-d[open] .fp-mm-k svg{transform:rotate(180deg)}
/* menuens to bevægelser: listen af dele glider ind, og pilen drejer. Mærkerne står stille. */
.fp-mm__dele{margin-top:4px;animation:fp-mm-ind .22s var(--fp-ud)}
@keyframes fp-mm-ind{from{opacity:0;transform:translateY(-6px)}}
.fp-mm__ind{padding-bottom:16px}
.fp-mm__navn{display:none}
.fp-mm__tekst{color:var(--fp-tekst-svag);font-size:.9375rem;line-height:1.5}
.fp-mm__alt{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;text-decoration:none}
.fp-mm__alt:hover{text-decoration:underline;text-decoration-color:var(--fp-gloed);text-decoration-thickness:2px}
.fp-mm__alt .fp-pil{color:var(--fp-gloed)}
.fp-mm__dele li{display:grid;justify-items:start;align-content:start;padding-bottom:12px;border-top:1px solid var(--fp-streg)}
.fp-mm__dele a{display:inline-block;min-width:44px;min-height:44px;padding-block:11px;font-weight:600;line-height:1.3;text-decoration:none}
.fp-mm__dele a:hover{text-decoration:underline}
/* telefon viser kun navne og status; linjen om hver del kommer fra 700 px */
.fp-mm__dele p{display:none;margin:-2px 0 10px;color:var(--fp-tekst-svag);font-size:.9375rem;line-height:1.5}
/* status som i værktøjsregistret: fyldt = kan prøves her, tom = kræver log-ind. Teksten siger det samme. */
.fp-mm__status{display:flex;align-items:center;gap:8px;font:400 .75rem/1.5 var(--fp-skrift-mono)}
.fp-mm__status::before{content:"";flex:none;width:10px;height:10px;border:1px solid}
.fp-mm__status--her::before{border-color:var(--fp-gloed);background:var(--fp-gloed)}
/* under 372 px er der ikke plads til knappen ved siden af logoet; den står nederst i arket */
@media (max-width:371.98px){a.fp-tilmeld--hoved{display:none}}

::placeholder{color:var(--fp-tekst-svag);opacity:1}
.fp-band__tal,.fp-pris__tal,.fp-beregner__stor{font:400 1.25rem/1.5 var(--fp-skrift-mono)}
.fp-source{display:flex;gap:10px;font:400 .75rem/1.6 var(--fp-skrift-mono);color:var(--fp-tekst-svag)}
.fp-source::before{content:"";flex:none;box-sizing:border-box;width:14px;height:.8em;border-left:1px solid;border-bottom:1px solid}
/* ---------- sidefod: tegningshovedet i bunden ---------- */
.fp-footer{padding:32px var(--_side) 0;border-top:1px solid var(--fp-streg);background:var(--fp-flade)}
.fp-footer .wp-block-columns{display:grid;gap:28px;padding-bottom:8px}
.fp-footer p{color:var(--fp-tekst-svag)}
.fp-footer h2{margin-bottom:4px;font:400 .75rem/1.5 var(--fp-skrift-mono);letter-spacing:0;color:var(--fp-tekst-svag)}
.fp-footer li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.fp-footer li a:hover{text-decoration:underline}
.fp-footer .fp-logo{min-height:44px}
.fp-footer__bund{padding:16px 0 24px;border-top:1px solid var(--fp-streg);font-size:.9375rem}

/* ---------- undersider: rækker og bånd med hårstreger i stedet for kort ---------- */
.fp-titel{padding-block:28px 24px;border-bottom:1px solid var(--fp-tekst)}
.fp-section{padding-block:36px 96px}
/* Løbende tekst holder læsebredden, men begynder ved samme venstrekant som de brede blokke og logoet.
   !important, fordi WordPress' egen regel sætter margin auto med !important. */
:is(.entry-content,.fp-flad)>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright){margin-left:max(0px,calc((100% - var(--fp-bredde-mellem)) / 2))!important;margin-right:auto!important}
/* Ensartet sektion uden gitter (Mathias 9.10.2026: en side må veksle mellem gitter og ensartet flade).
   Bruges på en gruppe i fuld bredde: wp:group {"align":"full","className":"fp-flad","layout":{"type":"constrained"}}. */
.fp-flad{margin-block:3rem;padding-block:48px;border-block:1px solid var(--fp-streg);background:var(--fp-flade)}
.entry-content>h2{margin-block-start:2.25rem}
/* Lange adresser som linktekst må knække, så siden ikke kan rulles sidelæns på smalle telefoner (gennemsynet B1, /nyt/ ved 320 px). */
.entry-content a{overflow-wrap:anywhere}
.fp-card,.fp-dark-card{height:100%;padding:20px 0 8px;border-top:1px solid var(--fp-streg)}
.fp-card>*+*,.fp-dark-card>*+*{margin-block-start:.75rem}
.fp-card--soon{border-top-style:dashed}
.fp-card>p:not(.fp-tag,.fp-num,.fp-eyebrow,.fp-note,.fp-pris__tal),.fp-dark-card p{color:var(--fp-tekst-svag)}
.fp-card :is(h2,h3) a,.fp-dark-card :is(h2,h3) a{text-decoration:none}
.fp-card :is(h2,h3) a:hover,.fp-dark-card :is(h2,h3) a:hover{text-decoration:underline}
.wp-block-columns+.fp-card{height:auto;margin-block-start:var(--wp--style--block-gap)}
.fp-dark-box{padding-block:24px;border-block:1px solid var(--fp-streg)}
.fp-pris{display:flex;flex-direction:column}
.fp-pris>.wp-block-buttons{margin-block-start:auto;padding-block-start:1rem}
.fp-pris__tal,.fp-beregner__stor{margin:0;font-size:1.75rem;line-height:1.2}
.fp-pris__liste{padding:0;list-style:none}
.fp-pris__liste li{position:relative;padding:.375rem 0 .375rem 1.5rem}
.fp-pris__liste li::before{content:"";position:absolute;left:2px;top:.85em;width:.6em;height:.3em;border-left:1.5px solid var(--fp-tekst);border-bottom:1.5px solid var(--fp-tekst);transform:rotate(-45deg)}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content table :is(td,th){padding:9px 12px 9px 0;border:0;border-top:1px solid var(--fp-streg);text-align:left;vertical-align:top}
.entry-content thead{border-bottom:1px solid var(--fp-tekst)}
.wp-block-separator{border:0;border-top:1px solid var(--fp-streg)}
.wp-block-details summary{padding-block:10px;font-weight:600}

/* felter (også Contact Form 7) */
input:not([type=checkbox],[type=radio],[type=range],[type=submit],[type=search]),textarea,select{box-sizing:border-box;max-width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--fp-tekst-svag);border-radius:var(--fp-r-betjening);background:none;color:inherit;font:inherit}
input[type=range],input[type=radio],input[type=checkbox]{accent-color:var(--fp-gloed)}
.wpcf7 label{display:block;max-width:34rem}
.wpcf7 :is(input:not([type=submit],[type=checkbox],[type=radio]),textarea){width:100%;margin-top:4px}
.wpcf7-not-valid-tip{color:var(--_nede);font-size:.875rem}
.wpcf7 form .wpcf7-response-output{margin:1rem 0 0;padding:.75rem 1rem;border:1px solid var(--fp-tekst-svag)}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--_ok)}
.wpcf7 form:is(.invalid,.unaccepted,.failed,.aborted,.spam) .wpcf7-response-output{border-color:var(--_nede)}

/* driftsstatus: prik + tekst + farve – aldrig farven alene. Farverne er valgt til den mørke flade. */
.fp-status{margin-block:var(--wp--preset--spacing--40)}
.fp-status--ok{--f:var(--_ok)}.fp-status--forstyrrelser{--f:var(--_obs)}.fp-status--nede{--f:var(--_nede)}
.fp-status--vedligehold,.fp-status--ukendt{--f:var(--fp-tekst-svag)}
.fp-status__prik{flex:none;width:.75rem;height:.75rem;border-radius:50%;background:var(--f)}
.fp-status--ukendt .fp-status__prik,.fp-status--vedligehold .fp-status__prik{background:none;box-shadow:inset 0 0 0 2px var(--f)}
.fp-status__samlet{display:flex;align-items:center;gap:.875rem;padding:1rem 0;border-block:1px solid var(--f)}
.fp-status__samlet .fp-status__prik{width:1rem;height:1rem}
.fp-status__overskrift{margin:0;font-weight:600;font-size:1.125rem}
.fp-status__tid{margin:.125rem 0 0;font-size:.875rem;color:var(--fp-tekst-svag)}
.fp-status h2.fp-status__gruppe{margin:var(--wp--preset--spacing--40) 0 .5rem;font:400 .75rem/1.5 var(--fp-skrift-mono);letter-spacing:0;color:var(--fp-tekst-svag)}
.fp-status__liste{margin:0;padding:0;list-style:none;border-top:1px solid var(--fp-tekst)}
.fp-status__linje{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.75rem 0;border-bottom:1px solid var(--fp-streg)}
.fp-status__navn{font-weight:600}
.fp-status__tilstand{display:inline-flex;align-items:center;gap:.5rem;color:var(--f);font-weight:600}
.fp-status__eksempel{margin:1rem 0;padding:.5rem .75rem;border:1px dashed var(--fp-tekst-svag);font-size:.875rem}
.fp-status__dev{margin-left:.375rem;padding:.0625rem .5rem;border:1px solid var(--fp-streg);border-radius:var(--fp-r-maerkat);font:400 .6875rem/1.5 var(--fp-skrift-mono);vertical-align:.1em}
.fp-status__dage{flex-basis:100%;display:flex;gap:2px;margin-top:.375rem}
.fp-status__dage .fp-status__dag{flex:1;height:1.75rem}
.fp-status__dag{display:inline-block;background:var(--f)}
.fp-status__dag.fp-status--ukendt{background:none;box-shadow:inset 0 0 0 1px var(--fp-streg)}
.fp-status__akse{flex-basis:100%;display:flex;justify-content:space-between;font-size:.75rem;color:var(--fp-tekst-svag)}
.fp-status__forklaring{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.75rem;font-size:.8125rem;color:var(--fp-tekst-svag)}
.fp-status__forklaring>span{display:inline-flex;align-items:center;gap:.375rem}
.fp-status__forklaring .fp-status__dag{width:.625rem;height:.625rem}
.fp-status__oppetid{color:var(--fp-tekst);font-weight:600}

/* prisberegner */
.fp-beregner{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-block:24px;border-block:1px solid var(--fp-streg)}
.fp-beregner fieldset{display:grid;gap:.25rem;margin:0 0 1.5rem;padding:0;border:0}
.fp-beregner legend,.fp-beregner__antal{margin-bottom:.5rem;font:400 .75rem/1.5 var(--fp-skrift-mono);color:var(--fp-tekst-svag)}
.fp-beregner label{display:flex;align-items:center;gap:.5rem;min-height:44px}
.fp-beregner__antal,.fp-beregner__egne label{justify-content:space-between;gap:1rem}
.fp-beregner__antal output{color:var(--fp-tekst)}
.fp-beregner input[type=range]{width:100%;min-height:44px}
.fp-beregner__egne{margin-top:1.5rem}
.fp-beregner__egne input{flex:none;width:6.5rem}
.fp-beregner__resultat{padding-left:clamp(1.5rem,4vw,3rem);border-left:1px solid var(--fp-tekst)}
.fp-beregner__resultat p{margin:.25rem 0}
.fp-beregner__under{font-size:.8125rem;color:var(--fp-tekst-svag)}
.fp-beregner__spar{margin-top:1rem!important;padding-top:1rem;border-top:1px solid var(--fp-streg)}
.fp-beregner__resultat .wp-block-button__link{margin-top:1rem}
@media (max-width:699px){.fp-beregner{grid-template-columns:1fr}.fp-beregner__resultat{padding:1rem 0 0;border-left:0;border-top:1px solid var(--fp-tekst)}}

/* /vaerktoejer/: rammen om light-værktøjet (indholdet har sit eget tema), reserve-beskeden og Cert-eksemplet */
.fp-vaerktoej{margin-block:1rem;overflow:hidden;border:1px solid var(--fp-streg)}
.fp-vaerktoej:not([id]),.fp-certeksempel{border:1px dashed var(--fp-tekst-svag)}
.fp-vaerktoej iframe{display:block;width:100%;height:720px;border:0}
.fp-vaerktoej iframe[hidden]{display:none}
.fp-vaerktoej__reserve{margin:0;padding:1.5rem}
.fp-certeksempel{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:1rem 0 .5rem;padding:1.25rem}
.fp-certeksempel dt{font:400 .75rem/1.5 var(--fp-skrift-mono);color:var(--fp-tekst-svag)}
.fp-certeksempel dd{margin:.125rem 0 0;font-weight:600}
/* link i en række eller under en side ("Se priser", "Se alle værktøjer"): fuld trykflade */
.fp-card>p.fp-vt-link{color:inherit}
.fp-vt-link a{display:inline-flex;align-items:center;min-height:44px}
.entry-content h2[id]{scroll-margin-top:1.5rem}
.fp-vaerktoej-bred{max-width:none;padding-inline:8px}
.fp-vaerktoej-bred .fp-vaerktoej{margin-block:.5rem}
/* 1662 = værktøjets fulde bredde 1640 + 2 × (8 luft + 1 kant + 2 i værktøjet): først derfra står rammen kant til kant */
@media (min-width:1662px){.fp-vaerktoej-bred{padding-inline:0}.fp-vaerktoej-bred .fp-vaerktoej{border-inline:0}}

/* ---------- bredder ---------- */
@media (min-width:700px){
.fp-footer .wp-block-columns{grid-template-columns:2fr 1fr 1fr}
.fp-mm__dele{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.fp-mm__dele li{padding:4px 24px 16px 0}
.fp-mm__dele p{display:block}
}
/* Bred skærm: produkterne står i titelstriben, og panelet lægger sig i fuld bredde under den. Målt i udkast 12: logo, fire
   produkter, tre genveje og knappen kan først stå på én linje fra 1100 px. Temaets kant er 56 px her (udkastets 32), så luften
   mellem punkterne (--_luft) er 8 px op til 1280 px og udkastets 12 px derfra – målt på prøven: 31 px til overs ved 1100 px.
   Ældre browsere uden ::details-content beholder knappen "Menu" og arket. */
@media (min-width:1100px){@supports selector(::details-content){
.fp-hoved{--_luft:8px}
.fp-hoved>.fp-logo{margin-right:0;padding-right:calc(var(--_luft) + 8px);border-right:1px solid var(--fp-streg);font-size:1.1875rem}
.fp-menuknap,a.fp-tilmeld--hoved{display:none}
.fp-menu{flex:1;margin:0}
.fp-menu::details-content{content-visibility:visible}
.fp-menu__ark{position:static;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;height:auto;padding:0 var(--_kant) 0 var(--_luft);background:none;font-size:.9375rem}
.fp-menu__rul{flex:none;overflow:visible;padding:0}
.fp-menu__bund{display:flex;align-items:center;gap:calc(var(--_luft) + 2px);padding:0;border:0}
.fp-genveje{flex-wrap:nowrap;gap:0 calc(var(--_luft) + 2px);white-space:nowrap}
.fp-menu__bund a.fp-tilmeld{min-height:44px;padding:8px calc(var(--_luft) + 4px);font-size:inherit}
.fp-mm-liste{display:flex;align-items:center}
.fp-mm-li{border:0}
.fp-mm-k{min-height:44px;gap:6px;padding:8px var(--_luft);border-radius:var(--fp-r-betjening);white-space:nowrap}
.fp-mm-k img{display:none}
.fp-mm-k svg{margin:0;padding:0;border:0}
.fp-mm-k:hover,.fp-mm-d[open] .fp-mm-k{background:rgb(13 21 32 / .07)}
/* det åbne produkt: en kort Glød-streg på titelstribens bundlinje */
.fp-mm-d[open] .fp-mm-k::after{content:"";position:absolute;left:var(--_luft);right:var(--_luft);bottom:-8px;height:3px;background:var(--fp-gloed)}
.fp-mm{position:absolute;top:calc(100% + 1px);left:0;right:0;padding:32px var(--_side) 44px;background:var(--fp-flade);border-bottom:1px solid var(--fp-tekst)}
.fp-mm__ind{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:0 40px;padding:0}
.fp-mm__om{display:grid;align-content:start;justify-items:start;gap:12px;padding-right:32px;border-right:1px solid var(--fp-streg)}
.fp-mm__navn{display:flex;align-items:center;gap:14px;font:600 1.5rem/1.15 var(--fp-skrift);letter-spacing:-.015em}
.fp-mm__dele{align-content:start;margin:0}
.fp-mm__dele li{padding:6px 28px 18px 0}
}}
@media (min-width:1280px){@supports selector(::details-content){
.fp-hoved{--_luft:12px}
.fp-menu__ark{font-size:inherit}
.fp-mm__dele:not(.fp-mm__dele--to){grid-template-columns:repeat(3,minmax(0,1fr))}
}}

/* ---------- afrunding. Blødt = her kan du gøre noget. Skarpt = det er tegningen.
   betjening (standard) og ark: reglerne herunder. ingen: de tre --fp-r-… er 0, og reglerne gælder ikke. ---------- */
body:not(.fp-afrunding-ingen) :is(a,summary):focus-visible{border-radius:8px}
body:not(.fp-afrunding-ingen) .fp-mm-k svg{border-radius:50%}
body:not(.fp-afrunding-ingen) :is(.fp-snart,.fp-tag){padding:4px 12px 4px 10px;border:1px dashed;border-radius:var(--fp-r-maerkat)}
body:not(.fp-afrunding-ingen) :is(.fp-snart,.fp-tag)::before{border-style:solid;border-radius:50%}
body:not(.fp-afrunding-ingen) .fp-card :is(h2,h3) a{display:inline-block;margin:-11px 0 -9px -12px;padding:11px 12px;border-radius:var(--fp-r-betjening);background:rgb(230 234 238 / .08);text-decoration:none}
body:not(.fp-afrunding-ingen) .fp-card :is(h2,h3) a:hover{background:rgb(230 234 238 / .16)}
/* ark: også ark og rammer. Tegningens streger og mærkerne røres aldrig. */
.fp-afrunding-ark .fp-hoved{border-bottom:0;border-radius:0 0 var(--fp-r-raekke) var(--fp-r-raekke)}
.fp-afrunding-ark :is(.fp-menu__ark,.fp-mm){top:100%}
.fp-afrunding-ark .fp-footer{margin-inline:calc(var(--_kant) / 2)}
.fp-afrunding-ark .fp-footer{padding-inline:max(calc(var(--_kant) / 2),calc((100% - var(--fp-bredde-mellem)) / 2))}
.fp-afrunding-ark .fp-footer{border-radius:var(--fp-r-raekke) var(--fp-r-raekke) 0 0}
.fp-afrunding-ark :is(.fp-vaerktoej,.fp-certeksempel,.fp-status__eksempel){border-radius:var(--fp-r-raekke)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}