/* ==========================================================================
   Hairbeat — cookies lišta a detail nastavení · v03 · soubor vydán 8. 10. 2026
   Stav: Připraveno k nasazení (schválená verze v03; skutečný čas nasazení viz report hb_cookies_balicek_v03)
   Rozsah: pouze .siteCookies (první panel) a obsah colorboxu, když je
   otevřený detail cookies (html.cookies-visible). Žádné globální zásahy
   do tlačítek, formulářů, patičky ani Opalu.
   Zdroj vzhledu: Hairbeat Brand Kit v1.0 (Paper / Charcoal / Stone / Taupe /
   Paper Deep, Instrument Sans).
   Instalace: soubor ve Správci souborů (upload/hairbeat-cookies/), načítaný
   jedním <link> v HTML kód → Záhlaví, blok HB-COOKIES-V03 START/END
   (pole Záhlaví má limit 8192 znaků, proto ne inline).
   ========================================================================== */

/* ---------- 1) První panel (.siteCookies) ---------- */

html body .siteCookies.js-siteCookies {
  --hbc-paper: #F4EFE7;
  --hbc-paper-deep: #E8E0D4;
  --hbc-charcoal: #2A2623;
  --hbc-stone: #CFC5B7;
  --hbc-taupe: #6E645A;
  --hbc-font: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  position: fixed;
  top: auto;
  right: auto;
  bottom: 16px;
  left: 16px;
  transform: none;
  box-sizing: border-box;
  width: 408px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  margin: 0;
  padding: 24px;
  background: var(--hbc-paper);
  color: var(--hbc-charcoal);
  border: 1px solid var(--hbc-stone);
  border-radius: 0;
  box-shadow: none;              /* Opal: box-shadow 50vw = ztmavení stránky */
  font-family: var(--hbc-font);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: normal;
  text-align: left;
  z-index: 999;
}

/* Opal: dekorativní ikona cookies v pozadí (display:inline-block!important) */
html body .siteCookies.js-siteCookies::before,
html body .siteCookies.js-siteCookies::after {
  display: none !important;
  content: none !important;
}

/* v02: flex s zalamováním místo gridu — při 2 tlačítkách (přechodný stav, dokud je
   v administraci zapnuté „Odmítnout“) se řádek tlačítek zalomí a nic se nepřekrývá. */
html body .siteCookies.js-siteCookies .siteCookies__form {
  display: flex;
  flex-direction: row;       /* Opal ≤ 480 px přepíná na column */
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  width: 100%;
  max-width: none;
  margin: 0;
  position: static;
}

