/*
  Aunetto · Bilabonnement (v2025) – Detail (2/3 venstre + 1/3 højre)

  Fokus i denne version:
  - Professionelt design på venstre kolonne (billede, thumbnails, ikon-chips og beskrivelse i samme kort)
  - Aktiv thumbnail med tydelig rød ramme (#c00016)
  - Ikon-chips som en samlet “chip bar” (afrundet, diskrete separators)
  - Titel venstrejusteret
*/

:root{
  --aun-ink:#1a1a1a;
  --aun-muted:#6b7280;
  --aun-bg:#ffffff;
  --aun-border:rgba(17,24,39,.12);
  --aun-accent:#c00016;
  --aun-radius:16px;
  --aun-shadow:0 4px 18px rgba(16,24,40,.05);
  --aun-gap:18px;
}

/* v2026.08.31 · Step 1: tema-footeren skjules serverstyret.
   Den fælles class bruges også af WooBridge på Step 2-3. Step 4 får ikke klassen. */
body.aun-booking-flow-no-footer #main-footer,
body.aun-booking-flow-no-footer #footer-bottom,
body.aun-booking-flow-no-footer #footer-widgets,
body.aun-booking-flow-no-footer #colophon,
body.aun-booking-flow-no-footer .et-l--footer,
body.aun-booking-flow-no-footer .site-footer,
body.aun-booking-flow-no-footer footer.site-footer,
body.aun-booking-flow-no-footer > footer,
body.aun-booking-flow-no-footer #page-container > footer,
body.aun-booking-flow-no-footer #page > footer{
  display:none!important;
}

.aunetto-bilabonnement.v2025.two-cols{
  font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans";
  color:var(--aun-ink);
}

.aun-detail-page{
  /*
    v2026.03c
    Detail (Step 1) kan ligge inde i temaets "container" (fx Divi), som giver store side-margener.
    Det giver:
      - Mobil: for smal side (som i screenshot med X)
      - Desktop: for smalt layout, så designet ikke fylder skærmen.

    Løsning: Bryd ud af container og brug en egen "inner" wrapper med max-width.
  */
  box-sizing:border-box;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:0;
  overflow-x:hidden;
}

/* v2026.03: Mobil step 1 – lås horisontal scroll (JS tilføjer klassen) */
html.aun-no-xscroll,
body.aun-no-xscroll{
  overflow-x:hidden !important;
}
@media (min-width: 860px){
  .aun-detail-page{ padding:0; }
}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Wrapper:
   På detail vil vi ikke have en “stor kasse” rundt om begge kolonner.
   Hver kolonne/sektion har sin egen card (Bildata + Booking og venstre panel).
*/
.aun-detail-page .aun-wrapper{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  /* "Inner" wrapper der styrer faktisk indholds-bredde */
  max-width:1400px;
  margin:0 auto;
  /* Match padding med checkout/oversigt */
  padding:16px clamp(18px, 4vw, 56px) 28px;
  box-sizing:border-box;
}

@media (min-width: 960px){
  .aun-detail-page .aun-wrapper{
    padding:18px clamp(24px, 4vw, 56px) 34px;
  }
}

/*
  v2026.03c
  Step 1 bruger også .aun-wb-grid fra WooBridge UI.
  Den har egen max-width/padding som gør siden smallere end nødvendigt.
  Vi lader i stedet .aun-wrapper styre bredde/padding (så alt matcher mobil-kortene).
*/
.aun-detail-page .aun-wb-grid{
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Layout grid */
.aun-detail-grid{
  display:grid;
  gap:var(--aun-gap);
}
@media (min-width: 860px){
  .aun-detail-grid{
    grid-template-columns:2fr 1fr;
    align-items:start;
  }
}

/* Tilbage til Step 0 / bookingoversigten */
.aun-detail-back{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:-2px 0 8px;
}
.aun-detail-back__link{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  max-width:100%;
  padding:2px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--aun-muted);
  box-shadow:none;
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  text-decoration:none!important;
  white-space:normal;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:color .15s ease, opacity .15s ease;
}
.aun-detail-back__link:hover{
  color:var(--aun-ink);
  opacity:.9;
}
.aun-detail-back__link:active{
  opacity:.75;
}
.aun-detail-back__link:focus-visible{
  outline:2px solid var(--aun-accent);
  outline-offset:3px;
  border-radius:6px;
}
.aun-detail-back__icon{
  flex:0 0 auto;
  font-size:14px;
  line-height:1;
}
.aun-detail-back__text{
  display:inline-block;
}
@media (max-width:520px){
  .aun-detail-back{ margin:0 0 10px; }
  .aun-detail-back__link{
    min-height:44px;
    padding:8px 0;
  }
}

