/* /// filename: css/style.css */
:root{
  --primary: #0d6efd;
  --muted: #6c757d;
  --brand: #ffb700;
  --bg-card: #ffffff;
}

a{
  text-decoration: none;
  color: inherit;
}

.navbar .nav-link.active {
  color: var(--primary) !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.hero-img {
  object-fit: cover;
  height: 320px;
}

.product-card img {
  height: 180px;
  object-fit: contain;
  background: #fff;
  padding: 12px;
}

@media (max-width: 576px) {
  .hero-img { height: 180px; }
  .product-card img { height: 140px; }
}

.btn-primary {
  background-color: #007bff;
  border: none;
  transition: 0.22s ease-in-out;
}

.btn-primary:hover {
  background-color: #0056b3;
  transform: translateY(-2px);
}

.text-orange { color: var(--brand) !important; }

footer .small { font-size: .85rem; }

.card.shadow-sm { box-shadow: 0 6px 18px rgba(0,0,0,0.06); }

.btn-remove {
  border-color: transparent;
  color: #fff;
  background: #dc3545;
}

.product-card {
  height: 100%;
}
.product-card .card-body { display:flex; flex-direction:column; }

.badge-count {
  min-width: 22px;
  text-align: center;
}

html[data-theme="dark"] {
  --bg-card: #1e2226;
}
html[data-theme="dark"] body {
  background-color: #0b0c0d;
  color: #ddd;
}
html[data-theme="dark"] .card {
  background: var(--bg-card);
  color: #eee;
}

.site-footer { background: #0b0c0d; color: #cfd6df; }
.site-footer a { color: #bfc8d3; }
.site-footer a:hover { color: #fff; text-decoration: none; }
#footerNewsletter .form-control { min-width: 0; }
#backToTop {
  color: #adb5bd;
}
#backToTop:hover { color: #fff; text-decoration: none; }
@media (max-width: 576px) {
  .site-footer .container { padding-left: 1rem; padding-right: 1rem; }
}