/* ============================================================
   brand.css v1 — уникальный дизайн каждого сайта волны 1
   Подключается после cow-app.css. Только брендовые токены:
   (шрифт-акцент, радиусы, фоновая текстура, hero, кнопки, карточки)
   ============================================================ */

/* ---------- 1. MENUPLAN: тёплая кухня, терракота ---------- */
.brand-menuplan { --brand:#c2410c; --brand-2:#ea580c; --brand-soft:#fff7ed; --brand-ink:#7c2d12; --radius:18px; }
.brand-menuplan h1, .brand-menuplan .logo, .brand-menuplan h2 { color:var(--brand-ink); }
.brand-menuplan .btn, .brand-menuplan button.primary, .brand-menuplan .serv-btn, .brand-menuplan .serv-q.on {
  background:linear-gradient(135deg,#c2410c,#ea580c); color:#fff; border:none; }
.brand-menuplan .tool, .brand-menuplan .daycard { background:var(--brand-soft); border-color:#fed7aa; border-radius:var(--radius); }
.brand-menuplan .daycard h3 { color:#c2410c; font-weight:800; letter-spacing:.2px; }
.brand-menuplan .mp-pick { border:1.5px dashed #fdba74; background:#fff; border-radius:14px; transition:all .15s; }
.brand-menuplan .mp-pick:hover { border-color:#ea580c; background:#fff7ed; transform:translateY(-2px); box-shadow:0 4px 14px rgba(234,88,12,.15); }
body.brand-menuplan, body.brand-menuplan { background:radial-gradient(1200px 500px at 80% -10%, #ffedd5 0%, transparent 60%), #fffaf5; }
.brand-menuplan .serv-num { font-size:1.35rem; font-weight:800; color:#9a3412; }
.brand-menuplan .serv-btn { width:46px; height:44px; font-size:1.3rem; border-radius:12px; box-shadow:0 2px 6px rgba(194,65,12,.25); }
.brand-menuplan .serv-btn:active { transform:scale(.93); }
.brand-menuplan .serv-stepper.pulse { animation:pulseStep .3s; }
@keyframes pulseStep { 0%{transform:scale(1)} 50%{transform:scale(1.06)} 100%{transform:scale(1)} }
.brand-menuplan .serv-stepper { display:inline-flex; gap:6px; align-items:center; background:#fff; border:1.5px solid #fed7aa; border-radius:14px; padding:6px; }
.brand-menuplan .serv-q { padding:7px 13px; border-radius:10px; border:1px solid #fed7aa; background:#fff; font-weight:700; color:#9a3412; cursor:pointer; transition:all .12s; }
.brand-menuplan .serv-q.on { background:#ea580c; color:#fff; border-color:#ea580c; }

/* ---------- 2. EGE-PLAN: строгий учёбный синий, сетка тетради ---------- */
.brand-egeplan { --brand:#1d4ed8; --brand-2:#1d4ed8; --brand-soft:#eff6ff; --brand-ink:#1e3a8a; --radius:12px; }
body.brand-egeplan { background:linear-gradient(#f8fafc 1px, transparent 1px), linear-gradient(90deg,#f8fafc 1px, transparent 1px); background-size:28px 28px; background-color:#fcfdff; }
.brand-egeplan h1, .brand-egeplan h2 { color:var(--brand-ink); }
.brand-egeplan .btn, .brand-egeplan button.primary, .brand-egeplan .cow-chip.on { background:linear-gradient(135deg,#1d4ed8,#2563eb); color:#fff; }
.brand-egeplan .cow-chip.on { border-color:#1d4ed8; }
.brand-egeplan .cow-range { accent-color:#1d4ed8; }
.brand-egeplan .cow-range-val { color:#1d4ed8; font-weight:800; font-size:1.1rem; }
.brand-egeplan .countdown-pill { background:#eff6ff; border-color:#bfdbfe; color:#1e40af; font-weight:700; }
.brand-egeplan .tool { border-left:4px solid #2563eb; border-radius:var(--radius); }

/* ---------- 3. POSADKI: садовый зелёный, тёплая бумага ---------- */
.brand-posadki { --brand:#15803d; --brand-2:#16a34a; --brand-soft:#f0fdf4; --brand-ink:#14532d; --radius:16px; }
body.brand-posadki { background:linear-gradient(180deg,#f7fee7 0%, #fefce8 100%); }
.brand-posadki h1, .brand-posadki h2 { color:var(--brand-ink); }
.brand-posadki .btn, .brand-posadki button.primary, .brand-posadki .cow-chip.on { background:linear-gradient(135deg,#15803d,#22c55e); color:#fff; }
.brand-posadki .cow-chip.on { border-color:#15803d; }
.brand-posadki .tool { background:#ffffffcc; border-color:#bbf7d0; border-radius:var(--radius); }
.brand-posadki .cpa { background:#f0fdf4; border:1px solid #bbf7d0; color:#166534; }
.brand-posadki .cow-chip { background:#fff; }

/* ---------- 4. INTERVIEW: тёмный деловой, графит+золото ---------- */
.brand-interview { --brand:#a16207; --brand-2:#ca8a04; --brand-soft:#fffbeb; --brand-ink:#713f12; --radius:10px; }
body.brand-interview { background:#111827; color:#f3f4f6; }
.brand-interview h1, .brand-interview h2 { color:#fbbf24; }
.brand-interview .tool, .brand-interview .daycard { background:#1f2937; border-color:#374151; border-radius:var(--radius); }
.brand-interview .lead { color:#9ca3af; }
.brand-interview .btn, .brand-interview button.primary { background:linear-gradient(135deg,#b45309,#f59e0b); color:#111827; font-weight:800; }
.brand-interview .cow-chip { background:#1f2937; border-color:#374151; color:#f3f4f6; }
.brand-interview .cow-chip.on { background:linear-gradient(135deg,#b45309,#f59e0b); color:#111827; border-color:#f59e0b; }
.brand-interview .check-row { color:#e5e7eb; }
.brand-interview .check-row input { accent-color:#f59e0b; }
.brand-interview header a, .brand-interview a { color:#fbbf24; }
.brand-interview .pbar { background:linear-gradient(90deg,#b45309,#f59e0b); }
.brand-interview .hint-pill { background:#1f2937; color:#fbbf24; border-color:#374151; }
.brand-interview .cow-modal { background:#111827cc; }
.brand-interview .cow-modal-card { background:#1f2937; color:#f3f4f6; }
.brand-interview .notes-area { background:#111827; color:#e5e7eb; border-color:#374151; }

/* ---------- общие: hero-заголовок, бейджи, анимации ---------- */
.brand-hero h1 { font-size:1.9rem; letter-spacing:-.3px; margin-bottom:6px; }
.brand-hero .lead { font-size:1.02rem; max-width:640px; }
.brand-footer { padding:22px 0 40px; font-size:.82rem; opacity:.75; }
.fadein { animation:fadeIn .35s ease both; }
@keyframes fadeIn { from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }
.pulse { animation:pulseStep .3s ease; }
@keyframes pulseStep { 0%{transform:scale(1)} 50%{transform:scale(1.05)} 100%{transform:scale(1)} }

/* печать: чистые листы */
@media print {
  .brand-hero h1 { font-size:1.2rem; }
  .noprint { display:none; }
}
/* dark-тема не должна перебивать бренд InterView */
:root[data-theme="dark"] body.brand-interview { background:#111827; color:#f3f4f6; }
:root[data-theme="dark"] body.brand-interview .tool { background:#1f2937; border-color:#374151; }
:root[data-theme="dark"] body.brand-interview .lead { color:#9ca3af; }

/* ===== КОНТРАСТ-ФИКС: слоты-ввод и не-CTA кнопки (тёмный текст на светлом фоне) ===== */
.brand-menuplan .mp-pick { color:#7c2d12; }
.brand-menuplan .mp-pick:hover { color:#9a3412; }
.brand-menuplan .serv-btn { color:#7c2d12; background:#fff7ed; }
.brand-menuplan .serv-btn:hover { background:#ffedd5; }
.brand-menuplan .serv-num { color:#431407; background:#fff; }
.brand-menuplan .serv-q { color:#9a3412; background:#fff; }
.brand-menuplan .serv-q.on { color:#fff; background:#ea580c; }
.brand-menuplan .preset, .brand-menuplan .card button, .brand-menuplan #diceAll { color:#7c2d12; }
.brand-menuplan .preset:hover, .brand-menuplan #diceAll:hover { color:#c2410c; }
.brand-menuplan .hint-pill { color:#7c2d12; }
.brand-menuplan .cow-chip { color:#7c2d12; }

/* EGE: chips/слоты — тёмно-синий текст на светлом */
.brand-egeplan .cow-chip { color:#1e3a8a; }
.brand-egeplan .cow-chip.on { color:#fff; }
.brand-egeplan .hint-pill { color:#1e40af; }
.brand-egeplan .cow-range-val { color:#1e3a8a; }

/* POSADKI: зелёные тексты слотов */
.brand-posadki .cow-chip { color:#14532d; }
.brand-posadki .cow-chip.on { color:#fff; }
.brand-posadki .hint-pill { color:#166534; }

/* ===== ФИКС-2: пресеты и слоты — НЕ teal-градиент, а брендовые светлые кнопки ===== */
.brand-menuplan .preset, .brand-menuplan #diceAll, .brand-menuplan .card button {
  background:#fff; color:#9a3412; border:1.5px solid #fdba74;
  box-shadow:0 1px 3px rgba(124,45,18,.08);
}
.brand-menuplan .preset:hover, .brand-menuplan #diceAll:hover, .brand-menuplan .card button:hover {
  background:#fff7ed; border-color:#ea580c; color:#c2410c; transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(234,88,12,.18);
}
/* главный CTA «Собрать список покупок» — терракотовый градиент, БЕЛЫЙ текст */
.brand-menuplan button.primary {
  background:linear-gradient(135deg,#ea580c,#c2410c); color:#fff;
}
.brand-menuplan button.primary:hover { background:linear-gradient(135deg,#f97316,#ea580c); }
/* theme-toggle не красим */