/* samtykke.css — Stiler for samtykkebanneret som samtykke.js bygger dynamisk med
   JavaScript. CSP (style-src) tillater ikke inline style, verken satt via HTML eller
   via JavaScript sin .style-egenskap — derfor må disse stilene ligge her, ikke i
   samtykke.js selv. Inkluderes alltid sammen med <script src="/samtykke.js">. Ligger i
   public_html/default/. */

.ot-samtykke-banner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  background: #1a1410; color: #f5f0e8;
  padding: 1.1rem 1.5rem; font-family: Georgia, serif; font-size: 0.92rem;
  line-height: 1.5; box-shadow: 0 -2px 12px rgba(0,0,0,0.25);
  display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between;
}
.ot-samtykke-tekst { flex: 1; min-width: 260px; }
.ot-samtykke-lenke { color: #b8913a; white-space: nowrap; }
.ot-samtykke-knapperad { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.ot-samtykke-avvis {
  background: transparent; color: #f5f0e8; border: 1px solid #f5f0e8;
  padding: 0.6rem 1.2rem; font-size: 0.85rem; cursor: pointer; font-family: inherit;
}
.ot-samtykke-godta {
  background: #b8913a; color: #1a1410; border: none;
  padding: 0.6rem 1.2rem; font-size: 0.85rem; font-weight: bold; cursor: pointer; font-family: inherit;
}

/* Mobil: smal stripe nederst (én rad: tekst til venstre, to små knapper til høyre), slik at skjemafeltene ikke dekkes.
   Siden får plass nederst mens banneret vises (body.ot-banner-synlig), så alt innhold kan rulles frem over det. */
.ot-kort { display: none; }
body.ot-banner-synlig { padding-bottom: 4.5rem; }
@media (max-width: 700px) {
  .ot-samtykke-banner { padding: 0.45rem 0.7rem; font-size: 0.78rem; line-height: 1.3; gap: 0.5rem; flex-wrap: nowrap; }
  .ot-samtykke-tekst { min-width: 0; flex: 1 1 auto; }
  .ot-samtykke-knapperad { flex: 0 0 auto; width: auto; flex-wrap: nowrap; gap: 0.4rem; }
  .ot-samtykke-avvis, .ot-samtykke-godta { flex: 0 0 auto; min-height: 40px; padding: 0.35rem 0.7rem; font-size: 0.8rem; }
  .ot-lang { display: none; }
  .ot-kort { display: inline; }
  body.ot-banner-synlig { padding-bottom: 3.8rem; }
}