/* ============================================================
   СВЕТЛАЯ ТЕМА — включается атрибутом html[data-theme="light"]
   Подключается поверх theme.css. Схема как на cigarimperia.ru:
   светлое тело, тёмные шапка, подвал и «фирменные» блоки
   (первый экран, плитки категорий, культура, призыв в клуб).
   Палитра снята с живого сайта: фон #f4f4f4, заголовки #cca264,
   текст #333/#555, шапка #15120d.
   ============================================================ */

html[data-theme="light"]{
  --bg:        #f4f4f4;
  --bg-2:      #ffffff;
  --surface:   #fafafa;

  /* золото на светлом: заливки светлее, текст темнее — иначе не читается */
  --gold:      #856325;
  --gold-fill: #cca264;
  --gold-soft: #b58f4f;
  --gold-deep: #7d5f21;

  --text:   #2c2c2c;
  --text-2: rgba(44,44,44,.68);
  --text-3: rgba(44,44,44,.45);

  --line:   rgba(0,0,0,.12);
  --line-2: rgba(0,0,0,.21);

  --shadow: 0 26px 60px -42px rgba(0,0,0,.45);
}

/* шум делаем едва заметным, иначе светлый фон грязнится */
html[data-theme="light"] body::before{opacity:.018}

/* ---------- тёмные блоки: подменяем токены точечно ---------- */
html[data-theme="light"] .ci-head, html[data-theme="light"] .ci-footer, html[data-theme="light"] .ci-hero, html[data-theme="light"] .ci-catstrip, html[data-theme="light"] .ci-culture, html[data-theme="light"] .ci-club, html[data-theme="light"] .ci-page-head, html[data-theme="light"] .ci-agegate{
  --bg:        #15120d;
  --bg-2:      #1a1610;
  --surface:   #1e1a13;
  --gold:      #c0a36c;
  --gold-fill: #c0a36c;
  --gold-soft: #d8c39a;
  --gold-deep: #9c7e52;
  --text:   #ece5d7;
  --text-2: rgba(236,229,215,.58);
  --text-3: rgba(236,229,215,.36);
  --line:   rgba(192,163,108,.16);
  --line-2: rgba(192,163,108,.30);
  color:var(--text);
}
html[data-theme="light"] .ci-head{background:#15120d;border-bottom:1px solid var(--line)}
html[data-theme="light"] .ci-head.is-scrolled{background:rgba(21,18,13,.94);backdrop-filter:none;-webkit-backdrop-filter:none}

/* ---------- баннер раздела: фото под шапкой, как на .ru ---------- */
html[data-theme="light"] .ci-page-head{
  position:relative;
  padding-top:170px;padding-bottom:52px;
  background:
    linear-gradient(180deg,rgba(14,11,7,.78),rgba(14,11,7,.5) 45%,rgba(14,11,7,.82)),
    url("../img/cat-accessories.jpg") center/cover no-repeat;
  border-bottom:3px solid var(--ruby);
}
html[data-theme="light"] .ci-page-head .ci-crumbs{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid rgba(236,229,215,.22)}
html[data-theme="light"] .ci-page-head .ci-eyebrow{margin-top:24px}
html[data-theme="light"] .ci-page-head h1{color:#e8d6ae}
html[data-theme="light"] .ci-page-head .ci-page-lead{color:rgba(236,229,215,.72)}
@media(max-width:1024px){
  html[data-theme="light"] .ci-page-head{
    padding-top:52px;padding-bottom:38px;
    /* полоса ниже — затемнение слабее, иначе фото не читается вовсе */
    background:
      linear-gradient(180deg,rgba(14,11,7,.72),rgba(14,11,7,.42) 45%,rgba(14,11,7,.78)),
      url("../img/cat-accessories.jpg") center/cover no-repeat;
  }
}

/* у страниц, где под шапкой сразу крошки (товар, статья) — тот же баннер */
html[data-theme="light"] .ci-page-head:has(> .ci-wrap > .ci-crumbs:only-child){padding-bottom:26px}

/* ---------- поверхности ---------- */
html[data-theme="light"] .ci-section{background:var(--bg)}
html[data-theme="light"] .ci-card, html[data-theme="light"] .ci-post, html[data-theme="light"] .ci-service, html[data-theme="light"] .ci-list-item, html[data-theme="light"] .ci-fact, html[data-theme="light"] .ci-contact-card, html[data-theme="light"] .ci-usp div, html[data-theme="light"] .ci-summary{background:var(--bg-2)}
html[data-theme="light"] .ci-card:hover, html[data-theme="light"] .ci-post:hover, html[data-theme="light"] .ci-service:hover, html[data-theme="light"] .ci-list-item:hover{background:var(--surface)}
html[data-theme="light"] .ci-summary{border-color:var(--line)}
html[data-theme="light"] .ci-map{background:#eaeaea}

/* ---------- кнопки ---------- */
html[data-theme="light"] .ci-btn-primary{background:var(--gold-fill);color:#1f1809}
html[data-theme="light"] .ci-btn-primary:hover{background:#d9b57e}
html[data-theme="light"] .ci-btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="light"] .ci-btn-ghost:hover{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}

/* ---------- карточка товара ---------- */
html[data-theme="light"] .ci-card-media{background:#fff}
html[data-theme="light"] .ci-card-acts button{background:rgba(255,255,255,.9);color:var(--text-2)}
html[data-theme="light"] .ci-card-acts button:hover{color:var(--gold)}
html[data-theme="light"] .ci-badge{background:var(--gold-fill);color:#1f1809}
html[data-theme="light"] .ci-badge.is-out{background:rgba(255,255,255,.92);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="light"] .ci-card-buy:hover{background:var(--gold-fill);color:#1f1809}
html[data-theme="light"] .ci-price{color:#333}

/* ---------- страница товара ---------- */
html[data-theme="light"] .ci-gallery-main{background:#fff}
html[data-theme="light"] .ci-price-lg{color:#333}
html[data-theme="light"] .ci-usp{background:var(--line)}

/* ---------- формы и поля ---------- */
html[data-theme="light"] .ci-input, html[data-theme="light"] .ci-form textarea, html[data-theme="light"] .ci-range input, html[data-theme="light"] .ci-select, html[data-theme="light"] .ci-searchform input[type=search], html[data-theme="light"] .ci-comments input, html[data-theme="light"] .ci-comments textarea{background-color:#fff}
html[data-theme="light"] .ci-check input{background:#fff}
html[data-theme="light"] .ci-check input:checked{background:var(--gold-fill);box-shadow:inset 0 0 0 1px var(--gold-fill)}
html[data-theme="light"] .ci-radio{background:#fff}
html[data-theme="light"] .ci-radio input{background:#fff}
html[data-theme="light"] .ci-radio input:checked{box-shadow:inset 0 0 0 5px var(--gold-fill)}
html[data-theme="light"] .ci-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239a7730' stroke-width='1.4' fill='none'/%3E%3C/svg%3E")}
html[data-theme="light"] .ci-note{background:#fff}
html[data-theme="light"] .ci-chips a{background:#fff}
html[data-theme="light"] .ci-chips a.is-active{background:var(--gold-fill);color:#1f1809}
html[data-theme="light"] .ci-filter-toggle{background:#fff}

/* ---------- заголовки и ссылки ---------- */
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3{color:var(--text)}
html[data-theme="light"] .ci-section-head h2, html[data-theme="light"] .ci-seo h2, html[data-theme="light"] .ci-split h2{color:var(--gold)}
html[data-theme="light"] .ci-entry-body a:not(.ci-btn){color:var(--gold)}
html[data-theme="light"] .ci-entry-body a.ci-btn-primary{color:#1f1809}
html[data-theme="light"] .ci-faq summary{color:var(--text)}
html[data-theme="light"] .ci-tabs-nav button.is-active{color:var(--gold)}
html[data-theme="light"] .ci-pagination .current{color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
html[data-theme="light"] .ci-pagination a, html[data-theme="light"] .ci-pagelinks a{background:#fff}

/* ---------- заслонка на светлом ---------- */
html[data-theme="light"] .ci-agegate{background:rgba(28,23,16,.86)}

/* ---------- журнал ---------- */
html[data-theme="light"] .ci-post-cover{background:#fff}
html[data-theme="light"] .ci-entry-body blockquote{color:var(--text)}

/* ---------- фокус ---------- */
html[data-theme="light"] :focus-visible{outline-color:var(--gold)}

/* --- окно поиска --- */
html[data-theme="light"] .ci-searchbox-veil{background:rgba(20,18,14,.36)}
html[data-theme="light"] .ci-searchbox-sheet{background:#fff;box-shadow:0 30px 60px -40px rgba(0,0,0,.35)}
html[data-theme="light"] .ci-search-row:hover{background:var(--surface)}

/* --- магазин --- */
html[data-theme="light"] .woocommerce .button,
html[data-theme="light"] .woocommerce button.button,
html[data-theme="light"] .woocommerce input.button,
html[data-theme="light"] .woocommerce a.button{background:var(--gold-fill);color:#1f1809}
html[data-theme="light"] .woocommerce .button:hover,
html[data-theme="light"] .woocommerce a.button:hover{background:var(--gold);color:#fff}
html[data-theme="light"] .woocommerce-pagination .current{background:var(--gold-fill);color:#1f1809}

/* --- карточка товара --- */
html[data-theme="light"] .ci-badge.is-out{background:rgba(28,24,18,.86);color:#fff}
html[data-theme="light"] .ci-card-acts button{background:rgba(255,255,255,.92);color:#2c2c2c;box-shadow:0 2px 10px rgba(0,0,0,.14)}
html[data-theme="light"] .ci-card-acts button:hover{background:#fff;color:var(--gold)}