/* ==========================================================================
   Окно согласия на cookie (Complianz) в оформлении сайта.

   Плагин настраивается переменными — их и перекрываем: так сохраняется
   его раскладка и поведение, а вид становится сайтовым. Ниже переменных —
   только то, до чего они не дотягиваются: шрифты, форма кнопок и ярлык.
   ========================================================================== */

:root{
  /* Окно */
  --cmplz_banner_width:460px;
  --cmplz_banner_background_color:#fdfaf3;      /* cream-50 */
  --cmplz_banner_border_color:#e3d2b4;          /* cream-300 */
  --cmplz_banner_border_width:1px 1px 1px 1px;
  --cmplz_banner_border_radius:24px 24px 24px 24px;
  --cmplz_banner_margin:20px;

  /* Текст */
  --cmplz_text_color:#2e2318;                   /* ink-800 */
  --cmplz_text_font_size:14px;
  --cmplz_text_line_height:calc(var(--cmplz_text_font_size) * 1.64);
  --cmplz_title_font_size:22px;
  --cmplz_link_font_size:13px;
  --cmplz_hyperlink_color:#a81e24;              /* crimson-600 */
  --cmplz_category_body_font_size:13px;
  --cmplz_category_header_title_font_size:15px;
  --cmplz_category_header_active_font_size:12px;
  --cmplz_category_header_always_active_color:#16897a; /* teal-600 */

  /* Кнопки */
  --cmplz_button_font_size:15px;
  --cmplz_button_border_radius:999px 999px 999px 999px;
  --cmplz_button_accept_background_color:#a81e24;
  --cmplz_button_accept_border_color:#a81e24;
  --cmplz_button_accept_text_color:#fdfaf3;
  --cmplz_button_deny_background_color:#f8f0e0;  /* cream-100 */
  --cmplz_button_deny_border_color:#e3d2b4;
  --cmplz_button_deny_text_color:#15100c;        /* ink-950 */
  --cmplz_button_settings_background_color:transparent;
  --cmplz_button_settings_border_color:transparent;
  --cmplz_button_settings_text_color:#7c6849;    /* text-muted */

  /* Переключатели */
  --cmplz_slider_active_color:#22a793;           /* teal-500 */
  --cmplz_slider_inactive_color:#d9c6a4;         /* line-base */
  --cmplz_slider_bullet_color:#fdfaf3;

  /* Ярлык «Управлять согласием» */
  --cmplz-manage-consent-height:40px;
}

/* ── Окно ──────────────────────────────────────────────────────────────*/
.cmplz-cookiebanner{
  padding:26px 28px 24px;
  font-family:var(--font-text);
  box-shadow:0 28px 70px rgba(21,16,12,.28);
}

/* ── Шапка ─────────────────────────────────────────────────────────────*/
.cmplz-cookiebanner .cmplz-header{display:flex;align-items:center;gap:12px}
.cmplz-cookiebanner .cmplz-logo{display:none}
/* Заголовок в макете сайта всегда прижат влево. */
.cmplz-cookiebanner .cmplz-title{
  flex:1;text-align:left;
  font-family:var(--font-display);font-weight:700;line-height:1.24;
  letter-spacing:-.014em;color:var(--ink-950)}
.cmplz-cookiebanner .cmplz-close{
  position:static;flex:0 0 34px;
  display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:0;border-radius:var(--r-pill);background:var(--cream-100);color:var(--text-muted)}
.cmplz-cookiebanner .cmplz-close:hover{background:var(--crimson-600);color:var(--cream-50)}
.cmplz-cookiebanner .cmplz-close svg{width:12px;height:12px}
.cmplz-cookiebanner .cmplz-divider{background:var(--cream-300)}

/* ── Категории ─────────────────────────────────────────────────────────*/
.cmplz-cookiebanner .cmplz-category{
  padding:12px 14px;border:0;border-radius:14px;
  background:var(--cream-100);box-shadow:inset 0 0 0 1px var(--cream-300)}
.cmplz-cookiebanner .cmplz-category + .cmplz-category{margin-top:8px}
.cmplz-cookiebanner .cmplz-category-title{font-weight:600;color:var(--ink-950)}
.cmplz-cookiebanner .cmplz-always-active{font-weight:700;letter-spacing:.02em}
.cmplz-cookiebanner .cmplz-category-toggle{
  display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;
  border:0;border-radius:var(--r-pill);background:transparent;
  color:var(--crimson-600);cursor:pointer}
.cmplz-cookiebanner .cmplz-category-toggle:hover{background:var(--cream-200)}
.cmplz-cookiebanner .cmplz-icon svg{transition:transform .18s ease}
.cmplz-cookiebanner .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon svg{transform:rotate(180deg)}
.cmplz-cookiebanner .cmplz-description{color:var(--text-muted)}

/* ── Ссылки ────────────────────────────────────────────────────────────*/
.cmplz-cookiebanner .cmplz-links a{font-weight:600;text-decoration:none}
.cmplz-cookiebanner .cmplz-links a:hover{text-decoration:underline}
.cmplz-cookiebanner .cmplz-documents a{font-weight:400;color:var(--text-muted)}

/* ── Кнопки ────────────────────────────────────────────────────────────*/
.cmplz-cookiebanner .cmplz-btn{
  height:46px;padding:0 22px;
  font-family:var(--font-text);font-weight:600;line-height:1;
  transition:background .18s ease,color .18s ease}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:var(--crimson-700);border-color:var(--crimson-700)}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover{background:var(--cream-200)}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options{height:40px}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options:hover{color:var(--crimson-600)}

/* ── Ярлык «Управлять согласием» ───────────────────────────────────────
   У плагина правило с id, поэтому и здесь селектор с id.              */
#cmplz-manage-consent .cmplz-manage-consent{
  padding:0 18px;border:0;border-radius:24px 24px 0 0;
  background-color:var(--ink-950);color:var(--cream-50);
  box-shadow:0 -8px 26px rgba(21,16,12,.22);
  font-family:var(--font-text);font-weight:600;font-size:13px;
  cursor:pointer;transition:background-color .18s ease}
#cmplz-manage-consent .cmplz-manage-consent:hover,
#cmplz-manage-consent .cmplz-manage-consent:focus{background-color:var(--crimson-600)}

/* ── Заглушка вместо заблокированного содержимого ──────────────────────*/
.cmplz-blocked-content-container,
.cmplz-blocked-content-notice{
  border-radius:var(--r-md);background:var(--cream-100);
  box-shadow:inset 0 0 0 1px var(--cream-300);color:var(--ink-800);
  font-family:var(--font-text)}
.cmplz-blocked-content-container .cmplz-blocked-content-notice{
  border-radius:var(--r-pill);background:var(--crimson-600);color:var(--cream-50);box-shadow:none}

/* ── Узкий экран ───────────────────────────────────────────────────────*/
@media (max-width:519px){
  :root{--cmplz_banner_width:auto;--cmplz_banner_margin:10px}
  .cmplz-cookiebanner{padding:22px 20px 20px}
  /* Плагин прячет заголовок на узком экране — возвращаем: без него
     окно начинается с текста и читается хуже. */
  .cmplz-cookiebanner .cmplz-header .cmplz-title{display:block;font-size:20px}
}