/* ---------------------------------------------------------------------------
   Rekvalio — vzhled lišty se souhlasem.
   Přebarvuje knihovnu vanilla-cookieconsent přes její vlastní CSS proměnné,
   takže se nesahá do souboru knihovny a její aktualizace nic nerozbije.
--------------------------------------------------------------------------- */

#cc-main{
  --cc-font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;

  --cc-bg: #12150F;
  --cc-surface-bg: #171B15;
  --cc-surface-border: rgba(245,248,244,.10);

  --cc-primary-color: #F5F8F4;
  --cc-secondary-color: rgba(245,248,244,.62);

  --cc-btn-primary-bg: #00CA52;
  --cc-btn-primary-color: #04120A;
  --cc-btn-primary-border-color: #00CA52;
  --cc-btn-primary-hover-bg: #0AE063;
  --cc-btn-primary-hover-color: #04120A;
  --cc-btn-primary-hover-border-color: #0AE063;

  --cc-btn-secondary-bg: rgba(245,248,244,.07);
  --cc-btn-secondary-color: #F5F8F4;
  --cc-btn-secondary-border-color: rgba(245,248,244,.14);
  --cc-btn-secondary-hover-bg: rgba(245,248,244,.13);
  --cc-btn-secondary-hover-color: #F5F8F4;
  --cc-btn-secondary-hover-border-color: rgba(245,248,244,.24);

  --cc-separator-border-color: rgba(245,248,244,.10);

  --cc-toggle-on-bg: #00CA52;
  --cc-toggle-off-bg: rgba(245,248,244,.22);
  --cc-toggle-on-knob-bg: #04120A;
  --cc-toggle-off-knob-bg: #F5F8F4;
  --cc-toggle-readonly-bg: rgba(0,202,82,.32);
  --cc-toggle-readonly-knob-bg: #12150F;
  --cc-toggle-readonly-knob-icon-color: #12150F;

  --cc-link-color: #00CA52;
  --cc-link-hover-color: #0AE063;

  --cc-overlay-bg: rgba(6,8,6,.72);

  --cc-cookie-category-block-bg: rgba(245,248,244,.04);
  --cc-cookie-category-block-border: rgba(245,248,244,.08);
  --cc-cookie-category-block-hover-bg: rgba(245,248,244,.07);
  --cc-cookie-category-block-hover-border: rgba(245,248,244,.14);
  --cc-cookie-category-expanded-block-bg: transparent;
  /* knihovna tuhle proměnnou při rozbalení dosazuje do barvy rámečku sekce;
     bez ní by spadla na světlý výchozí odstín a rámeček by zesvětlal */
  --cc-cookie-category-expanded-block-hover-bg: rgba(245,248,244,.14);

  --cc-footer-bg: #0E110C;
  --cc-footer-color: rgba(245,248,244,.5);
  --cc-footer-border-color: rgba(245,248,244,.08);

  /* POZOR: knihovna touto proměnnou zaobluje i rozbalovací boxy v nastavení,
     ne jen tlačítka. Pilulkový radius se tam při rozbalení roztáhne do oblouku,
     proto je tu mírná hodnota a tlačítka dostávají pilulku zvlášť níž. */
  --cc-btn-border-radius: .9rem;

  color-scheme: dark;
}

/* --- lišta ---
   Rozměry, zaoblení i rozvržení nechává knihovna na svém; měníme jen barvy,
   písmo a drobný zelený proužek nahoře. */
#cc-main .cm{
  border: 1px solid rgba(245,248,244,.10);
  box-shadow: 0 24px 60px -24px rgba(0,0,0,.85);
  backdrop-filter: blur(14px);
}
#cc-main .cm__title{ font-weight: 600; letter-spacing: -.02em }
#cc-main .cm__desc{ line-height: 1.6 }
#cc-main .cm__btn{ font-weight: 600; border-radius: 99px }

/* zelený proužek nahoře — drobný podpis značky */
#cc-main .cm__body{ position: relative }
#cc-main .cm__body::before{
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(90deg, transparent 0%, #00CA52 25%, #9DEDBC 50%, #00CA52 75%, transparent 100%);
}

/* --- okno s nastavením --- */
#cc-main .pm{
  border: 1px solid rgba(245,248,244,.10);
  box-shadow: 0 30px 70px -28px rgba(0,0,0,.9);
}
#cc-main .pm__title{ font-weight: 600; letter-spacing: -.02em }
#cc-main .pm__section-title{ font-weight: 600 }

/* Zaoblení i skládání rámečků při rozbalení řeší knihovna sama —
   stačí jí dát rozumnou hodnotu --cc-btn-border-radius (viz nahoře). */
#cc-main .pm__btn{ font-weight: 600; border-radius: 99px }
#cc-main .pm__close-btn{ border-radius: 99px }
/* odkazy uvnitř textů modalu */
#cc-main .cm__desc a,
#cc-main .pm__section-desc a,
#cc-main .pm__desc a{
  color: #00CA52;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#cc-main .cm__desc a:hover,
#cc-main .pm__section-desc a:hover,
#cc-main .pm__desc a:hover{ color: #0AE063 }

#cc-main .pm__badge{
  background: rgba(0,202,82,.16);
  color: #00CA52;
  border: 1px solid rgba(0,202,82,.3);
  font-weight: 600;
}

/* Styl tlačítka „Nastavení cookies" je v hlavním <style> stránky,
   aby fungoval i bez tohoto souboru. */