/* Titel */
.aun-detail-header .aun-title{
  margin:0 0 14px 0;
  font-size:28px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.2px;
  text-align:left !important; /* Divi centrer ofte H1 */
}

/* Panel/card (venstre) */
.aun-panel{
  background:var(--aun-bg);
  border:1px solid var(--aun-border);
  border-radius:var(--aun-radius);
  box-shadow:var(--aun-shadow);
  padding:16px;
}

/*
  Step 1: "Info"-kolonnen (venstre 2/3) skal ikke have en tydelig ramme.
  Vi bevarer "Booking"-kassen i højre 1/3, så det er tydeligt hvad der er booking.
*/
.aun-detail-left .aun-panel{
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}

/* Galleri */
.aun-gallery{ margin:0; }

.aun-gallery-main{
  margin:0 0 12px 0;
  background:#f8fafc;
  border:1px solid var(--aun-border);
  border-radius:14px;
  position:relative;
  overflow:hidden;
}

.aun-gallery-main img{
  width:100%;
  height:auto;
  display:block;
}

/* Galleri navigation (pile på stort billede) */
.aun-gallery-nav{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.18);
  background:rgba(255,255,255,.72);
  color:rgba(17,24,39,.92);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:20px;
  font-weight:800;
  line-height:1;
  padding:0;
  -webkit-tap-highlight-color:transparent;
  backdrop-filter: blur(8px);
  box-shadow:0 10px 26px rgba(17,24,39,.18);
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.aun-gallery-nav:hover{
  background:rgba(255,255,255,.88);
  border-color:rgba(17,24,39,.26);
  box-shadow:0 14px 34px rgba(17,24,39,.20);
}
.aun-gallery-nav:active{
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 18px rgba(17,24,39,.18);
}
.aun-gallery-nav:focus{
  outline:2px solid var(--aun-accent);
  outline-offset:2px;
}
.aun-gallery-prev{ left:10px; }
.aun-gallery-next{ right:10px; }

@media (max-width:520px){
  .aun-gallery-nav{ width:36px; height:36px; font-size:18px; }
  .aun-gallery-prev{ left:8px; }
  .aun-gallery-next{ right:8px; }
}



/* Thumbnails */
.aun-gallery-thumbs{
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  margin:0 0 14px 0;
}

.aun-thumb{
  display:inline-flex;
  position:relative;
  border-radius:10px;
  overflow:hidden;
  border:1px solid var(--aun-border);
  background:#f3f4f6;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}

.aun-thumb img{
  display:block;
  width:78px;
  height:78px;
  object-fit:cover;
  position:relative;
  z-index:1;
}

.aun-thumb.is-active{
  outline:none;
  border-color: var(--aun-accent) !important;

  /* Let ring overlay (::before) være den synlige røde ramme */
  box-shadow:0 1px 4px rgba(0,0,0,.06) !important;
}


/* Aktiv thumbnail – rød ring ovenpå billedet (synlig selv når <img> fylder hele boksen) */
.aun-thumb.is-active::before{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid var(--aun-accent);
  border-radius:10px;
  pointer-events:none;
  z-index:2;
  box-sizing:border-box;
}
/* Ekstra tydelig markering af valgt thumbnail */
.aun-thumb.is-active::after{
  content:"✓";
  position:absolute;
  z-index:3;
  top:5px;
  right:5px;
  width:16px;
  height:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  color:#fff;
  background:var(--aun-accent);
  border-radius:999px;
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 1px 6px rgba(0,0,0,.16);
}

@media (max-width: 520px){
  .aun-gallery-thumbs{
    flex-wrap:nowrap;
    overflow:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
  }
}

/* Ikon-chips (detail) – samme lette stil som oversigten */
.aun-icon-chips{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  gap:8px;
  margin:10px 0 16px 0;
  padding:0;
  border:0;
  background:transparent;
}

.aun-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid var(--aun-border);
  border-radius:999px;
  background:rgba(255,255,255,.85);
  box-shadow:0 1px 2px rgba(16,24,40,.04);
  font-size:13px;
  font-weight:400;
  color:var(--aun-ink);
  line-height:1;
  white-space:nowrap;
}

