/* Косметика по аудиту 08.10.2026 (группа C). Подключается в partials/head.php после style.css; style.css не меняется. */

/* UX-007: «В корзину» в карточках — заливная кнопка в фирменном цвете (сообщение «Добавлено» задаётся из main.js и не меняется) */
.product-card .btn-outline-choco { background: var(--dark-chocolate); border-color: var(--dark-chocolate); color: var(--white); font-weight: 600; }
.product-card .btn-outline-choco:hover,
.product-card .btn-outline-choco:focus-visible { background: var(--dark-chocolate-dark); border-color: var(--dark-chocolate-dark); color: var(--white); }

/* UX-007: подписи категорий в карточках — обычный регистр */
.product-category { text-transform: none; letter-spacing: .01em; font-size: .8rem; }

/* UX-008б: cookie-плашка — цвета палитры вместо оранжевых (cookie.css грузится позже, поэтому селекторы сильнее) */
body .cf-cookie { border-color: var(--border-light); box-shadow: 0 8px 28px rgba(62, 39, 35, .16); }
body .cf-cookie-text { color: var(--text-primary); }
body .cf-cookie-btn { background: var(--dark-chocolate); border-color: var(--dark-chocolate); color: var(--white); }
body .cf-cookie-btn:hover { background: var(--dark-chocolate-dark); border-color: var(--dark-chocolate-dark); }
body .cf-cookie-btn:focus-visible { outline-color: var(--milk-chocolate); }

/* Шапка на компьютере (запрос владельца 11.10.2026): бренд по центру, телефон — слева (вариант Б); мобильная версия не меняется */
@media (min-width: 768px) {
  .navbar { width: 100%; max-width: 1140px; }                 /* не шире окна на экранах 768–1139 */
  .search-desktop input { width: 90px; }
}
@media (min-width: 992px) {
  .navbar .cf-head-phone { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
  .search-desktop input { width: 150px; }
}
@media (min-width: 1200px) {
  .search-desktop input { width: 180px; }
}
/* Контент по ширине шапки: правый край карточек совпадает с краем шапки */
@media (min-width: 768px) and (max-width: 1179.98px) {
  .main-content { padding-right: 1rem; }
}
@media (min-width: 1180px) {
  .main-content { padding-right: 0; }
}