/* SIMU slapukų sutikimo baneris.
   .btn / .btn-ghost / .btn-sm ateina iš simu-theme (css/style.css) — šis
   įskiepis sąmoningai priklauso nuo temos mygtukų stiliaus, kad baneris
   neatrodytų kaip svetimas elementas. Jei įskiepis kada nors bus naudojamas
   su kita tema, mygtukui reikės atskiro atsarginio stiliaus.

   Spalvos ir tarpai imami per CSS custom properties, kurias apibrėžia
   simu-theme/css/tokens.css. Atsarginės reikšmės (antras var() argumentas)
   veikia, jei įskiepis įjungtas be šios temos — tada baneris lieka
   funkcionalus, tik be brand tikslumo. */

.simu-consent-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  background: var(--surface-dark, #0f1729);
  border-top: 1px solid var(--line-on-dark, rgba(255, 255, 255, 0.14));
}

.simu-consent-banner__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3, 24px);
  max-width: 1120px;
  margin-inline: auto;
  padding: var(--space-3, 24px) calc(var(--space-3, 24px) + var(--grid-gutter, 12px));
}

.simu-consent-banner__text {
  margin: 0;
  max-width: 60ch;
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: var(--step--1, 0.875rem);
  color: var(--text-muted-on-dark, #94a3b8);
}

.simu-consent-banner__text a {
  color: var(--text-on-dark, #ffffff);
}

.simu-consent-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2, 16px);
}

/* --- Nuostatų skydelis --- */

.simu-consent-panel {
  border-top: 1px solid var(--line-on-dark, rgba(255, 255, 255, 0.14));
}

.simu-consent-panel__inner {
  max-width: 1120px;
  margin-inline: auto;
  padding: var(--space-3, 24px) calc(var(--space-3, 24px) + var(--grid-gutter, 12px));
  display: grid;
  gap: var(--space-3, 24px);
}

.simu-consent-panel__row {
  padding-top: var(--space-2, 16px);
  border-top: 1px solid var(--line-on-dark, rgba(255, 255, 255, 0.14));
}

.simu-consent-panel__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.simu-consent-panel__description {
  margin: var(--space-1, 8px) 0 0;
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: var(--step--1, 0.875rem);
  color: var(--text-muted-on-dark, #94a3b8);
}

.simu-consent-panel__label {
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: var(--step-0, 1rem);
  font-weight: 500;
  color: var(--text-on-dark, #ffffff);
}

.simu-consent-panel__actions {
  margin: 0;
}

/* Jungiklis: tas pats nulinis radius principas kaip visur temoje, tik
   apvalus perjungiklis būtų vizualiai svetimas — čia varnelė + tekstinis
   pavadinimas yra teisingesnis, aiškesnis pasirinkimas nei imituoti iOS
   stiliaus switch. */
.simu-consent-switch {
  display: flex;
  align-items: center;
  gap: var(--space-2, 16px);
  cursor: pointer;
}

.simu-consent-switch input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--simu-orange, #f97316);
}

.simu-consent-switch input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.simu-consent-switch__track {
  display: none;
}

/* Mobile: baneris fiksuotas apačioje ir uždengia turinį po juo — hero
   antrinį CTA, „Apie" sekcijos pradžią. Aukštis čia ne kosmetika, o tai,
   kiek puslapio žmogus apskritai mato, kol nepaspaudė. Tikslas — telpa į
   ~150 px, t. y. mažiau nei šeštadalis 844 px ekrano.

   Tarpai ir dydžiai šitame bloke rašomi skaičiais, ne --space-* žingsniais:
   skalė sukurta puslapio ritmui, o čia derinamas konkretus aukščio biudžetas
   (paraštės + dvi teksto eilutės + dvi mygtukų eilutės), kuriam skalės
   žingsniai per stambūs. */
@media (max-width: 640px) {
  .simu-consent-banner__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 10px var(--space-2, 16px);
    /* iPhone brūkšnio zona: be šito apatinis mygtukas atsiduria po ja. */
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }

  .simu-consent-banner__text {
    /* 13 px: mažesnis tekstas jau sunkiai skaitomas, didesnis – trečia
       eilutė ir dar 18 px aukščio. */
    font-size: 0.8125rem;
    line-height: 1.35;
  }

  .simu-consent-banner__actions {
    gap: 8px;
  }

  .simu-consent-banner__actions .btn {
    /* Aukštį lemia min-height, ne padding — taip abu antriniai mygtukai
       lieka vienodi, kad ir kaip susilaužytų jų tekstas. */
    flex: 1 1 calc(50% - 4px);
    min-height: 38px;
    padding-block: 0;
    font-size: 0.8125rem;
  }

  /* „Leisti visus" – vienintelis pagrindinis veiksmas: per visą plotį,
     atskiroje eilutėje ir aukštesnis už antrinius. Taip pasirinkimas
     matomas iš karto, nereikia skaityti trijų vienodų mygtukų. */
  .simu-consent-banner__actions [data-simu-consent-accept-all] {
    flex-basis: 100%;
    min-height: 44px;
  }

  /* Nuostatų skydelis atsidaro toje pačioje fiksuotoje juostoje, tad be
     ribojimo jis mobiliajame užimtų visą ekraną. */
  .simu-consent-panel__inner {
    gap: var(--space-2, 16px);
    padding: 14px var(--space-2, 16px);
    max-height: 60vh;
    overflow-y: auto;
  }

  .simu-consent-panel__description {
    font-size: 0.8125rem;
    line-height: 1.35;
  }
}

/* Užtikriname paslėptą būseną ir galimybę pakeisti pasirinkimą. */
.simu-consent-banner[hidden], .simu-consent-panel[hidden] { display: none !important; }
.simu-consent-reopen { margin: 0; padding: 12px 24px; text-align: center; background: var(--surface-dark, #0f1729); }
.simu-consent-reopen button { background: transparent; border: 0; color: #fff; text-decoration: underline; cursor: pointer; font: inherit; padding: 8px; }