/* ═══════════════════════════════════════════════════════════
   Donaxyl — Cookiebot
   Cookiebot renders its own markup, so this file only restyles
   it: a bar across the bottom instead of the default overlay,
   in the site's own type and colours.

   Loaded only when a Cookiebot ID is set (inc/analytics.php).
   Cookiebot ships two dialog generations; both sets of button
   ids are covered below.
   ═══════════════════════════════════════════════════════════ */

/* the dimmed backdrop belongs to the overlay layout, not a bar */
#CybotCookiebotDialogBodyUnderlay{display:none !important}

#CybotCookiebotDialog{
  inset:auto 0 0 0 !important;
  top:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  max-height:min(86vh,720px) !important;
  border:0 !important;
  border-top:1px solid rgba(20,20,26,.12) !important;
  border-radius:0 !important;
  background:var(--cream) !important;
  box-shadow:0 -18px 44px rgba(20,20,26,.13) !important;
  font-family:"Delight",system-ui,sans-serif !important;
  color:var(--ink) !important;
  padding-block:clamp(20px,2.4vw,30px) !important;
  animation:donaxyl-cb-in .5s var(--e-out) both;
}

@keyframes donaxyl-cb-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){
  #CybotCookiebotDialog{animation:none}
}

#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogTabContent,
#CybotCookiebotDialogDetailBody{
  max-width:var(--shell) !important;
  margin-inline:auto !important;
  padding-inline:var(--gut) !important;
}

#CybotCookiebotDialogBodyContent{padding-block:0 !important}
#CybotCookiebotDialogBodyContentText{margin-top:.5em !important}

#CybotCookiebotDialogBodyLevelButtonsSelectPane{
  max-width:var(--shell) !important;
  margin:16px auto 0 !important;
  padding-inline:var(--gut) !important;
  gap:22px !important;
}
#CybotCookiebotDialogFooter{margin-top:18px !important}

#CybotCookiebotDialogBodyContentTitle{
  font-size:clamp(1.05rem,1.6vw,1.3rem) !important;
  font-weight:700 !important;
  color:var(--navy) !important;
  line-height:1.2 !important;
}

#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentText p{
  font-size:.92rem !important;
  line-height:1.6 !important;
  color:var(--ink) !important;
}

#CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a{
  color:var(--navy) !important;
  text-underline-offset:2px !important;
}

/* ── buttons ───────────────────────────────
   "Atsisakau" has to read as an equal choice
   next to "Leisti visus", so both are real
   buttons of the same size — only the fill
   differs.
   ───────────────────────────────────────── */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize,
.CybotCookiebotDialogBodyButton{
  border:0 !important;
  border-radius:var(--r-pill) !important;
  padding:13px 26px !important;
  min-height:0 !important;
  font-family:inherit !important;
  font-size:.92rem !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  cursor:pointer !important;
  transition:background-color .35s var(--e-out),transform .35s var(--e-out) !important;
}

#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
  background:var(--blue) !important;
  color:#fff !important;
}

/* "Tik būtinieji" must read as an equally real choice next to
   "Leisti visus" — same size, same solid fill, different colour */
#CybotCookiebotDialogBodyButtonDecline{
  background:var(--navy) !important;
  color:#fff !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonCustomize{
  background:var(--tan) !important;
  color:var(--ink) !important;
}

#CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover{
  background:var(--navy) !important;
}
#CybotCookiebotDialogBodyButtonDecline:hover{background:#0f0a63 !important}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonCustomize:hover{
  background:var(--tan-soft) !important;
}

#CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover{
  transform:scale(1.03) !important;
}

#CybotCookiebotDialogBodyButtons,
#CybotCookiebotDialogBodyLevelButtons,
#CybotCookiebotDialogFooter{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}

/* category checkboxes in the site's blue */
#CybotCookiebotDialogBodyLevelButtonsSelectPane label,
#CybotCookiebotDialogBodyFieldsetInnerContainer label{
  font-size:.86rem !important;
  color:var(--ink) !important;
}
#CybotCookiebotDialog input[type="checkbox"]{accent-color:var(--blue)}

/* the branding strip adds nothing for the visitor */
#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogPoweredByText{display:none !important}

@media (max-width:640px){
  #CybotCookiebotDialog{max-height:82vh !important}
  #CybotCookiebotDialogBodyButtons,
  #CybotCookiebotDialogBodyLevelButtons,
  #CybotCookiebotDialogFooter{flex-direction:column !important;align-items:stretch !important}
  #CybotCookiebotDialogBodyButtonDecline,
  #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
  .CybotCookiebotDialogBodyButton{width:100% !important;text-align:center !important}
}