/* ═══════════════════════════════════════════
   Theme: Home Décor
   Personality: Natural, earthy olive-green, soft beige bg, rounded organic cards
═══════════════════════════════════════════ */

/* --- Embedded Fonts --- */
@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --shop-accent:       #558b2f;
  --shop-accent-dark:  #33691e;
  --shop-navbar-bg:    #33691e;
  --shop-footer-bg:    #1b5e20;
  --shop-font:         'Lato', 'Helvetica Neue', sans-serif;
  --shop-body-font:    'Lato', 'Helvetica Neue', sans-serif;
  --shop-radius:       14px;
  --shop-card-shadow:  0 2px 14px rgba(85,139,47,.10);
  --shop-hero-bg:      linear-gradient(135deg,#1b5e20 0%,#33691e 50%,#558b2f 100%);
}

/* --- Base --- */
body { font-family: var(--shop-font); background: #f5f0ea; color: #3e3128; }

/* --- Navbar --- */
.navbar { background-color: var(--shop-navbar-bg) !important; }
.navbar-brand { font-weight: 800; letter-spacing: .03em; }

/* --- Buttons --- */
.btn { border-radius: var(--shop-radius) !important; }
.btn-primary {
  --bs-btn-bg: var(--shop-accent);
  --bs-btn-border-color: var(--shop-accent);
  --bs-btn-hover-bg: var(--shop-accent-dark);
  --bs-btn-hover-border-color: var(--shop-accent-dark);
}

/* --- Links & accents --- */
a { color: var(--shop-accent); }
a:hover { color: var(--shop-accent-dark); }
.text-primary { color: var(--shop-accent) !important; }
.badge.bg-primary { background-color: var(--shop-accent) !important; }

/* --- Product cards: large radius, warm border --- */
.product-card, .home-card {
  border-radius: var(--shop-radius) !important;
  border: 1px solid #d7ccc8 !important;
  background: #fffdf9;
  box-shadow: var(--shop-card-shadow);
  overflow: hidden;
}
.product-card:hover, .home-card:hover {
  box-shadow: 0 10px 28px rgba(85,139,47,.18);
  transform: translateY(-4px);
  border-color: var(--shop-accent) !important;
}
.product-card .card-img-top, .home-card img { border-radius: var(--shop-radius) var(--shop-radius) 0 0 !important; }

/* --- Hero --- */
.home-hero  { background: var(--shop-hero-bg) !important; }
.home-promo { background: linear-gradient(90deg,#1b5e20 0%,#558b2f 100%) !important; }

/* --- Price --- */
.fw-bold.text-primary { color: var(--shop-accent) !important; }

/* --- Category cards --- */
.home-cat { border-radius: var(--shop-radius) !important; border-color: #d7ccc8 !important; background: #fffdf9; }
.home-cat:hover { border-color: var(--shop-accent) !important; }

/* --- Footer --- */
footer { background-color: var(--shop-footer-bg) !important; }

/* --- Mobile bottom nav --- */
.mbn { background: #fffdf9; border-top: 1px solid #d7ccc8; }
.mbn-item.active, .mbn-item:hover { color: #3a5a1b; } /* was #558b2f (~3.95:1) → #3a5a1b (~7.6:1) on #fffdf9 */