/*
Theme Name: Barking Store 2026
Theme URI: https://barkingstore.com
Author: Barking Team
Description: Дерзкий мерч с характером. Brutalist-minimal, переключаемая раскладка главной (A/B/C), палитра чёрный/красный/жёлтый, прогрессивная вёрстка 2026 (View Transitions, scroll-driven анимации, магнитный CTA).
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 8.2
Text Domain: barking-2026
*/

/* ════════════════════════════════════════════
   ПАЛИТРА — чёрный / красный / жёлтый
   CALM = светлая база (по умолчанию)
   ════════════════════════════════════════════ */
:root{
  --bark-bg:#f4f2ec;
  --bark-text:#16140f;
  --bark-accent:#e22b1d;       /* красный — основной акцент */
  --bark-spot:#f5c518;         /* жёлтый — редкий спот */
  --bark-grey:#8a857a;
  --bark-grey-light:#ddd8cd;
  --bark-card-bg:#e9e5db;
  --bark-header-bg:#f4f2ec;
  --bark-header-border:#ddd8cd;
  --bark-footer-bg:#16140f;
  --bark-footer-text:#f4f2ec;
  --bark-invert-bg:#16140f;    /* для тёмных блоков на светлой базе */
  --bark-invert-text:#f4f2ec;
}

/* LOUD = тёмная база */
body.theme-loud{
  --bark-bg:#0c0c0c;
  --bark-text:#f2f0ea;
  --bark-accent:#ff3b2e;
  --bark-spot:#ffd428;
  --bark-grey:#777;
  --bark-grey-light:#222;
  --bark-card-bg:#161616;
  --bark-header-bg:#0c0c0c;
  --bark-header-border:#222;
  --bark-footer-bg:#161616;
  --bark-footer-text:#f2f0ea;
  --bark-invert-bg:#f2f0ea;
  --bark-invert-text:#0c0c0c;
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{
  background:var(--bark-bg);
  color:var(--bark-text);
  font-family:'Archivo',sans-serif;
  overflow-x:hidden;
  transition:background-color .4s ease,color .4s ease;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ── ТИПОГРАФИКА: утилитарные классы бренда ── */
.bk-display{font-family:'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:-.03em;line-height:.9}
.bk-mono{font-family:'Space Mono',monospace}

/* ── ПЕРЕКЛЮЧАТЕЛЬ ТЕМЫ ── */
.bark-theme-toggle{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:250;
  width:46px;height:46px;border-radius:50%;
  border:2px solid var(--bark-text);
  background:var(--bark-bg);color:var(--bark-text);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;transition:all .3s ease;
  box-shadow:0 4px 15px rgba(0,0,0,.12);
}
.bark-theme-toggle:hover{transform:scale(1.1) rotate(15deg)}
.bark-theme-toggle:active{transform:scale(.95)}

/* ── КНОПКИ БРЕНДА (общие) ── */
.bk-btn{
  font-family:'Archivo',sans-serif;font-weight:800;font-size:.8rem;
  letter-spacing:.04em;text-transform:uppercase;
  background:var(--bark-text);color:var(--bark-bg);
  padding:1rem 2.2rem;display:inline-flex;align-items:center;gap:.6rem;
  border:2px solid var(--bark-text);cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.bk-btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--bark-accent)}
.bk-btn-red{background:var(--bark-accent);border-color:var(--bark-accent);color:#fff}
.bk-btn-red:hover{box-shadow:6px 6px 0 var(--bark-text)}
.bk-btn-ghost{background:transparent;color:var(--bark-text)}
.bk-btn-ghost:hover{box-shadow:6px 6px 0 var(--bark-accent)}

/* ════════════════════════════════════════════
   ГЛОБАЛЬНЫЙ КОНТЕЙНЕР — центрирование на широких экранах
   ════════════════════════════════════════════ */
.bark-container{max-width:1400px;margin-left:auto;margin-right:auto;width:100%}

/* Хедер и футер тянем на всю ширину, но внутренности центрируем */
.bark-header,.bark-announcement-track{max-width:1400px;margin-left:auto;margin-right:auto}

/* На очень широких экранах hero и секции не должны расплываться */
@media(min-width:1500px){
  .bk-heroA,.bk-section,.bk-heroB,.bk-heroC,.bk-break{
    max-width:1400px;margin-left:auto;margin-right:auto;
  }
}