/* Obsah se zařadí přímo do flexu formuláře */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__content {
  display: contents;
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__content .siteCookies__text {
  flex: 0 0 100%;
  margin: 0 0 16px;          /* + 8 px gap = 24 px od textu */
  padding: 0;
  color: var(--hbc-charcoal);
  font-family: var(--hbc-font);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  text-align: left;
}

/* Nadpis = první <strong> v nativním textu lišty (zadává se v administraci).
   v03: funguje i když editor (TinyMCE) obalí text do <p>. */
html body .siteCookies.js-siteCookies .siteCookies__text > p {
  margin: 0;
}
html body .siteCookies.js-siteCookies .siteCookies__text > p:first-child > strong:first-child,
html body .siteCookies.js-siteCookies .siteCookies__text > strong:first-child {
  display: block;
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--hbc-charcoal);
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__content .siteCookies__text a {
  color: var(--hbc-charcoal);
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* „Spravovat nastavení“ — nativní <button class="siteCookies__link js-cookies-settings"> */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__links {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* v02: vyšší specifita — Opal pro tmavý motiv nastavuje odkazu bílou (.siteCookies--dark … .js-cookies-settings) */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__links .siteCookies__link.js-cookies-settings {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--hbc-charcoal);
  font-family: var(--hbc-font);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__links .siteCookies__link.js-cookies-settings:hover {
  color: var(--hbc-taupe);
}

/* Tlačítka první lišty */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap {
  flex: 0 1 auto;
  position: static;
  transform: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0 0 0 auto;
  padding: 0;
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 48px;
  margin: 0;
  padding: 14px 24px;
  border-radius: 999px;
  font-family: var(--hbc-font);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  opacity: 1;
  order: 0;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Hlavní akce „Přijmout vše“ (value="all") */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button[value="all"] {
  background: var(--hbc-charcoal);
  border: 1.5px solid var(--hbc-charcoal);
  color: var(--hbc-paper);
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button[value="all"]:hover {
  background: var(--hbc-taupe);
  border-color: var(--hbc-taupe);
  opacity: 1;
}

/* Pokud by v administraci zůstalo zapnuté odmítnutí na liště (value="reject"),
   zobrazí se jako obrysové tlačítko — NESKRÝVÁME ho přes CSS. Cílový stav je
   vypnout ho nativním přepínačem v administraci (viz změny administrace). */
html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button[value="reject"] {
  background: transparent;
  border: 1.5px solid var(--hbc-charcoal);
  color: var(--hbc-charcoal);
}

html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button[value="reject"]:hover {
  background: var(--hbc-paper-deep);
  text-decoration: none;
}

/* Viditelný focus */
html body .siteCookies.js-siteCookies a:focus-visible,
html body .siteCookies.js-siteCookies button:focus-visible {
  outline: 2px solid var(--hbc-charcoal);
  outline-offset: 3px;
}

/* Malé displeje: hlavní tlačítko první, pod ním vystředěný odkaz, mezera 8 px.
   v02: JS na ≤ 420 px přesune odkaz v DOM za tlačítko → pořadí Tab = vizuální pořadí. */
@media (max-width: 420px) {
  html body .siteCookies.js-siteCookies {
    left: 16px;
    right: 16px;
    bottom: 16px;
    width: auto;
  }
  html body .siteCookies.js-siteCookies .siteCookies__form {
    gap: 8px;
  }
  html body .siteCookies.js-siteCookies .siteCookies__text > p:first-child > strong:first-child,
  html body .siteCookies.js-siteCookies .siteCookies__text > strong:first-child {
    font-size: 20px;
    line-height: 1.25;
  }
  html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap {
    flex: 0 0 100%;
    width: 100%;
    max-width: none;
    margin: 0;
    flex-direction: column;
    align-items: stretch;
  }
  html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__buttonWrap button.siteCookies__button {
    width: 100%;
  }
  html body .siteCookies.js-siteCookies .siteCookies__form .siteCookies__links {
    flex: 0 0 100%;
    text-align: center;
  }
}

/* ---------- 2) Detail nastavení (nativní Shoptet modal = jQuery colorbox) ---------- */
/* Shoptet přidává html.cookies-visible jen po dobu otevřeného detailu cookies. */

html.cookies-visible {
  --hbc-paper: #F4EFE7;
  --hbc-paper-deep: #E8E0D4;
  --hbc-charcoal: #2A2623;
  --hbc-stone: #CFC5B7;
  --hbc-taupe: #6E645A;
  --hbc-font: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
}

/* Pozadí za detailem: modalita zůstává (nativní colorbox), tón Charcoal místo černé 0,8.
   Schváleno 7. 10. 2026 (jemnější ztmavení za detailem). */
html.cookies-visible #cboxOverlay {
  background: var(--hbc-charcoal) !important;
  opacity: .45 !important;
}

/* Rozměr a pozice okna: colorbox nastavuje inline width/height/top/left v px
   (Shoptet „md“ = 700 px), proto !important jen pod html.cookies-visible. */
html.cookies-visible #colorbox {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 480px !important;
  max-width: calc(100vw - 32px) !important;
  height: auto !important;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  outline: none;
}

html.cookies-visible #cboxWrapper,
html.cookies-visible #cboxContent,
html.cookies-visible #cboxLoadedContent {
  float: none !important;
  width: auto !important;
  height: auto !important;
}

/* colorbox base CSS: #cboxWrapper {position:absolute; overflow:hidden} */
html.cookies-visible #cboxWrapper {
  position: static !important;
  overflow: visible !important;
}

html.cookies-visible #cboxTopLeft,
html.cookies-visible #cboxTopCenter,
html.cookies-visible #cboxTopRight,
html.cookies-visible #cboxMiddleLeft,
html.cookies-visible #cboxMiddleRight,
html.cookies-visible #cboxBottomLeft,
html.cookies-visible #cboxBottomCenter,
html.cookies-visible #cboxBottomRight,
html.cookies-visible #cboxTitle {
  display: none !important;
}

