/* ==========================================================================
   Vest Produkt – samtykkeboks (Complianz) i palett B. Lastes etter Complianz' genererte CSS
   (prioritet 999), så variablene og reglene her vinner på lik spesifisitet.
   Fargene speiler det som er lagret på banneret i Complianz (scripts/consent-banner.php);
   denne filen gir det Complianz ikke kan: skriftfamilie, merkeskilt-kvadrat, knappevekt,
   bunnark på mobil, fokusring, redusert bevegelse.
   ========================================================================== */

.cmplz-cookiebanner{
  --cmplz_banner_width:400px;
  --cmplz_banner_margin:24px;
  --cmplz_banner_background_color:var(--vp-hvit);
  --cmplz_banner_border_color:var(--vp-skifer-lys);
  --cmplz_banner_border_width:1px 1px 1px 1px;
  --cmplz_banner_border_radius:var(--vp-r-3);
  --cmplz_text_color:var(--vp-blekk);
  --cmplz_hyperlink_color:var(--vp-indigo);
  --cmplz_text_font_size:14px;
  --cmplz_text_line_height:1.5;
  --cmplz_title_font_size:17px;
  --cmplz_button_font_size:14px;
  --cmplz_button_border_radius:var(--vp-r-2);
  --cmplz_button_accept_background_color:var(--vp-indigo);
  --cmplz_button_accept_border_color:var(--vp-indigo);
  --cmplz_button_accept_text_color:#FFFFFF;
  --cmplz_button_deny_background_color:var(--vp-hvit);
  --cmplz_button_deny_border_color:var(--vp-skifer);
  --cmplz_button_deny_text_color:var(--vp-blekk);
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:transparent;
  --cmplz_button_settings_text_color:var(--vp-indigo);
  --cmplz_slider_active_color:var(--vp-indigo);
  --cmplz_slider_bullet_color:#FFFFFF;
  --cmplz_slider_inactive_color:var(--vp-skifer);
  --cmplz_category_header_title_font_size:14px;
  --cmplz_category_body_font_size:13px;
  --cmplz_category_header_always_active_color:var(--vp-blekk-3);
  --cmplz_link_font_size:12px;

  font-family:"Archivo",system-ui,sans-serif;
  color:var(--vp-blekk);
  box-sizing:border-box;max-width:100vw;
  box-shadow:var(--vp-shadow-2);
  padding:22px 24px 20px;
  gap:0;
}
.cmplz-cookiebanner *{font-family:inherit}

/* Tittel venstrestilt med merkeskilt-kvadrat, som seksjonsetikettene ellers på siden (ingen logo) */
.cmplz-cookiebanner .cmplz-header{grid-template-columns:1fr auto;align-items:center;gap:12px}
.cmplz-cookiebanner .cmplz-header .cmplz-logo{display:none}
.cmplz-cookiebanner.cmplz-show .cmplz-header .cmplz-title{display:flex;grid-column:1;justify-self:start;align-items:center;gap:.6rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;color:var(--vp-blekk)}
.cmplz-cookiebanner .cmplz-header .cmplz-close{grid-column:2}
.cmplz-cookiebanner .cmplz-title::before{content:"";width:.5rem;height:.5rem;background:var(--vp-indigo);border-radius:1px;flex:none}
.cmplz-cookiebanner .cmplz-close{color:var(--vp-blekk-3);padding:4px;border-radius:var(--vp-r-1)}
.cmplz-cookiebanner .cmplz-close:hover{color:var(--vp-blekk);background:var(--vp-is)}
.cmplz-cookiebanner .cmplz-close svg{width:16px;height:16px}

.cmplz-cookiebanner .cmplz-divider{border:0;background:var(--vp-skifer-lys);height:1px;margin:14px 0}
.cmplz-cookiebanner .cmplz-divider-header{display:none}
.cmplz-cookiebanner .cmplz-message{color:var(--vp-blekk-2);margin-top:10px}
.cmplz-cookiebanner .cmplz-message p{margin:0 0 .6em}
.cmplz-cookiebanner .cmplz-message p:last-child{margin-bottom:0}

/* Kategorier (vises etter «Tilpass») */
.cmplz-cookiebanner .cmplz-categories{margin-top:14px;border:1px solid var(--vp-skifer-lys);border-radius:var(--vp-r-2);overflow:hidden}
.cmplz-cookiebanner .cmplz-category{background:var(--vp-hvit);border-radius:0;margin:0;padding:0}
.cmplz-cookiebanner .cmplz-category + .cmplz-category{border-top:1px solid var(--vp-skifer-lys)}
.cmplz-cookiebanner .cmplz-category-header{padding:11px 14px;gap:10px}
.cmplz-cookiebanner .cmplz-category-title{font-weight:600;color:var(--vp-blekk)}
.cmplz-cookiebanner .cmplz-always-active{font-family:"Archivo Narrow","Archivo",system-ui,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--vp-blekk-3)}
.cmplz-cookiebanner .cmplz-description{padding:0 14px 12px;color:var(--vp-blekk-3);line-height:1.45}
.cmplz-cookiebanner .cmplz-category-toggle{color:var(--vp-blekk-3)}
.cmplz-cookiebanner .cmplz-icon svg{width:14px;height:14px}

