/**
 * Бар Бендерского Пивзавода — дизайн-система
 * Тёмно-зелёный фон, золотые акценты
 */
:root {
  --bpz-dark-green: #1a472a;
  --bpz-dark-green-hover: #245a37;
  --bpz-dark-green-light: #2d5a3d;
  --bpz-dark-green-bg: #143020;
  --bpz-gold: #d4af37;
  --bpz-gold-hover: #e6c04a;
  --bpz-gold-light: #f5e6b8;
}

/* Основные кнопки — тёмно-зелёные */
.btn-primary {
  background-color: var(--bpz-dark-green) !important;
  border-color: var(--bpz-dark-green) !important;
}

.btn-primary:hover {
  background-color: var(--bpz-dark-green-hover) !important;
  border-color: var(--bpz-dark-green-hover) !important;
}

/* === ХЕДЕР: фиксированный, тёмно-зелёный === */
#top {
  background: var(--bpz-dark-green) !important;
  border-bottom: 2px solid var(--bpz-gold);
  margin-bottom: 0;
}

#top .list-inline-item > a,
#top .list-inline-item .dropdown > a {
  color: var(--bpz-gold-light) !important;
}

#top .list-inline-item > a:hover,
#top .list-inline-item .dropdown > a:hover {
  color: var(--bpz-gold) !important;
}

/* Объединяем top и header в единый блок */
header {
  background: var(--bpz-dark-green);
  padding: 1rem 0;
  margin-bottom: 0;
}

header #logo img {
  filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5));
}

header #logo h1 a {
  color: var(--bpz-gold) !important;
}

#search .form-control {
  border: 2px solid var(--bpz-gold);
  border-radius: 4px;
}

#search .btn {
  background: var(--bpz-gold);
  border-color: var(--bpz-gold);
  color: var(--bpz-dark-green);
}

#search .btn:hover {
  background: var(--bpz-gold-hover);
  border-color: var(--bpz-gold-hover);
}

#cart .btn-block {
  background: var(--bpz-gold) !important;
  border-color: var(--bpz-gold) !important;
  color: var(--bpz-dark-green) !important;
}

#cart .btn-block:hover {
  background: var(--bpz-gold-hover) !important;
}

/* Фиксированный хедер при скролле */
.bpz-header-fixed {
  position: sticky;
  top: 0;
  z-index: 1030;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.bpz-header-wrapper {
  background: var(--bpz-dark-green);
}

/* === МЕНЮ: тёмно-зелёный === */
#menu {
  background: var(--bpz-dark-green) !important;
  background-image: none !important;
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 0;
  margin-bottom: 20px;
}

#menu .navbar-nav > li > a,
#menu .nav-link {
  color: #fff !important;
}

#menu .navbar-nav > li > a:hover,
#menu .nav-link:hover {
  background: rgba(212, 175, 55, 0.2) !important;
  color: var(--bpz-gold) !important;
}

#menu .dropdown-menu {
  background: var(--bpz-dark-green);
  border: 1px solid var(--bpz-gold);
}

#menu .dropdown-item {
  color: #fff;
}

#menu .dropdown-item:hover {
  background: rgba(212, 175, 55, 0.2);
  color: var(--bpz-gold);
}

#category {
  color: var(--bpz-gold);
}

/* === КАРТОЧКИ ТОВАРОВ: тёмно-зелёные, золотая рамка при hover === */
.product-thumb {
  border: 1px solid rgba(212, 175, 55, 0.2);
  background: var(--bpz-dark-green-light);
  transition: all 0.3s ease;
}

.product-thumb:hover {
  border: 2px solid var(--bpz-gold);
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

.product-thumb:hover .image img {
  transform: scale(1.05);
}

.product-thumb .image {
  overflow: hidden;
}

.product-thumb .image img {
  transition: transform 0.3s ease;
}

.product-thumb .description h4 a,
.product-thumb .description p {
  color: #e8e8e8;
}

.product-thumb .description h4 a:hover {
  color: var(--bpz-gold);
}

.product-thumb .price {
  color: var(--bpz-gold) !important;
}

.product-thumb .button {
  border-top-color: rgba(212, 175, 55, 0.2);
}

.product-thumb .button button {
  background: var(--bpz-dark-green) !important;
  color: #e8e8e8 !important;
  border-color: rgba(212, 175, 55, 0.2) !important;
}

.product-thumb .button button:hover {
  background: rgba(212, 175, 55, 0.2) !important;
  color: var(--bpz-gold) !important;
}

.product-thumb .button button:first-child {
  background: var(--bpz-gold) !important;
  color: var(--bpz-dark-green) !important;
  border: none !important;
}

.product-thumb .button button:first-child:hover {
  background: var(--bpz-gold-hover) !important;
}

/* === КАТАЛОГ: сетка 3-4 в ряд === */
#product-list.row-cols-lg-4 .col {
  margin-bottom: 1.5rem;
}

/* === ПАГИНАЦИЯ: тёмно-зелёная гамма === */
.pagination .page-link {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: #e8e8e8;
}

