/* ============================================================
   consent-ga4 — sīkdatņu bannera CSS (skelets; visa āda no tokens.css)
   Destilēts no kafejnicaalba style.css. Klases saskan ar komponente.js.
   TIKAI var(--…) atsauces — nekādu tiešu krāsu.
   ============================================================ */

.cc{
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  background:var(--color-surface);
  border-top:1px solid var(--color-line);
  box-shadow:var(--shadow-lg);
  padding:16px 0;
  font-family:var(--font-body);
  transform:translateY(110%);
  transition:transform calc(var(--dur) * 2) var(--ease);
}
.cc.show{transform:none}

.cc__in{
  max-width:var(--wrap); margin-inline:auto; padding-inline:20px;
  display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap;
}

.cc__txt{font-size:.9rem; color:var(--color-ink-muted); max-width:640px; line-height:1.55; margin:0}
.cc__txt b{color:var(--color-ink)}
.cc__txt a{color:var(--color-accent); text-decoration:underline; text-underline-offset:3px}

.cc__btns{display:flex; gap:10px; flex-wrap:wrap}
.cc__btn{
  font:inherit; font-size:.92rem; cursor:pointer;
  padding:12px 24px; border-radius:var(--radius-pill);
  border:2px solid transparent;
  transition:background var(--dur) var(--ease), color var(--dur) var(--ease);
}
.cc__btn--primary{background:var(--color-accent); color:var(--color-on-accent)}
.cc__btn--primary:hover{background:var(--color-accent-hover)}
.cc__btn--ghost{background:transparent; color:var(--color-ink); border-color:var(--color-ink)}
.cc__btn--ghost:hover{background:var(--color-ink); color:var(--color-surface)}

/* Redzams fokuss (tastatūra) — bannera pogām, saitei un kājenes atvērējam */
.cc__btn:focus-visible,
.cc__txt a:focus-visible,
[data-cc-open]:focus-visible{outline:3px solid var(--color-ink); outline-offset:2px}

/* Kamēr banneris atvērts, peldošā WhatsApp poga (wa-float) neaizsedz pogas.
   Ja projektā wa-float nav — rinda nekait. */
.cc-open .wa{opacity:0; pointer-events:none; transition:opacity var(--dur)}

@media (max-width:700px){
  .cc{padding:14px 0}
  .cc__in{gap:12px}
  .cc__txt{font-size:.84rem}
  .cc__btns{width:100%}
  .cc__btns .cc__btn{flex:1; padding:13px 10px}
}

@media (prefers-reduced-motion:reduce){
  .cc{transition:none}
  .cc__btn{transition:none}
}