/* ARTIZO — CookieConsent v3 dressed in the V1 «Галерея» tokens (shared/css/system.css; artizokids/kids.css re-tunes
   them for the kids' site): paper, ink, one pigment. Loaded after cookieconsent.css, published sites with TRACKING only.
   „Prijať všetko“, „Odmietnuť všetko“ and „Nastavenia“ look exactly alike: equal weight, no nudging (RÚ 12.11.2025). */
#cc-main {
  --cc-font-family: var(--sans);
  --cc-modal-border-radius: var(--r-card);
  --cc-btn-border-radius: var(--r-btn);
  --cc-bg: var(--card);
  --cc-primary-color: var(--ink);
  --cc-secondary-color: var(--ink-2);
  --cc-link-color: var(--accent);
  --cc-btn-primary-bg: var(--paper);
  --cc-btn-primary-color: var(--ink);
  --cc-btn-primary-border-color: var(--ink);
  --cc-btn-primary-hover-bg: var(--ink);
  --cc-btn-primary-hover-color: var(--paper);
  --cc-btn-primary-hover-border-color: var(--ink);
  --cc-btn-secondary-bg: var(--paper);
  --cc-btn-secondary-color: var(--ink);
  --cc-btn-secondary-border-color: var(--ink);
  --cc-btn-secondary-hover-bg: var(--ink);
  --cc-btn-secondary-hover-color: var(--paper);
  --cc-btn-secondary-hover-border-color: var(--ink);
  --cc-separator-border-color: var(--line);
  --cc-toggle-on-bg: var(--accent);
  --cc-toggle-off-bg: var(--ink-3);
  --cc-toggle-on-knob-bg: var(--card);
  --cc-toggle-off-knob-bg: var(--card);
  --cc-toggle-enabled-icon-color: var(--accent);
  --cc-toggle-disabled-icon-color: var(--ink-3);
  --cc-toggle-readonly-bg: var(--paper-3);
  --cc-toggle-readonly-knob-bg: var(--card);
  --cc-toggle-readonly-knob-icon-color: var(--ink-3);
  --cc-section-category-border: var(--line);
  --cc-cookie-category-block-bg: var(--paper);
  --cc-cookie-category-block-border: var(--line);
  --cc-cookie-category-block-hover-bg: var(--paper-2);
  --cc-cookie-category-block-hover-border: var(--line-2);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--paper-2);
  --cc-overlay-bg: rgba(30, 27, 23, .5);
  --cc-footer-bg: var(--paper);
  --cc-footer-color: var(--ink-2);
  --cc-footer-border-color: var(--line);
  --cc-modal-transition-duration: .6s;  /* a slower fade-in (Andrey 15.10) */
  font-family: var(--sans);
}
#cc-main .cm, #cc-main .pm { border: 1px solid var(--line); box-shadow: 0 2px 4px rgba(30, 27, 23, .08), 0 26px 60px -18px rgba(30, 27, 23, .5); }
#cc-main .cm__title, #cc-main .pm__title { font-family: var(--head); font-weight: var(--head-weight); letter-spacing: var(--head-track); }
#cc-main .cm__title { font-size: 1.3rem; line-height: 1.2; }
#cc-main .pm__title { font-size: 1.4rem; }
#cc-main .cm__desc, #cc-main .pm__section-desc { font-size: .9375rem; line-height: 1.5; }
#cc-main .pm__section-title { font-weight: 650; }
#cc-main .cm__btn--close { border: 0; background: transparent; }
#cc-main .cm__btn--close:hover { background: var(--paper-2); }
#cc-main .cm__btn:not(.cm__btn--close), #cc-main .pm__btn { min-height: 46px; border-width: 1.5px; font-weight: 600; font-size: .9375rem; letter-spacing: .005em; }
#cc-main .cm__btn:focus-visible, #cc-main .pm__btn:focus-visible, #cc-main a:focus-visible, #cc-main .cm__btn--close:focus-visible,
#cc-main .pm__close-btn:focus-visible, #cc-main .section__toggle:focus-visible + .toggle__icon { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { #cc-main { --cc-modal-transition-duration: 0s; } }

/* 19.10 (Andrey, Alina's version B): first layer = [Accept all] (brand blue) · [Only essential] (outlined, same size) ·
   "Settings" (text link) */
#cc-main .cm .cm__btns { display: flex !important; flex-direction: column !important; gap: .5rem; }
#cc-main .cm .cm__btns .cm__btn-group { display: contents !important; }  /* the library's mobile rules re-flex the groups */
#cc-main .cm__btn[data-role="all"] { order: 1; background: var(--accent); border-color: var(--accent); color: #fff; }
#cc-main .cm__btn[data-role="all"]:hover { background: var(--ink); border-color: var(--ink); color: var(--paper); }
#cc-main .cm__btn[data-role="necessary"] { order: 2; }
#cc-main .cm__btn[data-role="show"] { order: 3; background: transparent; border-color: transparent; min-height: 36px; text-decoration: underline;
  text-underline-offset: 3px; font-weight: 500; color: var(--ink-2); }
#cc-main .cm__btn[data-role="show"]:hover { background: transparent; border-color: transparent; color: var(--ink); }
#cc-main .cm .cm__btn[data-role="show"] { align-self: center; width: auto !important; flex: 0 0 auto !important; min-height: 0 !important;
  padding: .3rem .4rem; margin-top: .15rem; }  /* the link's tap area is the text only */