/* Tilpasninger til WordPress (ikke en del af previewet) */
.jbi-prose{max-width:760px}
.jbi-prose p{margin:0 0 1em}
[data-href]{cursor:pointer}
/* Adgangskodefelter som de øvrige felter (manglede i previewets CSS) */
input[type=password]{font:inherit;font-size:15px;padding:11px 12px;border:1px solid #d0d2d8;border-radius:var(--r);background:#fff;color:var(--ink);width:100%}
input[type=password]:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red)}
/* Webshop slået fra (JBI_WEBSHOP=false): ikon, mobillink, footer-kolonne og forsidekort skjules */
.jbi-no-shop .shop-link,.jbi-no-shop .mob-shop{display:none!important}
.jbi-no-shop .footer .cols>div:nth-child(3){display:none}
.jbi-no-shop .footer .cols{grid-template-columns:1.5fr 1fr 1fr}
.jbi-no-shop .duo>div:nth-child(3){display:none}
.jbi-no-shop .duo{grid-template-columns:1fr 1fr}
@media (max-width:1024px){.jbi-no-shop .footer .cols{grid-template-columns:1fr 1fr}.jbi-no-shop .duo{grid-template-columns:1fr}}
/* WP-adminbjælken må ikke dække den sticky header */
.admin-bar .header{top:32px}
@media (max-width:782px){.admin-bar .header{top:46px}}
/* Under 600 px ruller WordPress' adminbjælke med væk – så skal headeren sidde helt i toppen (ellers et hul) */
@media (max-width:600px){.admin-bar .header{top:0}}
jbi-t{display:inline}
/* Mobil: topbjælken var bredere end skærmen (fejl også i previewet) – e-mail og sociale ikoner står i footeren */
@media (max-width:720px){
  .topbar .container{gap:14px}
  .topbar a[href^="mailto:"],.topbar .social{display:none}
  .topbar .dealer-link{margin-left:auto}
}
/* Mobil: hvid tekst på den røde knap i mobilmenuen (previewets .mobile-nav a overskrev farven) */
.mobile-nav a.btn-red{color:#fff}
/* Mobil: firmaoplysningerne i footeren får hele bredden, linkene står i to kolonner under */
@media (max-width:720px){.footer .cols>div:first-child{grid-column:1/-1}}
/* Mobilmenu som fast panel under headeren (previewets lå øverst på siden) */
.mobile-nav.show{position:fixed;left:0;right:0;z-index:59;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.jbi-nav-open::after{content:"";position:fixed;inset:0;background:rgba(10,12,18,.35);z-index:58}

/* Forhandlerportal: redaktørens video-styring (kun synlig for redaktør) */
.jbi-redbox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px dashed #9b0b00;background:#fff8f7;border-radius:8px;padding:14px 18px;margin-bottom:24px;font-size:15px}
.jbi-redbox>span:nth-child(2){flex:1 1 300px}
.jbi-redbox .tag,.jbi-redinfo .tag{background:#9b0b00;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:3px 7px;white-space:nowrap}
.jbi-redinfo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;border:1.5px dashed #9b0b00;background:#fff8f7;border-radius:6px;padding:10px 14px;font-size:14px}
.jbi-redinfo>span:nth-child(2){flex:1 1 260px}
.jbi-redinfo button{font:inherit;font-size:13px;font-weight:600;border:1px solid #9b0b00;color:#9b0b00;background:#fff;border-radius:4px;padding:7px 12px;cursor:pointer}
.jbi-redinfo button.hl,.jbi-redinfo button:hover{background:#9b0b00;color:#fff}
.jbi-vpick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--muted)}
/* Send video til kunden */
.jbi-share{position:fixed;inset:0;z-index:9000;background:rgba(10,12,18,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.jbi-share .box{position:relative;background:#fff;border-radius:10px;width:min(560px,100%);padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.jbi-share h3{margin:0 0 6px;font-size:22px}.jbi-share p{color:var(--muted);font-size:15px;margin:0 0 12px}.jbi-share .what{color:var(--ink,#111);font-weight:600}
.jbi-share .row{display:flex;gap:8px}.jbi-share input{flex:1;min-width:0;font:14px Poppins,Arial,sans-serif;padding:12px;border:1px solid var(--line);border-radius:4px;background:#f7f7f8}
.jbi-share .exp{font-size:13px;margin:8px 0 18px}.jbi-share .alt{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.jbi-share .x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:#f1f1f3;cursor:pointer;font-size:15px}
@media (max-width:520px){.jbi-share .box{padding:22px 18px}.jbi-share .row{flex-direction:column}.jbi-share .alt .btn{flex:1}}
/* Delt video (/video/…) */
.jbi-vdel{max-width:1000px}.jbi-vdel .stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.jbi-vdel-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media (max-width:520px){.jbi-vdel-cta .btn{width:100%;justify-content:center}}

/* Persondatapolitik og 404 (tilføjet 29.10.2026) */
.jbi-prose{max-width:760px}
.jbi-prose h2{font-size:22px;margin:36px 0 10px}.jbi-prose h2:first-child{margin-top:0}
.jbi-prose p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 12px}.jbi-prose b{color:var(--ink,#111)}
.jbi-prose a{color:var(--red);text-decoration:underline}
.jbi-prose-date{margin-top:36px!important;font-size:14px!important}
.jbi-404{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:520px){.jbi-404 .btn{width:100%;justify-content:center}}

/* Indret din bil (30.10.2026) */
.mod .jbi-kode{color:var(--muted);font-size:12px;white-space:nowrap}
.mod .jbi-dyb{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 10px;color:var(--muted)}
.mod .jbi-dyb select{flex:1;min-width:0;font:13px Poppins,Arial,sans-serif;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}
.calc2 .mod-empty{grid-column:1/-1;margin-bottom:12px}

/* Mobilgennemgang 30.10.2026 */
.jbi-listbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--dark);color:#fff;border:0;border-radius:8px;padding:14px 18px;font:500 15px Poppins,Arial,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer}
.jbi-listbar[hidden]{display:none}.jbi-listbar span{color:#f3d6d3;font-size:14px}
@media (min-width:1025px){.jbi-listbar{display:none!important}}
@media (max-width:720px){.footer .social a{width:40px;height:40px}.footer .social{gap:12px}}
/* Indret din bil: kortene må ikke presse siden bredere end skærmen (billedernes egen bredde) */
.calc2>*{min-width:0}
@media (max-width:1024px){.calc2 .mods4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mod img{max-width:100%}
.jbi-has-listbar .toast{bottom:92px!important}
/* Forhandlerportalens faner: alle tre skal kunne ses på telefon (ellers gemmer "Materiale" sig ude til højre) */
@media (max-width:600px){.tabs.dtabs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;overflow:visible}.tabs.dtabs button{padding:12px 4px;font-size:13px;white-space:normal;text-align:center;line-height:1.25}}