.aun-chip__icon{
  width:14px !important;
  height:14px !important;
  padding:4px;
  border:1px solid var(--aun-border);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-sizing:content-box;
  object-fit:contain;
  display:inline-block;
  flex:0 0 auto;
}

@media (max-width: 680px){
  .aun-icon-chips{ gap:8px; }
  .aun-chip{ padding:8px 10px; }
}


/* Udstyr fra backend-katalog */
.aun-equipment{
  margin:12px 0 18px;
  padding:14px 16px;
  border:1px solid var(--aun-border);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 26px rgba(16,24,40,.04);
}
.aun-equipment__title{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.25;
  font-weight:900;
  color:var(--aun-ink);
}
.aun-equipment__list{
  list-style:disc;
  padding-left:1.25em;
  margin:0;
}
.aun-equipment__list > li{
  margin:0 0 6px;
  padding-left:0;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
}
.aun-equipment__list > li::before{content:none!important;}
@media (min-width:860px){
  .aun-equipment__list{column-count:2;column-gap:26px;}
}

/* Lister i beskrivelse – brug standard bullets (ingen røde prikker) */
.aun-desc ul{
  list-style: disc;
  padding-left: 1.25em;
  margin:10px 0 0 0;
  display:block;
}

.aun-desc ul > li{
  padding-left:0;
  margin:0 0 6px 0;
}

.aun-desc ul > li::before{
  content:none !important;
}

/* Små hjælpe-styles */
.aun-desc hr{
  border:0;
  border-top:1px solid var(--aun-border);
  margin:18px 0;
}

/* Sørg for at Divi ikke ændrer spacing i vores cards */
.et_pb_text_inner .aun-panel,
.entry-content .aun-panel{
  box-sizing:border-box;
}


.aun-icon-chips::-webkit-scrollbar{display:none;}
/* -----------------------------------------------------------
   Flow status (Step 1 – booking-side)
   Ens design på tværs af Step 1/2/3/4 (matcher checkout-wizard)
----------------------------------------------------------- */
.aunetto-bilabonnement .aun-flow-steps{
  --aun-accent:#c00016;
  --aun-glass-bg: rgba(255,255,255,.78);
  --aun-glass-shadow: 0 10px 30px rgba(16,24,40,.10);
  --aun-glass-blur: 10px;
  margin:18px 0 22px;
}
.aunetto-bilabonnement .aun-flow-steps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.aunetto-bilabonnement .aun-flow-step{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--aun-border);
  background:var(--aun-glass-bg);
  box-shadow:var(--aun-glass-shadow);
  backdrop-filter: blur(var(--aun-glass-blur));
  -webkit-backdrop-filter: blur(var(--aun-glass-blur));
  font-weight:800;
  color:#111827;
  user-select:none;
  cursor:pointer;
}
.aunetto-bilabonnement .aun-flow-step:hover{
  background:rgba(255,255,255,.86);
  border-color:rgba(17,24,39,.18);
}
.aunetto-bilabonnement .aun-flow-step:focus-visible{
  outline:2px solid var(--aun-accent);
  outline-offset:2px;
}
.aunetto-bilabonnement .aun-flow-step__num{
  width:26px;
  height:26px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:900;
  background:#fff;
  color:#111827;
  flex:0 0 auto;
}
.aunetto-bilabonnement .aun-flow-step__title{
  font-weight:800;
  font-size:13px;
  line-height:1.1;
}

/* Aktivt step */
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="1"] .aun-flow-step[data-step="1"],
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="2"] .aun-flow-step[data-step="2"],
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="3"] .aun-flow-step[data-step="3"],
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="4"] .aun-flow-step[data-step="4"]{
  border-color: rgba(192, 0, 22, .30);
  box-shadow: 0 0 0 3px rgba(192, 0, 22, .12), var(--aun-glass-shadow);
}
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="1"] .aun-flow-step[data-step="1"] .aun-flow-step__num,
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="2"] .aun-flow-step[data-step="2"] .aun-flow-step__num,
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="3"] .aun-flow-step[data-step="3"] .aun-flow-step__num,
.aunetto-bilabonnement .aun-flow-steps[data-aun-step="4"] .aun-flow-step[data-step="4"] .aun-flow-step__num{
  background:var(--aun-accent);
  border-color:var(--aun-accent);
  color:#fff;
}

