/* ═══════════════════════════════════════════════════════════════
   home-palette.css — палитра и фоны секций главной (редизайн, шаг 1, 04.10.2026).

   Было: один зелёный на всё, холодный серый #f4f4f4 и три тёмно-зелёные
   полосы подряд (аналитика, призыв, подвал) — «однотонно и скучно».
   Стало: крем вместо серого, тёплый второй акцент «солома» (токены в base.css),
   тёмная секция одна — аналитика, плюс подвал.

   Ритм фонов сверху вниз:
     hero (фото) → категории (белый) → объявления (крем) → хозяйства (белый)
     → аналитика (тёмная) → как работает (крем) → отзывы (белый)
     → призыв (плотный крем) → вопросы (белый) → подвал (тёмный).

   Подключается ПОСЛЕДНИМ на index.html (после mobile.css): мобильные правила
   там с !important, поэтому и здесь, где они пересекаются, !important.
   ═══════════════════════════════════════════════════════════════ */

/* ── Фоны секций ── */
body{background:var(--cream)}
.categories{background:#fff}
.listings{background:var(--cream)}
.farms{background:#fff}
#how{background:var(--cream)}
.reviews{background:#fff}
.faq{background:#fff}
.partners{background:#fff}

/* Карточки на креме: тёплая граница вместо серой */
.listings .listing-card,
#how .how-fact{border-color:var(--line-warm)}
.listing-tab{border-color:var(--line-warm)}
.listing-tab:not(.active) .listing-tab-count{background:var(--cream-2);color:var(--straw-ink)}

/* Вопросы теперь на белом — карточкам нужен фон, иначе сливаются */
.faq-item{background:var(--cream);border-color:var(--line-warm)}
.faq-q:hover{background:var(--straw-50)}
.faq-q.open{background:var(--straw-50);color:var(--g900)}

/* ── Hero: солома — главная кнопка и выделение ── */
.hero-title em{color:var(--straw-300)}
.hero-sub li::before{color:var(--straw-300)}
.search-btn{background:var(--straw);color:var(--on-straw);font-weight:700}
.search-btn:hover{background:var(--straw-600)}

/* ── «Срочно»: соломой, а не красным (красный — для ошибок) ── */
.listing-tab.tab-urgent.active{background:var(--straw);border-color:var(--straw);color:var(--on-straw)}
.listing-tab.tab-urgent.active .listing-tab-count{background:rgba(42,29,2,.12);color:var(--on-straw)}

/* ── Как работает: номер шага — соломенная метка ── */
.how-step-num{background:var(--straw);color:var(--on-straw)}
.how-step-badge{background:var(--straw-50);border-color:var(--straw-100);color:var(--straw-ink)}
.step-time{background:var(--straw-50);color:var(--straw-ink)}

/* ── Аналитика — единственная тёмная секция; цены и рост — соломой ── */
.an-cat-perkg{color:var(--straw-300)}
.an-tab.active{background:var(--straw);color:var(--on-straw)}
.an-cta-primary{background:var(--straw);color:var(--on-straw);font-weight:700}
.an-cta-primary:hover{background:var(--straw-600)}

/* ── Призыв: был второй тёмной полосой с фото, стал светлым ── */
.cta-section{background:var(--cream-2)}
.cta-section::before,.cta-section::after{display:none!important;content:none}
.cta-eyebrow{border-color:var(--straw-100);background:var(--straw-50);color:var(--straw-ink)}
.cta-title{color:var(--g900)}
.cta-desc{color:var(--gr600)}
.cta-btn-green{background:var(--straw);color:var(--on-straw)}
.cta-btn-green:hover{background:var(--straw-600)}
.cta-btn-wh{color:var(--g800);border-color:var(--g800)}
.cta-btn-wh:hover{background:var(--g800);color:#fff;border-color:var(--g800)}

/* ── Телефон: mobile.css красит те же секции с !important ── */
@media (max-width:768px){
  body{background:var(--cream)!important}
  .listings,.listings-inner{background:var(--cream)!important}
  section#how,[id="how"]{background:var(--cream)!important}
  .faq{background:#fff!important}
  .reviews{background:#fff!important}
  section.farms,.farms{background:#fff!important}
  .cta-section::before{background-image:none!important}
  /* Телефонный hero собирает mobile-home.js своей разметкой (.mob-hero-*) — те же акценты */
  .mob-hero-title em{color:var(--straw-300)!important}
  /* фото в мобильном hero было почти не видно (opacity .2) — светлее */
  .mob-hero-bg{opacity:.4!important}
  .mob-hero-find{background:var(--straw)!important;color:var(--on-straw)!important;font-weight:700!important}
  .mob-hero-find:active{background:var(--straw-600)!important}
  /* Липкий поиск при прокрутке — та же главная кнопка */
  .mob-sticky-search-filter{background:var(--straw)!important;color:var(--on-straw)!important;font-weight:700!important}
  .mob-sticky-market svg{stroke:var(--straw-300)!important}
}