html.cookies-visible #cboxContent {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--hbc-paper) !important;
  border: 1px solid var(--hbc-stone);
  border-radius: 0 !important;
  box-shadow: none !important;
}

html.cookies-visible #cboxLoadedContent {
  box-sizing: border-box;
  max-height: calc(100vh - 34px);
  max-height: calc(100dvh - 34px);
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 24px !important;
  background: transparent !important;
}

html.cookies-visible #cboxLoadedContent .colorbox-html-content {
  padding: 0;
  margin: 0;
}

/* Zavírací křížek (nativní #cboxClose, zavře bez uložení) */
html.cookies-visible #cboxClose {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  background-color: var(--hbc-paper) !important;  /* obsah při scrollu podjíždí pod křížek */
  border-radius: 0 !important;
  color: var(--hbc-charcoal) !important;
  z-index: 2;
  opacity: 1;
}

html.cookies-visible #cboxClose:hover {
  background-color: var(--hbc-paper-deep) !important;
}

html.cookies-visible #cboxClose:focus-visible {
  outline: 2px solid var(--hbc-charcoal);
  outline-offset: 0;
}

/* Obsah detailu */
html.cookies-visible #colorbox .cookiesSetting__form {
  margin: 0;
  padding: 0;
  color: var(--hbc-charcoal);
  font-family: var(--hbc-font);
  font-size: 16px;
  line-height: 1.55;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__title {
  margin: 0 48px 12px 0;   /* místo pro křížek */
  padding: 0;
  color: var(--hbc-charcoal);
  font-family: var(--hbc-font);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.015em;
  text-transform: none;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__perex {
  margin: 0 0 24px;
  color: var(--hbc-charcoal);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}

html.cookies-visible #colorbox .cookiesSetting__form .hb-cookies-more {
  margin: -12px 0 24px;
  font-size: 15px;
  line-height: 1.45;
}

