/* Shop Theme Styles */

:root {
  --shop-accent: #8B0000;
  --shop-accent-dark: #5a0000;
  --shop-accent-light: #ff4444;
}

[data-bs-theme="dark"] body {
  background-color: #000;
  color: #fff;
}

[data-bs-theme="light"] body {
  background-color: #f8f9fa;
  color: #212529;
}

.shop-header {
  position: relative;
  color: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
}

.shop-header-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.shop-header-overlay > * {
  pointer-events: auto;
}

.shop-footer {
  background-color: #1e1e1e;
  color: white;
  border-top: 5px solid var(--shop-accent);
}

/* Button Overrides */
.btn-primary {
  background-color: var(--shop-accent);
  border-color: var(--shop-accent);
  color: white;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--shop-accent-dark);
  border-color: var(--shop-accent-dark);
}

/* Dark Theme Adaptations */
[data-bs-theme="dark"] .card {
  background-color: #383838;
  border-color: #4d4d4d;
  color: #fff;
}

[data-bs-theme="dark"] .bg-light {
  background-color: #383838 !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .text-dark {
  color: #fff !important;
}

[data-bs-theme="dark"] .text-primary {
  color: var(--shop-accent-light) !important;
}

[data-bs-theme="dark"] .text-muted {
  color: #adb5bd !important;
}

/* Light Theme Adaptations */
[data-bs-theme="light"] .card {
  background-color: #ffffff;
  border-color: #dee2e6;
  color: #212529;
}

[data-bs-theme="light"] .text-primary {
  color: var(--shop-accent) !important;
}

.product-card {
  transition: transform 0.3s;
  height: 100%;
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.featured-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--shop-accent);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
}

.rating-stars {
  color: #ffc107;
}

.category-card {
  transition: all 0.3s;
  cursor: pointer;
}

.category-card:hover {
  transform: scale(1.05);
}

.bg-danger {
  background-color: var(--shop-accent) !important;
}

.text-danger {
  color: var(--shop-accent) !important;
}