/* AdiMart — Demo E-Commerce Store */

:root {
  --brand-yellow: #f0c040;
  --brand-dark:   #1a1a2e;
  --brand-mid:    #16213e;
  --brand-accent: #e94560;
}

/* Demo banner */
.demo-banner {
  background: repeating-linear-gradient(
    45deg,
    #e94560,
    #e94560 10px,
    #c0392b 10px,
    #c0392b 20px
  );
  color: #fff;
  font-size: 0.8rem;
  letter-spacing: 0.5px;
}

/* Hero section */
.hero-banner {
  background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-mid) 50%, #0f3460 100%);
  min-height: 220px;
}

/* Product cards */
.product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: 1px solid #e8e8e8;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}

/* Price tag */
.price-tag {
  font-size: 2rem;
  font-weight: 700;
  color: #198754;
}

/* Section headings */
.section-heading {
  border-left: 4px solid var(--brand-yellow);
  padding-left: 12px;
  font-weight: 600;
}

/* Review cards */
.review-card {
  background: #fafafa;
  border-left: 3px solid var(--brand-yellow) !important;
}

/* Navbar brand */
.navbar-brand {
  font-size: 1.3rem;
  letter-spacing: 0.5px;
}

/* Footer */
footer {
  font-size: 0.875rem;
}

/* Code blocks in attack hints */
code {
  background: #f8f9fa;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 0.82em;
  color: #e94560;
}
.bg-dark code {
  background: rgba(255,255,255,0.1);
  color: #f0c040;
}

/* Admin sidebar active */
.nav-link.active {
  background: rgba(255,255,255,0.1);
  border-radius: 6px;
}

/* Terminal output blocks */
pre {
  white-space: pre-wrap;
  word-break: break-all;
}

/* Buttons */
.btn-warning {
  background-color: var(--brand-yellow);
  border-color: var(--brand-yellow);
  color: #1a1a1a;
  font-weight: 600;
}
.btn-warning:hover {
  background-color: #d4aa30;
  border-color: #d4aa30;
  color: #1a1a1a;
}

/* Cart badge */
.badge.bg-warning {
  background-color: var(--brand-yellow) !important;
}

/* Scrollbar for terminal outputs */
.bg-dark.rounded {
  scrollbar-width: thin;
  scrollbar-color: #444 #1a1a1a;
}
.bg-dark.rounded::-webkit-scrollbar      { width: 6px; }
.bg-dark.rounded::-webkit-scrollbar-track{ background: #1a1a1a; }
.bg-dark.rounded::-webkit-scrollbar-thumb{ background: #444; border-radius: 3px; }