html.cookies-visible #colorbox .cookiesSetting__form .hb-cookies-more a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--hbc-charcoal);
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html.cookies-visible #colorbox .cookiesSetting__form .hb-cookies-more a:hover {
  color: var(--hbc-taupe);
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__data {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--hbc-stone);
  border-bottom: 1px solid var(--hbc-stone);
  border-radius: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  padding: 16px 0;
  border: 0;
  border-bottom: 1px solid var(--hbc-stone);
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item:last-child {
  border-bottom: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__col1 {
  flex: 1 1 auto;
  min-width: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__col2 {
  flex: 0 0 auto;
  margin: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__name {
  margin: 0 0 4px;
  color: var(--hbc-charcoal);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__name strong {
  font-weight: 600;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__text {
  margin: 0;
  color: var(--hbc-charcoal);
  font-size: 13px;
  line-height: 1.45;
}

/* Stav „Vždy zapnuté“ u nezbytných (prostý text, vkládá JS) */
html.cookies-visible #colorbox .cookiesSetting__form .hb-cookies-always {
  display: inline-block;
  padding-top: 2px;
  color: var(--hbc-charcoal);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
  white-space: nowrap;
}

/* Přepínač = NATIVNÍ checkbox (Opal ho skrývá display:none → nešel ovládat klávesnicí) */
html.cookies-visible #colorbox .cookiesSetting__form label.cookiesSetting__item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 44px;
  min-height: 44px;
  margin: -9px 0 0;          /* opticky srovnat s názvem kategorie */
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

html.cookies-visible #colorbox .cookiesSetting__form label.cookiesSetting__item__status:hover {
  background: transparent;
  border: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block !important;
  position: static;
  box-sizing: border-box;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  max-width: none;   /* Shoptet formuláře: max-width calc(100% - 25px) */
  height: 26px;
  margin: 0;
  padding: 0;
  opacity: 1;
  border: 1.5px solid var(--hbc-charcoal);
  border-radius: 999px;
  background: radial-gradient(circle at 12px 50%, var(--hbc-charcoal) 0 8px, transparent 8.5px) var(--hbc-paper);
  cursor: pointer;
  vertical-align: middle;
}

/* Shoptet/Opal kreslí vlastní checkbox pseudo-elementy na inputu → modrý čtvereček v rohu okna */
html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox::before,
html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox::after {
  content: none !important;
  display: none !important;
}

html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox:checked {
  background: radial-gradient(circle at calc(100% - 12px) 50%, var(--hbc-paper) 0 8px, transparent 8.5px) var(--hbc-charcoal);
}

html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox:hover {
  border-color: var(--hbc-taupe);
}

html.cookies-visible #colorbox .cookiesSetting__form input.cookiesSetting__item__checkbox:focus-visible {
  outline: 2px solid var(--hbc-charcoal);
  outline-offset: 3px;
}

/* Nativní popisek „Zapnout“: vizuálně skrytý, v DOM zůstává; Opal pseudo-checkbox pryč */
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__state {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__state::before,
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__state::after {
  display: none !important;
  content: none !important;
}

/* Akce: pod sebou, přes celou šířku, mezera 12 px, odstup 24 px.
   Pořadí v DOM upravuje JS (Přijmout vše → Uložit moje volby → Pouze nezbytné),
   takže vizuální pořadí = pořadí klávesnice. */
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__bottom {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  text-align: center;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button,
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__uncheckLink {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  font-family: var(--hbc-font);
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
  opacity: 1;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  height: auto;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Uložit moje volby (value="selection") — obrys */
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button[value="selection"] {
  background: transparent;
  border: 1.5px solid var(--hbc-charcoal);
  color: var(--hbc-charcoal);
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button[value="selection"]:hover {
  background: var(--hbc-paper-deep);
  color: var(--hbc-charcoal);
}

/* Přijmout vše (value="all") — vyplněné */
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button--green[value="all"] {
  background: var(--hbc-charcoal);
  border: 1.5px solid var(--hbc-charcoal);
  color: var(--hbc-paper);
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__button--green[value="all"]:hover {
  background: var(--hbc-taupe);
  border-color: var(--hbc-taupe);
  color: var(--hbc-paper);
}

/* Pouze nezbytné cookies (value="none") — podtržený textový odkaz, nativní <button> */
html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__uncheck {
  display: block;
  flex: none;
  margin: 0;
  padding: 0;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__uncheckLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--hbc-charcoal);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__uncheckLink:hover {
  background: transparent;
  color: var(--hbc-taupe);
}

html.cookies-visible #colorbox .cookiesSetting__form button:focus-visible,
html.cookies-visible #colorbox .cookiesSetting__form a:focus-visible {
  outline: 2px solid var(--hbc-charcoal);
  outline-offset: 3px;
}

/* v02 — mobilní detail: kompaktnější mezery (tokeny 4/8/12/16), aby se při běžné
   výšce displeje vešly všechny tři akce bez scrollu. Velikosti písma, dotykové
   cíle (≥ 44/48 px) a barvy beze změny. Při menší výšce zůstává funkční scroll
   uvnitř okna (#cboxLoadedContent). */
@media (max-width: 420px) {
  /* Ukotvení k levému okraji jako první panel (ne left:50 %): web má na mobilu
     layout širší než displej (~ +30 px, nezávisle na cookies), centrování by okno
     posunulo doprava za okraj displeje. */
  html.cookies-visible #colorbox {
    left: 16px !important;
    right: auto !important;
    width: calc(100vw - 32px) !important;
    max-width: none !important;
    transform: translateY(-50%);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
  html.cookies-visible #cboxLoadedContent {
    max-height: calc(100vh - 26px);
    max-height: calc(100dvh - 26px);
    padding: 16px !important;
  }
  html.cookies-visible #cboxClose {
    top: 4px !important;
    right: 4px !important;
  }
  html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__title {
    margin: 0 44px 8px 0;
    font-size: 20px;
    line-height: 1.25;
  }
  html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__perex {
    margin: 0;   /* odkaz pod ním má vlastní 44px dotykovou plochu = vizuální mezera */
  }
  html.cookies-visible #colorbox .cookiesSetting__form .hb-cookies-more {
    margin: 0 0 8px;
  }
  html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item {
    padding: 12px 0;
    gap: 12px;
  }
  html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__item__name {
    margin: 0 0 2px;
  }
  html.cookies-visible #colorbox .cookiesSetting__form label.cookiesSetting__item__status {
    margin: -10px 0 -8px;
  }
  html.cookies-visible #colorbox .cookiesSetting__form .cookiesSetting__bottom {
    gap: 8px;
    margin: 12px 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .siteCookies.js-siteCookies *,
  html.cookies-visible #colorbox * {
    transition: none !important;
  }
}