/* Category page specific styles: Increase contrast for order button on dark backgrounds */

/* Make only the order button inside offer cards stand out */
#offers .offer-card .btn-primary {
  background-color: #ffc107 !important; /* amber/yellow for strong contrast */
  border-color: #e0a800 !important;
  color: #1a1a1a !important; /* dark text for readability */
  font-weight: 600;
}

#offers .offer-card .btn-primary:hover,
#offers .offer-card .btn-primary:focus {
  background-color: #ffb300 !important;
  border-color: #d39e00 !important;
  color: #101010 !important;
}

#offers .offer-card .btn-primary:active,
#offers .offer-card .btn-primary.active {
  background-color: #ffae00 !important;
  border-color: #c69500 !important;
}

/* Accessible focus ring */
#offers .offer-card .btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.35) !important;
}

/* ----- Дополнительные фирменные стили для страницы категории ----- */
/* Хедер категории */
.category-header { padding: 36px 0; background: radial-gradient(1200px 400px at 10% -10%, rgba(255,214,0,.06), transparent 60%), #0b0c0e; border-bottom: 1px solid rgba(255,255,255,0.08); }
.category-header h1 { color: var(--primary); font-weight: 700; text-align: center; }
.category-header .breadcrumb a { color: var(--primary); text-decoration: none; }
.category-header .breadcrumb .active { color: #cfd6df; }

/* Карточки офферов */
.offer-card { background: #0f1115; border: 1px solid rgba(255,255,255,0.12); border-radius: .5rem; padding: 16px; height: 100%; box-shadow: 0 10px 28px rgba(0,0,0,.25); }
.offer-card .card-title { color: #e8ebf0; font-size: 1.05rem; }
.offer-thumb { height: 220px; background:#0b0c0e; overflow:hidden; border-radius:.5rem }
.offer-thumb img { width:100%; height:100%; object-fit:cover; display:block }
@media (max-width: 576px){ .offer-thumb{height:180px} }

/* Секция преимуществ */
.category-benefits { background-color: var(--dark-bg) !important; }
.category-benefits .benefit-icon { color: var(--primary); }
.category-benefits h4 { color: #e8ebf0; }
.category-benefits p { color: #c9d3dd; }