/* =====================================================
   Cookie Consent — brand theme override
   knihovna: vanilla-cookieconsent v3 (orestbida)
   ===================================================== */

#cc-main {
  /* ---------- typografie ---------- */
  --cc-font-family: 'Inter', system-ui, sans-serif;
  --cc-font-size: 15px;
  --cc-line-height: 1.55;

  /* ---------- barvy ---------- */
  --cc-bg:                              #FCF8ED;
  --cc-primary-color:                   #1A1A1A;
  --cc-secondary-color:                 #898989;

  /* primární tlačítko (Přijmout vše) */
  --cc-btn-primary-bg:                  #00834C;
  --cc-btn-primary-color:               #FFFFFF;
  --cc-btn-primary-border-color:        #00834C;
  --cc-btn-primary-hover-bg:            #00643A;
  --cc-btn-primary-hover-color:         #FFFFFF;
  --cc-btn-primary-hover-border-color:  #00643A;

  /* sekundární tlačítko (Jen nezbytné / Spravovat) */
  --cc-btn-secondary-bg:                #FFFFFF;
  --cc-btn-secondary-color:             #1A1A1A;
  --cc-btn-secondary-border-color:      #D9D9D9;
  --cc-btn-secondary-hover-bg:          #F7F7F7;
  --cc-btn-secondary-hover-color:       #1A1A1A;
  --cc-btn-secondary-hover-border-color: #1A1A1A;

  /* odkazy uvnitř modal */
  --cc-link-color:                      #00834C;

  /* toggle switche */
  --cc-toggle-bg-on:                    #00834C;
  --cc-toggle-bg-off:                   #C8C8C8;
  --cc-toggle-bg-readonly:              #D9D9D9;
  --cc-toggle-knob-bg:                  #FFFFFF;
  --cc-toggle-knob-icon-color:          #00834C;

  /* karty kategorií v preferencích */
  --cc-cookie-category-block-bg:               #FFFFFF;
  --cc-cookie-category-block-border:           #ECECEC;
  --cc-cookie-category-block-bg-hover:         #F7F7F7;
  --cc-cookie-category-block-border-hover:     #D9D9D9;
  --cc-cookie-category-expanded-block-bg:      #F7F7F7;
  --cc-cookie-category-expanded-block-hover-bg: #ECECEC;

  /* tabulka cookies */
  --cc-section-category-border:         #ECECEC;
  --cc-cookie-table-border:             #ECECEC;

  /* overlay (modal pozadí) */
  --cc-overlay-bg:                      rgba(26, 26, 26, 0.55);

  /* scrollbar */
  --cc-webkit-scrollbar-bg:             #D9D9D9;
  --cc-webkit-scrollbar-bg-hover:       #898989;

  /* radius (brand max 16 px) */
  --cc-modal-border-radius:             16px;
  --cc-btn-border-radius:               999px;
  --cc-pm-section-border-radius:        12px;
}

/* ---------- consent modal (banner) ---------- */
#cc-main .cm {
  border: 1px solid var(--gray-200);
  box-shadow: 0 24px 60px -24px rgba(26, 26, 26, 0.2);
  font-family: 'Inter', system-ui, sans-serif;
}
#cc-main .cm__title {
  font-family: 'Satoshi', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #1A1A1A;
}
#cc-main .cm__desc {
  color: #1A1A1A;
}
#cc-main .cm__footer a,
#cc-main .pm a {
  color: #00834C;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: opacity .2s ease;
}
#cc-main .cm__footer a:hover,
#cc-main .pm a:hover { opacity: 0.7; }

/* ---------- buttons ---------- */
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 12px 20px;
  border-width: 1px;
  border-style: solid;
  transition:
    transform .25s cubic-bezier(0.34, 1.4, 0.64, 1),
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .25s ease;
}
#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  transform: translateY(-1px);
}

#cc-main .cm__btn--primary,
#cc-main .pm__btn--primary {
  box-shadow: 0 6px 18px -8px rgba(0, 131, 76, 0.5);
}
#cc-main .cm__btn--primary:hover,
#cc-main .pm__btn--primary:hover {
  box-shadow: 0 12px 24px -8px rgba(0, 131, 76, 0.6);
}

/* ---------- preferences modal ---------- */
#cc-main .pm {
  border: 1px solid var(--gray-200);
  box-shadow: 0 30px 80px -24px rgba(26, 26, 26, 0.25);
  font-family: 'Inter', system-ui, sans-serif;
}
#cc-main .pm__title,
#cc-main .pm__section-title {
  font-family: 'Satoshi', system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.005em;
  color: #1A1A1A;
}
#cc-main .pm__section {
  border-color: #ECECEC !important;
}
#cc-main .pm__section--toggle .pm__section-title {
  padding: 18px 20px;
}
#cc-main .pm__section-desc {
  color: #898989;
  font-size: 14px;
  line-height: 1.6;
}

/* tabulka cookies */
#cc-main .pm__section-table thead th {
  font-family: 'Satoshi', system-ui, sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #898989;
}
#cc-main .pm__section-table td {
  font-size: 13.5px;
  color: #1A1A1A;
}

/* ---------- toggle ---------- */
#cc-main .toggle__icon-on { color: #FFFFFF; }
#cc-main .toggle__icon-off { color: #898989; }

/* ---------- floating button "Spravovat předvolby" v zásadách ---------- */
button[data-cc="show-preferencesModal"] {
  cursor: pointer;
}

/* ---------- responsivita banner ---------- */
@media (max-width: 640px) {
  #cc-main .cm {
    border-radius: 16px !important;
    margin: 12px !important;
  }
  #cc-main .cm__btn,
  #cc-main .pm__btn {
    font-size: 14px;
    padding: 12px 16px;
  }
}