@media (max-width:740px){
  .aunetto-bilabonnement .aun-flow-steps__list{grid-template-columns:1fr;}
  .aunetto-bilabonnement .aun-flow-step{justify-content:flex-start;}
}

/* -----------------------------------------------------------
   Soft-lock notice (bil er under booking af anden kunde)
   Flyttet til toppen (under flow-steps) for bedre synlighed
----------------------------------------------------------- */
.aun-softlock-notice{
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(192,0,22,.18);
  border-left:5px solid var(--aun-accent);
  background:rgba(192,0,22,.06);
  color:#4b0b13;
  font-size:14px;
  line-height:1.35;
  box-shadow:0 10px 26px rgba(16,24,40,.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.aun-softlock-notice strong{
  color:var(--aun-accent);
  font-weight:900;
}
.aun-softlock-notice--top{
  /* ligger direkte under flow-steps */
}




/* -----------------------------------------------------------
   Unikt booking-link notice (kun når "På vej" kan bookes via signeret link)
----------------------------------------------------------- */
.aun-unique-link-notice{
  margin:0 0 18px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,215,0,.35);
  border-left:5px solid #ffd700;
  background:rgba(255,215,0,.10);
  color:#3b2f0b;
  font-size:14px;
  line-height:1.35;
  box-shadow:0 10px 26px rgba(16,24,40,.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.aun-unique-link-notice strong{
  color:#111827;
  font-weight:900;
}

/* Mobil: blur kan give scroll-jank på især iOS */
@media (max-width:740px){
  .aun-unique-link-notice{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}


/* 7.0.32.9 – UI finpudsning (CTA + galleri) */

/* 1) Aktiv thumbnail: tyndere og mere elegant rød ramme */
.aun-thumb.is-active::before{
  border: 1.5px solid var(--aun-accent) !important; /* tyndere end før */
  box-shadow: 0 0 0 1px rgba(192, 0, 22, .18) !important; /* blød “glød” */
}
.aun-thumb.is-active::after{
  width: 15px !important;
  height: 15px !important;
  font-size: 10px !important;
  top: 5px !important;
  right: 5px !important;
}

/* 2) Pile på hovedbilledet: mere gennemsigtige + pil præcist centreret */
.aun-gallery-nav{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  line-height: 1 !important;

  width: 40px !important;
  height: 40px !important;

  border: 1px solid rgba(17, 24, 39, .14) !important;
  background: rgba(255, 255, 255, .38) !important;  /* mere gennemsigtig */
  color: rgba(17, 24, 39, .88) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  box-shadow: 0 10px 24px rgba(17, 24, 39, .14) !important;
}
.aun-gallery-nav:hover{
  background: rgba(255, 255, 255, .52) !important;
  border-color: rgba(17, 24, 39, .20) !important;
  box-shadow: 0 14px 32px rgba(17, 24, 39, .16) !important;
}

/* Hvis pilen stadig ser “optisk” off ud i fonten, fin-justér 1px */
.aun-gallery-nav{ transform: translateY(-0.5px); } /* kan fjernes hvis ikke nødvendigt */

/* 3) Primær rød CTA-knap (Forsæt) på bil-siden: samme størrelse som flow-knappen */
.aun-booking button,
.aun-booking a.button,
.aun-booking .button{
  min-height: 44px !important;
  padding: 0 22px !important;
  font-size: 15px !important;
  border-radius: 14px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
/* 7.0.32.11 – Finpudsning (thumb + pile) */
.aun-thumb.is-active::before{
  border:1px solid var(--aun-accent) !important;          /* tyndere ramme */
  box-shadow:0 0 0 1px rgba(192,0,22,.10) !important;     /* let glød */
}

/* Pile: mere gennemsigtig + glyph centreret */
.aun-gallery-nav{
  transform:translateY(-50%) !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:1 !important;

  background:rgba(255,255,255,.22) !important;            /* mere gennemsigtig */
  border:1px solid rgba(17,24,39,.12) !important;
  color:rgba(17,24,39,.92) !important;

  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow:0 10px 24px rgba(17,24,39,.12) !important;
}
.aun-gallery-nav:hover{
  background:rgba(255,255,255,.34) !important;
}

/* Optisk centrering af glyph (‹ / ›) */
.aun-gallery-prev{ padding-right:1px !important; }
.aun-gallery-next{ padding-left:1px !important; }


/* v2026.02 – Mobil: ikon-chips skal ikke kræve horisontal scroll */
@media (max-width: 680px){
  .aun-icon-chips{
    flex-wrap:wrap;
    overflow-x:visible;
  }
}

/* v2026.02 – Mobil: stabil centreret layout (ingen horisontal “drag”) */
@media (max-width: 740px){
  .aun-detail-page{
    width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
    padding-left:16px;
    padding-right:16px;
  }
}
/* -----------------------------------------------------------
   v2026.06 · Udstyr / Inklusiv – 2 spalter (SAFE)

   Formål:
   - Gør udstyrs-/inkluderet-lister mere overskuelige med 2 spalter på desktop
   - Mobil forbliver 1 spalte

   Understøtter både:
   - Dine eksisterende lister: <h2> ... </h2><ul>...</ul>
   - Og (valgfrit) markup med class="aun-specs-grid"

   Vigtigt:
   - Dette påvirker KUN bilens beskrivelse i venstre kolonne (.aun-desc)
----------------------------------------------------------- */

@media (min-width: 860px){
  /* Typisk: <h2> + <ul> i beskrivelsen */
  .aun-desc > ul,
  .aun-desc > h2 + ul,

  /* Valgfri wrapper */
  .aun-desc .aun-specs-block ul,

  /* Valgfri: hvis du sætter class på listen */
  .aun-desc .aun-specs-grid{
    column-count: 2;
    column-gap: 26px;
  }

  .aun-desc > ul > li,
  .aun-desc > h2 + ul > li,
  .aun-desc .aun-specs-block ul > li,
  .aun-desc .aun-specs-grid > li{
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Nested lists skal ikke “arve” 2-spalter */
  .aun-desc ul ul{
    column-count: 1;
    column-gap: 0;
  }
}

/* Depositum-boks (valgfri wrapper i teksten)
   <div class="aun-deposit-note">...</div>
*/
.aun-desc .aun-deposit-note{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--aun-border);
  border-left: 5px solid var(--aun-accent);
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 26px rgba(16,24,40,.06);
}
.aun-desc .aun-deposit-note strong{
  font-weight: 900;
}


/* Aunetto – booking ferielukning / detail-bælte */
.aun-booking-closure-banner{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 18px 0;
  padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(192,0,22,.18);
  background:linear-gradient(135deg, rgba(192,0,22,.10), rgba(255,255,255,.95));
  box-shadow:0 8px 24px rgba(16,24,40,.07);
}
.aun-booking-closure-banner__eyebrow{
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--aun-accent);
}
.aun-booking-closure-banner__title{
  color:var(--aun-ink);
  font-size:clamp(22px, 3vw, 34px);
  line-height:1.1;
  font-weight:900;
}
.aun-booking-closure-banner__text,
.aun-booking-closure-banner__sub{
  color:var(--aun-ink);
  font-weight:800;
}
.aun-booking-closure-banner__sub{
  color:var(--aun-muted);
  font-weight:700;
}
.aun-booking-closure-banner__back{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(192,0,22,.18);
  background:#fff;
  color:var(--aun-accent);
  font-weight:900;
}
.aun-booking-closure-banner__note{
  color:var(--aun-muted);
  font-size:13px;
  line-height:1.55;
}
@media (max-width:859px){
  .aun-booking-closure-banner{
    padding:16px;
  }
  .aun-booking-closure-banner__back{
    width:100%;
    justify-content:center;
  }
}

/* v2026.06s · Mobilgalleri: thumbnails må aldrig krympe; scroll i stedet vandret */
.aun-gallery-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
}
.aun-gallery-thumbs::-webkit-scrollbar{display:none!important;}
.aun-gallery-thumbs .aun-thumb,
.aun-thumb{
  flex:0 0 78px!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:78px!important;
}
.aun-gallery-thumbs .aun-thumb img,
.aun-thumb img{
  width:78px!important;
  min-width:78px!important;
  height:78px!important;
  object-fit:cover!important;
}
@media (max-width:740px){
  .aun-gallery-thumbs{padding-bottom:6px!important;}
  .aun-gallery-thumbs .aun-thumb,
  .aun-thumb{flex-basis:86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:86px!important;}
  .aun-gallery-thumbs .aun-thumb img,
  .aun-thumb img{width:86px!important;min-width:86px!important;height:86px!important;}
}


/* v2026.06z · Final mobilguard: ingen horisontal overflow og faste thumbnails */
@media (max-width:740px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .aun-detail-page,
  .aunetto-bilabonnement.v2025.two-cols,
  .aun-detail-page .aun-wrapper,
  .aun-detail-grid,
  .aun-wb-grid,
  .aun-detail-left,
  .aun-detail-right,
  .aun-wb-grid__left,
  .aun-wb-grid__right{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;}
  .aun-detail-page{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}
  .aun-detail-page .aun-wrapper{padding-left:16px!important;padding-right:16px!important;margin-left:0!important;margin-right:0!important;}
  .aun-detail-grid,.aun-wb-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  .aun-gallery-thumbs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important;max-width:100%!important;gap:10px!important;padding-bottom:6px!important;}
  .aun-gallery-thumbs::-webkit-scrollbar{display:none!important;}
  .aun-gallery-thumbs .aun-thumb,
  .aun-thumb{flex:0 0 86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;height:86px!important;}
  .aun-gallery-thumbs .aun-thumb img,
  .aun-thumb img{width:86px!important;min-width:86px!important;height:86px!important;object-fit:cover!important;}
}

/* v2026.06aa · Step 1 mobilbredde final guard
   Spejlet i Booking CSS, så den vinder uanset enqueue-rækkefølge.
*/
@media (max-width:740px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }

  .aunetto-bilabonnement.v2025.two-cols,
  .aun-detail-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  .aun-detail-page .aun-wrapper{
    width:100%!important;
    max-width:520px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  .aun-detail-grid,
  .aun-wb-grid,
  .aun-detail-page .aun-detail-grid,
  .aun-detail-page .aun-wb-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .aun-detail-left,
  .aun-detail-right,
  .aun-wb-grid__left,
  .aun-wb-grid__right,
  .aun-panel,
  .aun-detail-left .aun-panel,
  .aun-gallery,
  .aun-main-image,
  .aun-desc,
  .aun-wb-bilinfo,
  .aun-detail-offer,
  .aun-woo-offer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .aun-main-image,
  .aun-main-image img,
  .aun-gallery img{
    max-width:100%!important;
  }

  .aun-icon-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    overflow-x:visible!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .aun-chip{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}



/* v2026.08 · Step 1 specs: op til 6 ikoner på én lige, responsiv række. */
.aun-detail-page .aun-icon-chips{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:560px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:12px 0 18px!important;
  padding:13px 0!important;
  border:0!important;
  border-top:1px solid rgba(17,24,39,.08)!important;
  border-bottom:1px solid rgba(17,24,39,.08)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.aun-detail-page .aun-chip{
  display:flex!important;
  flex:1 1 0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  box-sizing:border-box!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--aun-ink)!important;
  text-align:center!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow:visible!important;
}
.aun-detail-page .aun-chip__icon{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  display:block!important;
  flex:0 0 auto!important;
  opacity:1!important;
  filter:grayscale(1) brightness(0) saturate(100%) opacity(1) contrast(1.08);
}
.aun-detail-page .aun-chip__text{
  display:block!important;
  max-width:100%!important;
  color:var(--aun-ink)!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:400!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.aun-detail-page .aun-chip__copy{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
}
.aun-detail-page .aun-chip__label{ display:none!important; }
@media (max-width:680px){
  .aun-detail-page .aun-icon-chips{ gap:5px!important; }
  .aun-detail-page .aun-chip{ padding-inline:1px!important; }
  .aun-detail-page .aun-chip__icon{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  .aun-detail-page .aun-chip__text{ font-size:11px!important; }
}
@media (max-width:380px){
  .aun-detail-page .aun-icon-chips{ gap:3px!important; }
  .aun-detail-page .aun-chip__icon{
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  .aun-detail-page .aun-chip__text{ font-size:10.2px!important; }
}