.pagination .page-item.active .page-link {
  background: var(--bpz-gold);
  border-color: var(--bpz-gold);
  color: var(--bpz-dark-green);
}

.pagination .page-link:hover {
  background: rgba(212, 175, 55, 0.3);
  border-color: var(--bpz-gold);
  color: var(--bpz-gold);
}

/* Результаты сортировки */
#content .text-muted,
#content .text-end {
  color: #b0b0b0 !important;
}

/* === СТРАНИЦА ТОВАРА: кнопки === */
#product-info .btn-primary {
  background: var(--bpz-dark-green);
  border-color: var(--bpz-dark-green);
}

#product-info .btn-primary:hover {
  background: var(--bpz-dark-green-hover);
  border-color: var(--bpz-dark-green-hover);
}

#product-info .btn-light.border {
  border-color: var(--bpz-gold) !important;
  color: var(--bpz-gold);
}

#product-info .btn-light.border:hover {
  background: rgba(212, 175, 55, 0.2);
}

/* Страница товара — текст и ссылки */
#product-info .list-unstyled li,
#product-info .tab-content {
  color: #e8e8e8;
}

/* Блок описания товара — на всю ширину, без обрезки и перекрытия */
#product-info #content {
  min-width: 0;
}
#product-info .bpz-product-tabs,
#product-info .tab-content.bpz-product-tabs {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}
#product-info #tab-description.bpz-product-description,
#product-info .bpz-product-description {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
  z-index: 1;
  clear: both;
}
#product-info #tab-description p,
#product-info .bpz-product-description p {
  max-width: 100%;
}

#product-info a {
  color: var(--bpz-gold-light);
}

#product-info .price-new {
  color: var(--bpz-gold) !important;
}

/* Рейтинг звёзд */
.rating .fa-star {
  color: var(--bpz-gold) !important;
}

/* === КОРЗИНА: заголовки тёмно-зелёные, итоги золотые === */
#output-cart thead th {
  background: var(--bpz-dark-green) !important;
  color: #fff !important;
  border-color: var(--bpz-dark-green);
}

#checkout-total tr:last-child td {
  font-size: 1.1em;
  color: var(--bpz-gold);
}

#checkout-cart .btn-primary {
  background: var(--bpz-dark-green);
  border-color: var(--bpz-dark-green);
}

#checkout-cart .btn-primary:hover {
  background: var(--bpz-dark-green-hover);
}

/* === ФУТЕР: тёмно-зелёный, белый текст === */
footer {
  background: var(--bpz-dark-green) !important;
  border: none;
  color: #fff;
  padding: 2.5rem 0 1.5rem;
}

footer h5 {
  color: var(--bpz-gold) !important;
}

footer a {
  color: #e8e8e8;
}

footer a:hover {
  color: var(--bpz-gold);
}

footer hr {
  border-color: rgba(212, 175, 55, 0.3);
}

/* Соцсети — золотые иконки */
footer .bpz-social a {
  color: var(--bpz-gold);
  font-size: 1.3em;
  margin: 0 0.3rem;
}

footer .bpz-social a:hover {
  color: var(--bpz-gold-light);
}

/* === ТЁМНО-ЗЕЛЁНАЯ ГАММА: вся страница === */
body,
#container {
  background: var(--bpz-dark-green-bg);
}

main {
  background: var(--bpz-dark-green-bg);
  padding: 1.5rem 0;
}

#content, #column-left, #column-right {
  background: var(--bpz-dark-green);
  color: #e8e8e8;
}

#common-home,
#product-category,
#product-info,
#checkout-cart,
#checkout-checkout {
  background: var(--bpz-dark-green);
}

#common-home .container,
#product-category .container,
#product-info .container,
#checkout-cart .container,
#checkout-checkout .container {
  background: var(--bpz-dark-green);
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid rgba(212, 175, 55, 0.2);
}

/* Левая колонка — категории в тёмно-зелёной гамме */
#column-left .list-group,
#column-left .card {
  background: var(--bpz-dark-green-light) !important;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 6px;
}

#column-left .list-group-item {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.1);
  color: #e8e8e8;
}

#column-left .list-group-item:hover {
  background: rgba(212, 175, 55, 0.15);
  color: var(--bpz-gold-light);
}

#column-left .list-group-item.active {
  background: rgba(212, 175, 55, 0.3) !important;
  border-color: var(--bpz-gold);
  color: var(--bpz-gold) !important;
}

/* Хлебные крошки */
.breadcrumb {
  background: var(--bpz-dark-green-light) !important;
  border-color: rgba(212, 175, 55, 0.2);
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #e8e8e8 !important;
}

.breadcrumb-item.active {
  color: var(--bpz-gold) !important;
}

/* Заголовки и текст в контенте */
#content h1, #content h2, #content h3 {
  color: var(--bpz-gold-light) !important;
}

#content, #content p, #content label {
  color: #e8e8e8;
}

#content a {
  color: var(--bpz-gold-light);
}

#content a:hover {
  color: var(--bpz-gold);
}

/* Формы и селекты */
#content .form-control,
#content .form-select,
#content .input-group-text {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: #fff;
}

