uden Webflow-klasse og var derfor Arial under en Montserrat-titel. */
#booking-kort .mbk-card-sub{font-family:inherit!important}
/* ===== Minibus-Claude testside v6 · prototypens fuldbredde-layout ===== */
/* v4: bokse i samme raekke faar samme hoejde, adressemotorens hjaelpetekst (.nrd-*)
passer ind i boksene, varsel ved kort varsel, travl-tilstand paa knappen og
FOUC-vaern paa navigationen. Wizarden hentes nu fra
public/webflow/minibus-claude-wizard.js.
v5 (Mehmets layoutgennemgang): kort varsel-strimlen er en pille i stedet for en
fuldbredde-stribe, rejsetype-raekken er samlet i venstre side, passager-stepperen er
venstrestillet med knapperne til hoejre, Anledning staar paa EEN linje, lodrette
marginer strammet 10 -> 8 px, og trust-linjens regler er fjernet med elementerne.
v6: passagerboksens 40 px overhoejde (Webflow-klassens margin-bottom) er lukket,
stepper-knapperne er restylet, "+" i den valgfri sektion staar nu lige efter teksten,
og reglerne for den fjernede rejsetype-overskrift er slettet.
OBS: den strippede kopi i Webflow er nu 20.429 tegn - taet paa graensen omkring
20.400-22.400 hvor freeform-blokken svarer HTTP 406. Skal der mere CSS til, saa slet
noget doedt foerst. */
/* --- Hero: video som fuldbredde-baggrund, kopi ovenpå, bredt kort der overlapper --- */
.mbk-hero{position:relative;background:#f7f3eb!important;background-image:none!important;padding:0 0 60px!important}
.mbk-hero .brix---container-default-5{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
.mbk-hero-grid{display:block!important;max-width:none!important}
.mbk-video-wrap{position:absolute!important;top:0;left:0;right:0;width:auto!important;height:620px;border-radius:0!important;box-shadow:none!important;overflow:hidden;z-index:0}
.mbk-video-wrap .video{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;box-shadow:none!important;display:block}
.mbk-video-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(13,45,48,.05),rgba(8,35,37,.35) 42%,rgba(7,31,33,.8) 100%),linear-gradient(90deg,rgba(7,38,40,.92) 0%,rgba(11,51,53,.55) 45%,rgba(11,51,53,.08) 82%)}
.mbk-hero-left{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:150px 24px 0;box-sizing:border-box}
.mbk-hero-left .lille-overskrift-2{color:#cfe4df!important;font-size:12px!important;letter-spacing:.22em!important;text-align:left!important;margin:0 0 10px!important}
.mbk-hero-left .overskift-h2-left-3{color:#fff!important;font-size:clamp(30px,3.9vw,54px)!important;line-height:1.04!important;letter-spacing:-.04em!important;text-align:left!important;margin:0!important;align-self:flex-start!important}
.mbk-hero-left .udesly-typewriter-effect-2{color:#f0c56c!important;font-size:clamp(26px,3.3vw,46px)!important;line-height:1.05!important;text-align:left!important}
.mbk-hero-left .underline,.mbk-hero-left .nyhed,.mbk-hero-left .mbk-chips{display:none!important}
.mbk-hero-left .div-block-34{margin-top:16px}
.mbk-hero-left .text-block-28{color:#fff!important}
.mbk-hero-left .small-pargaraph-2{color:#dcebe7!important}
.mbk-hero-left .social-proof-wrapper-2 img{filter:brightness(0) invert(1)}
#booking-kort{position:relative;z-index:2;width:calc(100% - 48px)!important;max-width:1160px!important;min-width:0;margin:40px auto 0!important;border-radius:26px!important;box-shadow:0 30px 85px rgba(13,31,46,.2),0 2px 7px rgba(13,31,46,.06)!important}
/* --- Kort-header: titel til venstre, meta-piller + trin til højre (JS bygger .mbk-cardhead) --- */
/* v9: tre dele — titel | telefon-pille | meta+trin. Pillen er flyttet ind her af
JS'en, saa den staar i samme linje som titlen og "Ca. 1 minut" i stedet for som en
centreret stribe under dem. `flex:1` paa midten holder pillen midt i kortet uanset
hvor bred titlen er, og `align-self:flex-start` + de 3 px stiller den paa linje med
titlens tekst - ikke midt imellem badge og trin-cirkler. */
.mbk-cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.mbk-cardhead-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex:0 0 auto}
.mbk-meta{display:flex;gap:8px}
.mbk-meta span{background:#f2f7f5;border-radius:999px;color:#647472;font-size:9px;font-weight:800;letter-spacing:.06em;padding:6px 9px;text-transform:uppercase;white-space:nowrap}
.mbk-meta span:first-child::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#f0c56c;margin-right:6px}
#booking-kort .mbk-card-title{font-size:26px!important;letter-spacing:-.03em!important;line-height:1.12}
#booking-kort .mbk-card-sub{font-size:13px!important;color:#647472!important;max-width:520px}
/* Webflow-klassen er et blok-element med baggrund, saa den tonede stribe loeb i hele
kortets 1160 px og laeste som en fejlbesked. Den er en biseddel: gjort til en pille
der kun er saa bred som sin egen tekst, paa EEN linje (kildens
slaas ud).
v7: pillen centreres over kortet. Den var `inline-flex`, og et inline-niveau-element
kan kun centreres af foraelderens `text-align` - og foraelderen er formularen selv,
som ikke maa centrere alt andet. Derfor `flex` + `width:fit-content` +
`margin-inline:auto`, som centrerer boksen uden at roere noget udenfor.
NB: JS'en skjuler pillen paa trin 2-3 med setProperty('display','none','important'),
saa `display` SKAL blive ved med at vaere !important her - ellers kan trin 1 ikke
vinde vaerdien tilbage. */
#booking-kort .samme-doegn-notice{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;width:fit-content!important;max-width:100%;box-sizing:border-box;font-size:12px!important;line-height:1.4;padding:7px 14px!important;margin:0 auto!important;border-radius:999px!important;text-align:center!important}
/* v9: naar pillen sidder i headeren, er den et flex-barn i midten - ikke et blokelement
der centreres med auto-margin. Bundmargenen (12 px) er vaek: den skubbede
rejsetype-toggle'en ned, og den plads er praecis den Mehmet ville have igen. */
.mbk-cardhead>.samme-doegn-notice{flex:0 1 auto;align-self:flex-start;margin:3px auto 0!important;min-width:0}
#booking-kort .samme-doegn-notice br{display:none}
/* --- Trin-indikator: cirkler med korte forbindelseslinjer --- */
#mini-booking-claude .mbk-progress,#mini-booking .mbk-progress{display:none!important}
.mbk-steps{display:flex!important;gap:34px;margin:0!important}
.mbk-stepdot{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;font:inherit;color:#93a3a1;font-size:11.5px;font-weight:700;cursor:default;position:relative}
.mbk-stepdot span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fafcfb;border:1px solid #e3e8ea;font-size:13px}
.mbk-stepdot+.mbk-stepdot::before{content:'';position:absolute;top:15px;right:calc(100% + 7px);width:20px;height:1px;background:#e0e8ea}
.mbk-stepdot.mbk-active{color:#266b70}
.mbk-stepdot.mbk-active span{background:#266b70;border-color:#266b70;color:#fff}
.mbk-stepdot.mbk-done{color:#266b70;cursor:pointer}
.mbk-stepdot.mbk-done span{background:#e2f1f0;border-color:#b8d8d6;color:#266b70;transition:background .2s,color .2s}
.mbk-stepdot.mbk-done:hover span{background:#266b70;color:#fff}
.mbk-stepdot.mbk-done+.mbk-stepdot::before,.mbk-stepdot.mbk-active+.mbk-stepdot::before{background:#9fc9c6}
/* --- Rutekontekst-strimmel (trin 2-3) --- */
.mbk-context{align-items:center;gap:8px;background:#f3f7f6;border:1px solid #e7eeec;border-radius:10px;padding:8px 12px;margin:0 0 12px;font-size:12px;color:#5b6b70;min-width:0}
.mbk-context strong{color:#0d1f2e;font-weight:700;max-width:31%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbk-context>span{color:#266b70}
/* v9: dato/tid staar nu ved siden af passagertallet. De to piller ligger i en faelles
wrapper der skubbes helt til hoejre (margin-left:auto), og `padding-left` giver den
luft Mehmet bad om mellem adresseteksten og pillerne - ogsaa naar ruten er kort og
der ellers ikke ville vaere noget mellemrum.
Adressernes max-width er sat fra 36% til 31%, saa den nye pille har plads foer
ellipsen slaar til. */
.mbk-context .mbk-ctx-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;padding-left:16px}
.mbk-context em{font-style:normal;background:#fff;border:1px solid #e3e8ea;border-radius:999px;padding:3px 9px;white-space:nowrap}
.mbk-context .mbk-ctx-when{color:#174047;font-weight:700;border-color:#d3e4e1}
/* --- Rejsetype-række (JS bygger .mbk-toolbar) ---
v5: overskriften ".mbk-toolbar-txt" er fjernet i JS'en, saa reglerne for den er ogsaa
vaek. Wrapperen bliver, fordi den giver toggle'en bundmargin og gaar til fuld bredde
paa mobil.
v7: toggle'en er centreret. Da overskriften forsvandt i v6, stod de to knapper alene
i venstre kant med ~600 px tomt kort til hoejre; centreret bliver de sidens foerste
valg i stedet for en efterladt etikette. Knappernes egen tekst centreres med, saa
"En vej" og "Frem og tilbage" staar symmetrisk i hver sin halvdel. */
/* v9: toppen strammet fra 0 til -2 px. Pillen forlod flowet (den sidder i headeren nu),
og toggle'en er sidens foerste egentlige valg - den maa gerne ligge taet paa titlen. */
.mbk-toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:-2px 0 10px}
#mini-booking-claude .mbk-seg,#mini-booking .mbk-seg{display:grid!important;grid-template-columns:1fr 1fr;background:#edf3f2!important;border-radius:13px!important;padding:3px!important;margin:0!important}
#mini-booking-claude .mbk-seg-btn,#mini-booking .mbk-seg-btn{display:block!important;border-radius:10px!important;padding:7px 12px!important;background:transparent!important;color:#5b6b70!important;text-decoration:none!important;border:0!important;min-width:0!important;text-align:center!important}
#mini-booking-claude .mbk-seg-btn div,#mini-booking .mbk-seg-btn div{display:flex;flex-direction:column;align-items:center;gap:1px}
#mini-booking-claude .mbk-seg-btn strong,#mini-booking .mbk-seg-btn strong{font-size:13px}
#mini-booking-claude .mbk-seg-btn small,#mini-booking .mbk-seg-btn small{font-size:10px;opacity:.75}
#mini-booking-claude .mbk-seg-btn.active,#mini-booking .mbk-seg-btn.active{background:#fff!important;box-shadow:0 4px 14px rgba(13,31,46,.09);color:#0d1f2e!important}
@media (min-width:768px){#mini-booking-claude .mbk-seg,#mini-booking .mbk-seg{display:inline-grid!important;min-width:280px}}
@media (max-width:767px){.mbk-toolbar{flex-direction:column;align-items:stretch}}
/* --- Boksede felter --- */
#mini-booking-claude .mbk-field,#mini-booking .mbk-field{background:#fbfcfc;border:1px solid #e3e8ea;border-radius:13px;padding:9px 13px;margin:0 0 8px;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:56px;min-width:0;transition:border-color .2s,box-shadow .2s;text-align:left}
#mini-booking-claude .mbk-field:focus-within,#mini-booking .mbk-field:focus-within{border-color:#266b70;box-shadow:0 0 0 3px rgba(38,107,112,.12)}
#mini-booking-claude .mbk-field:has(.mbk-err),#mini-booking .mbk-field:has(.mbk-err){border-color:#d9534f!important;box-shadow:0 0 0 3px rgba(217,83,79,.14)!important}
#mini-booking-claude .mbk-field>label,#mini-booking .mbk-field>label,#mini-booking-claude .mbk-field .mbk-flabel,#mini-booking .mbk-field .mbk-flabel,#mini-booking-claude .mbk-summary .mbk-flabel,#mini-booking .mbk-summary .mbk-flabel{display:block;min-width:0!important;width:100%!important;text-align:left!important;font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase;color:#266b70!important;margin:0!important;padding:0!important;line-height:1.35}
#mini-booking-claude .mbk-field input:not([type=checkbox]),#mini-booking .mbk-field input:not([type=checkbox]),#mini-booking-claude .mbk-field textarea,#mini-booking .mbk-field textarea,#mini-booking-claude .mbk-field select,#mini-booking .mbk-field select{min-width:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:2px 0!important;background:transparent!important;border:0!important;font-size:15px!important;line-height:1.4;letter-spacing:normal!important;text-align:left!important;min-height:0!important;height:auto!important;box-shadow:none!important;color:#0d1f2e!important;outline:none!important}
#mini-booking-claude .mbk-field textarea,#mini-booking .mbk-field textarea{min-height:64px!important;resize:vertical}
#mini-booking-claude .mbk-field select,#mini-booking .mbk-field select{appearance:auto;cursor:pointer}
#mini-booking-claude .mbk-field ::placeholder,#mini-booking .mbk-field ::placeholder{color:#8a9695;opacity:1}
/* --- Fra/Til-rutegruppe med byt-knap --- */
.mbk-route{position:relative;display:grid;gap:8px;margin:0 0 8px}
.mbk-route .mbk-field{margin:0!important;padding-right:64px}
.mbk-swap{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#174047;color:#fff;border:4px solid #fff;font-size:17px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(13,31,46,.22);transition:background .2s}
.mbk-swap:hover{background:#266b70}
/* --- Stop-felter (uden boks-wrapper) --- */
#mini-booking-claude .stop-input,#mini-booking .stop-input{min-width:0!important;width:100%!important;box-sizing:border-box!important;margin:0 0 8px!important;padding:11px 13px!important;background:#fbfcfc!important;border:1px solid #e3e8ea!important;border-radius:13px!important;font-size:14px!important;letter-spacing:normal!important;text-align:left!important;min-height:46px}
#mini-booking-claude .stop-input:focus,#mini-booking .stop-input:focus{border-color:#266b70!important;outline:none!important;box-shadow:0 0 0 3px rgba(38,107,112,.12)!important}
#mini-booking-claude .mbk-add-stop,#mini-booking .mbk-add-stop{display:inline-block;font-size:12.5px!important;font-weight:700!important;color:#266b70!important;margin:0 0 10px!important;text-decoration:none!important}
/* --- LEGACY-BREDDER: fire klasser fra det oprindelige fuldbredde-design ---------
Maalt 31/8-2026 i den publicerede site-CSS. Reglerne fyrer KUN uden for de bredder
man tilfaeldigvis tester i, og derfor har ingen set dem:
@media (min-width:1920px)
.div-block-31 padding-left:140px -> stoppene stod 140 px inde i venstre side
men flugtede med hoejre kant. Praecis det
skaeve indryk Mehmet fangede paa sin
brede skaerm.
@media (max-width:479px) <- ALLE almindelige telefoner: 360, 375, 390, 412 px
.div-block-31 width:38% -> stop-feltet 113 px mod Fra/Til's 297
.div-block-33 width:40% -> udturens DATO-felt 108 px
.return-section width:38% -> HELE hjemrejsen 113 px: datofeltet paa
trin 1 og alle felterne i hjemrejseboksen
paa trin 2
@media (max-width:767px)
.div-block-31 text-align:center + margin-bottom:40px
.return-section text-align:center (ogsaa i base)
Det er samme faelde som de gamle min-widths paa .label-2/.text-field-3 (se README):
en legacy-klasse baerer noget fra en helt anden tid, og Designer-API'et viser det
ikke - kun den publicerede CSS goer.
Alle fire nulstilles paa ALLE bredder, saa felterne opfoerer sig som Fra/Til: fuld
bredde, venstrestillet, uden indryk. Kun BREDDE og justering roeres - marginerne
bliver, saa den lodrette rytme jeg allerede har verificeret paa desktop staar fast.
Reglen er scopet til formularen, og filen hentes kun af /minibus-claude, saa
prod-siden (som bruger de samme klasser) roeres ikke. --- */
/* Kun BREDDE og justering. IKKE padding: del A flytter `return-section`-klassen op paa
.mbk-field-boksene, og et padding-reset her ville presse teksten helt ud til kanten i
hjemrejsens felter. Containerens 140 px indryk ryddes af den naeste regel i stedet. */
/* v13 (4/9-2026): de fire foerste selektorer manglede `#mini-booking`-tvillingen, saa
efter go-live (formularen hedder nu #mini-booking) fyrede Webflows legacy-bredder
igen paa telefonen: datofeltet stod 50 px bredt ("mm" + ikon), stop-felterne 38 %.
Maalt paa den live side 4/9 i 390 px. */
#mini-booking-claude #stops-container,#mini-booking #stops-container,
#mini-booking-claude #stops-container-retur,#mini-booking #stops-container-retur,
#mini-booking-claude .div-block-32,#mini-booking .div-block-32,
#mini-booking-claude .div-block-33,#mini-booking .div-block-33,
#mini-booking-claude .return-section,#mini-booking .return-section{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;text-align:left!important}
#mini-booking-claude #stops-container,#mini-booking #stops-container,#mini-booking-claude #stops-container-retur,#mini-booking #stops-container-retur{padding:0!important;margin:0!important;font-size:inherit!important}
/* --- Gruppeoverskrift over stoppene (JS bygger den) ---
Samme typografi som feltlabels (FRA, TIL), saa kortet laeses som een liste.
v10: TO kolonner i samme grid som stop-raekken under den, saa "VENTETID VED
STOPPET" staar praecis over ventetidsboksene. Overskriften er dét der gor den hoejre
halvdel forstaaelig - boksene selv har ingen etiket paa desktop.
Skjulningen bliver ved med at virke: sidens head-embed har
`.stop-hidden{display:none!important}`, og !important slaar denne ID-regel. */
#mini-booking-claude .mbk-stoplabel,#mini-booking .mbk-stoplabel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#266b70;margin:2px 0 6px;padding:0 2px;line-height:1.35;text-align:left}
#mini-booking-claude .mbk-stoplabel>span,#mini-booking .mbk-stoplabel>span{display:block;min-width:0;overflow-wrap:anywhere}
/* v7: hvert stop ligger i sin egen .mbk-stoprow med et nummer i venstre side og en
minus-knap, saa det er tydeligt at det er ekstra stop 1, 2, 3 ... og saa et stop man
fortryder kan lukkes igen.
v10: RAEKKEN ER DELT I TO HALVDELE - adressen til venstre, ventetiden ved netop det
stop til hoejre - plus minus-knappen i sin egen smalle kolonne. Ventetiden laa foer
som EET tal for hele turen paa trin 2 ("Ventetid undervejs"), og det kunne ikke sige
HVOR bussen stod stille. Nu laeses raekken som een saetning: hvor, og hvor laenge.
Adressen har faaet sin EGEN celle (.mbk-stopaddr) og ligger ikke laengere direkte i
raekken. Det er den samme grund som foer holdt nummer og knap absolut placerede:
adressemotoren indsaetter sin hjaelpelinje (.nrd-ac-hint) som inputtets NAESTE
SOESKENDE, og laa inputtet i raekkens grid, ville hintet blive en grid-celle og lande
ude ved siden af ventetiden i stedet for under feltet. Cellen er en almindelig blok,
saa hintet floeder normalt - og den er `position:relative`, saa nummeret kan sidde
inde i feltet som foer.
Minus-knappen er stadig ABSOLUT - nu i adressecellen, praecis hvor den sad i v7.
Den blev proevet som en tredje kolonne til hoejre for ventetiden, men saa blev
stop-raekkerne 34 px smallere end Fra/Til over dem og Dato/Antal under dem, og den
indrykning kan man se paa kortets hoejre kant. Raekken er derfor to LIGE halvdele i
samme 1fr 1fr-grid som de andre to-kolonne-raekker.
Lodret placering: (46 px feltets min-hoejde - 26 px knappen) / 2 = 10 px.
`align-items:start`: naar motoren skriver et hint under adressen, vokser den venstre
celle. Uden start-justering ville ventetidsboksen straekke sig med og staa som en
unaturligt hoej boks ved siden af en fejlbesked.
Raekken baerer `stop-hidden` (reglen `display:none!important` staar i sidens
head-embed og slaar derfor denne ID-regel), ikke inputtet - ellers ville nummer,
ventetid og knap blive staaende naar feltet blev skjult. */
#mini-booking-claude .mbk-stoprow,#mini-booking .mbk-stoprow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;margin:0 0 8px}
#mini-booking-claude .mbk-stopaddr,#mini-booking .mbk-stopaddr{position:relative;min-width:0}
#mini-booking-claude .mbk-stoprow .stop-input,#mini-booking .mbk-stoprow .stop-input{margin:0!important;padding-left:44px!important;padding-right:46px!important}
#mini-booking-claude .mbk-stopnr,#mini-booking .mbk-stopnr{position:absolute;left:9px;top:11px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e8f1f0;color:#266b70;font-size:12px;font-weight:800;line-height:1;pointer-events:none}
#mini-booking-claude .mbk-stopdel,#mini-booking .mbk-stopdel{position:absolute;right:9px;top:10px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;min-height:0;padding:0;background:#fff;border:1px solid #dce5e4;border-radius:50%;color:#8a9695;font-size:16px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(13,31,46,.06);transition:background .18s,border-color .18s,color .18s}
#mini-booking-claude .mbk-stopdel:hover,#mini-booking .mbk-stopdel:hover{background:#fdf0ec;border-color:#e6b7ae;color:#a94432}
#mini-booking-claude .mbk-stopdel:active,#mini-booking .mbk-stopdel:active{background:#f7ddd6}
/* --- Ventetid ved stoppet (hoejre halvdel af raekken) ---
Boksen er bygget som .stop-input: samme baggrund, kant, radius og 46 px hoejde, saa
de to halvdele er EEN raekke og ikke et felt med noget klistret paa. Selecten er
gennemsigtig og uden kant indeni - praecis som selects i .mbk-field-boksene - saa det
kun er boksen der har en kant.
`appearance:auto` beholder browserens egen pil. Det er det eneste sted i kortet der
viser browser-chrome ud over de to andre selects, og det er bevidst: pilen er dét der
siger at boksen KAN klikkes, og der er ingen etiket til at sige det. */
#mini-booking-claude .mbk-stopwait,#mini-booking .mbk-stopwait{display:flex;align-items:center;min-width:0;box-sizing:border-box;min-height:46px;padding:0 9px 0 13px;background:#fbfcfc;border:1px solid #e3e8ea;border-radius:13px;transition:background .2s,border-color .2s,box-shadow .2s}
#mini-booking-claude .mbk-stopwait:focus-within,#mini-booking .mbk-stopwait:focus-within{border-color:#266b70;box-shadow:0 0 0 3px rgba(38,107,112,.12)}
#mini-booking-claude .mbk-stopwait .mbk-waitsel,#mini-booking .mbk-stopwait .mbk-waitsel{appearance:auto;cursor:pointer;min-width:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;min-height:0!important;height:auto!important;font-size:14px!important;line-height:1.4;letter-spacing:normal!important;text-align:left!important;color:#5b6b70!important}
/* Har kunden VALGT ventetid, skal det kunne ses paa en liste med fem raekker uden at
laese hver boks: teal toning og kant, og teksten i fuld farve i stedet for graa. */
#mini-booking-claude .mbk-stopwait.har-ventetid,#mini-booking .mbk-stopwait.har-ventetid{background:#eef6f4;border-color:#bcd5d1}
#mini-booking-claude .mbk-stopwait.har-ventetid .mbk-waitsel,#mini-booking .mbk-stopwait.har-ventetid .mbk-waitsel{color:#174047!important;font-weight:700}
/* Tom raekke = intet stop at vente ved. JS saetter `disabled` (se opdaterVentetid), og
boksen skal SE lukket ud, ellers ser et valg man ikke kan tage ud som et man glemte.
Stiplet kant frem for graa: den siger "her kommer noget", ikke "her er en fejl". */
#mini-booking-claude .mbk-stopwait.mbk-tom,#mini-booking .mbk-stopwait.mbk-tom{background:#fff;border-style:dashed;border-color:#e3e8ea}
#mini-booking-claude .mbk-stopwait.mbk-tom .mbk-waitsel,#mini-booking .mbk-stopwait.mbk-tom .mbk-waitsel{color:#b3bebd!important;cursor:default}
/* Sumfeltet er et `type="hidden"`, men en Webflow-klasse med display:block paa
input-elementer ville kunne traekke det frem. Lukket her ogsaa. */
#mini-booking-claude #VentetidTimer,#mini-booking #VentetidTimer{display:none!important}
/* Telefon: de to halvdele stables, og minus-knappen bliver ved med at staa ud for
adressen. Kolonneoverskriften "VENTETID VED STOPPET" giver ingen mening naar der
ikke er en kolonne, saa den skjules - i stedet faar boksen sin egen lille etiket, saa
et "30 min." aldrig staar alene uden at sige hvad det er. */
@media (max-width:767px){
#mini-booking-claude .mbk-stoprow,#mini-booking .mbk-stoprow{grid-template-columns:minmax(0,1fr);gap:6px}
#mini-booking-claude .mbk-stoplabel,#mini-booking .mbk-stoplabel{grid-template-columns:minmax(0,1fr)}
#mini-booking-claude .mbk-stoplabel .mbk-waithead,#mini-booking .mbk-stoplabel .mbk-waithead{display:none}
#mini-booking-claude .mbk-stopwait::before,#mini-booking .mbk-stopwait::before{content:'Ventetid';flex:0 0 auto;margin-right:9px;font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#266b70}
}
/* --- To-kolonne-rækker --- */
#mini-booking-claude .mbk-row2,#mini-booking .mbk-row2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0;margin:0 0 8px}
/* Hver grid-celle er et ekstra