/* Glidebryter */
.cmplz-cookiebanner .cmplz-banner-checkbox .cmplz-label{border-radius:999px}
.cmplz-cookiebanner .cmplz-banner-checkbox .cmplz-label::before{border-radius:50%;box-shadow:0 1px 2px rgba(21,24,43,.25)}
.cmplz-cookiebanner .cmplz-consent-checkbox:focus-visible + .cmplz-label{outline:3px solid var(--vp-indigo);outline-offset:3px}

/* Knapper på én rad, i nettbutikkens form (Complianz setter versaler, vekt 500 og bredde 100 % på hver knapp) */
.cmplz-cookiebanner.cmplz-show .cmplz-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:16px}
.cmplz-cookiebanner.cmplz-show .cmplz-buttons .cmplz-btn{width:auto;text-transform:none;font-weight:600;letter-spacing:-.005em;line-height:1;padding:12px 18px;border-width:1px;border-style:solid;min-height:44px;transition:background-color .15s,border-color .15s,color .15s;flex:0 1 auto}
.cmplz-cookiebanner.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-accept{flex:1 1 auto}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:var(--vp-indigo-dyp);border-color:var(--vp-indigo-dyp)}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{border-color:var(--vp-blekk-3)}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences{padding-left:6px;padding-right:6px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--vp-skifer)}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover{color:var(--vp-kobolt);text-decoration-color:currentColor}
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{background:var(--vp-indigo);border-color:var(--vp-indigo);color:#FFFFFF}
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{background:var(--vp-indigo-dyp);border-color:var(--vp-indigo-dyp)}
.cmplz-cookiebanner .cmplz-btn:focus-visible{outline:3px solid var(--vp-indigo);outline-offset:3px}

/* Lenker til erklæringene */
.cmplz-cookiebanner .cmplz-links{margin-top:12px}
.cmplz-cookiebanner .cmplz-links ul{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none}
.cmplz-cookiebanner .cmplz-links .cmplz-link{color:var(--vp-blekk-3);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--vp-skifer)}
.cmplz-cookiebanner .cmplz-links .cmplz-link:hover{color:var(--vp-indigo);text-decoration-color:currentColor}
.cmplz-cookiebanner .cmplz-documents li:has(> a[href="#"]){display:none} /* Complianz' tomme tredje dokumentplass («{title}») */
.cmplz-cookiebanner .cmplz-links.cmplz-information{display:none} /* «Administrer alternativer» finnes alt som knappen Tilpass; erklæringene lenkes under knappene (legal_documents) */

/* Fane for å endre samtykke (nede til venstre) */
#cmplz-manage-consent .cmplz-manage-consent{font-family:"Archivo Narrow","Archivo",system-ui,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--vp-marine);color:var(--vp-is);border:0;border-radius:var(--vp-r-2) var(--vp-r-2) 0 0;padding:8px 14px;box-shadow:var(--vp-shadow-1)}
#cmplz-manage-consent .cmplz-manage-consent:hover{background:var(--vp-indigo-dyp);color:#FFFFFF}
#cmplz-manage-consent .cmplz-manage-consent:focus-visible{outline:3px solid var(--vp-indigo);outline-offset:2px}

/* Myk inntoning, slått av ved redusert bevegelse (animasjon i Complianz står på «none») */
@media (prefers-reduced-motion:no-preference){
  .cmplz-cookiebanner.cmplz-show{animation:vp-consent-in .28s cubic-bezier(.2,.7,.2,1) both}
  @keyframes vp-consent-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}

/* Mobil: bunnark i full bredde, over den klebrige handlelinjen (se D16/vp-home) */
@media (max-width:767px){
  .cmplz-cookiebanner{--cmplz_banner_margin:0px;--cmplz_banner_width:100%;--cmplz_banner_border_radius:var(--vp-r-3) var(--vp-r-3) 0 0;--cmplz_banner_border_width:1px 0 0 0;padding:18px 20px calc(16px + env(safe-area-inset-bottom,0px));max-height:min(78vh,78dvh);overflow:auto}
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny{flex:1 1 40%}
  .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences{flex:1 1 100%;text-align:center}
}