#content .form-control:focus {
  background: var(--bpz-dark-green-light);
  border-color: var(--bpz-gold);
  color: #fff;
}

#content .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Кнопки переключения вида list/grid */
#content .btn-light {
  background: var(--bpz-dark-green-light) !important;
  border-color: rgba(212, 175, 55, 0.3);
  color: #e8e8e8 !important;
}

#content .btn-light:hover,
#content .btn-light.active {
  background: rgba(212, 175, 55, 0.2) !important;
  border-color: var(--bpz-gold);
  color: var(--bpz-gold) !important;
}

/* === БАННЕР НА ГЛАВНОЙ === */
.bpz-banner {
  background: var(--bpz-dark-green);
  color: #fff;
  padding: 3rem 0;
  margin-bottom: 2rem;
}

.bpz-banner h1 {
  color: var(--bpz-gold);
}

/* === О НАС === */
.bpz-about {
  background: var(--bpz-dark-green-light);
  padding: 2.5rem 0;
  margin: 2rem 0;
  border-radius: 6px;
  border: 1px solid rgba(212, 175, 55, 0.2);
}

.bpz-about h2 {
  color: var(--bpz-gold) !important;
  border-bottom: 2px solid var(--bpz-gold);
  padding-bottom: 0.5rem;
}

.bpz-about p {
  color: #e8e8e8;
}

/* Таблица корзины в тёмной гамме */
#output-cart {
  color: #e8e8e8;
}

#output-cart tbody td {
  color: #e8e8e8;
}

#output-cart tbody a {
  color: var(--bpz-gold-light);
}

#checkout-total td {
  color: #e8e8e8;
}

/* === ОФОРМЛЕНИЕ ЗАКАЗА: единый дизайн === */
#checkout-checkout {
  background: var(--bpz-dark-green);
}

#checkout-checkout .container {
  background: var(--bpz-dark-green);
  padding: 1.5rem;
  border-radius: 6px;
  border: 1px solid rgba(212, 175, 55, 0.2);
}

#checkout-checkout fieldset {
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
}

#checkout-checkout legend {
  color: var(--bpz-gold-light);
  font-size: 1.1rem;
  padding: 0 0.5rem;
  width: auto;
}

#checkout-checkout .form-label,
#checkout-checkout label {
  color: #e8e8e8;
}

#checkout-checkout .table {
  color: #e8e8e8;
  border-color: rgba(212, 175, 55, 0.25);
}

/* Секция «Товар» и итоги: тёмный фон, светлый текст (не золотой на белом) */
#checkout-checkout #checkout-confirm .table thead th,
#checkout-checkout #checkout-confirm .table tbody td,
#checkout-checkout #checkout-confirm .table tfoot td {
  background: var(--bpz-dark-green-light) !important;
  color: #e8e8e8 !important;
}

#checkout-checkout .table thead th {
  background: var(--bpz-dark-green-light);
  color: #e8e8e8;
  border-color: rgba(212, 175, 55, 0.3);
  font-weight: 600;
}

#checkout-checkout .table tbody td,
#checkout-checkout .table tfoot td {
  border-color: rgba(212, 175, 55, 0.2);
  color: #e8e8e8;
}

#checkout-checkout #checkout-confirm .table-hover tbody tr:hover td {
  background: rgba(45, 90, 61, 0.9) !important;
  color: #e8e8e8 !important;
}

#checkout-checkout .table tfoot tr:last-child td {
  font-size: 1.1rem;
  color: var(--bpz-gold);
  border-top: 1px solid rgba(212, 175, 55, 0.35);
}

#checkout-checkout .table a {
  color: var(--bpz-gold-light);
}

#checkout-checkout .table a:hover {
  color: var(--bpz-gold);
}

/* Блок оплаты (форма карты и кнопка подтверждения) */
#checkout-payment {
  margin-top: 1.25rem;
}

#checkout-payment .card,
#checkout-payment .form-control,
#checkout-payment input[type="text"],
#checkout-payment input[type="tel"],
#checkout-payment input[type="number"] {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: #fff;
}

#checkout-payment .card-header {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: var(--bpz-gold-light);
}

#checkout-payment .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

#checkout-payment .btn-primary {
  background: var(--bpz-dark-green);
  border-color: var(--bpz-dark-green);
}

#checkout-payment .btn-primary:hover {
  background: var(--bpz-dark-green-hover);
  border-color: var(--bpz-dark-green-hover);
}

/* Правая колонка: способ доставки, оплаты, итог */
#checkout-checkout #checkout-shipping-method,
#checkout-checkout #checkout-payment-method,
#checkout-checkout #checkout-confirm {
  background: var(--bpz-dark-green-light);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 6px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
}

#checkout-checkout .input-group-text {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: #e8e8e8;
}

#checkout-checkout #input-comment {
  background: var(--bpz-dark-green-light);
  border-color: rgba(212, 175, 55, 0.3);
  color: #fff;
}

#checkout-checkout #input-comment::placeholder {
  color: rgba(255, 255, 255, 0.5);
}