/* Flowers page theming — color only, no layout changes */
body.flowers {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Navbar colors to match site */
body.flowers .navbar {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
body.flowers .nav-menu a { color: #DCC9A7 !important; }
body.flowers .nav-menu a:hover { color: var(--gold) !important; }
body.flowers .lang-btn, body.flowers #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Hero */
body.flowers .page-hero { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; position: relative; }
body.flowers .page-hero .hero-badge,
body.flowers .page-hero h1,
body.flowers .page-hero p { color: var(--gold) !important; }
body.flowers .page-hero .cta-btn { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.flowers .page-hero .cta-btn:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }

/* Filters (do not alter alignment, only colors) */
body.flowers .flowers-filter .filter-btn,
body.flowers .flowers-filter .sort-btn {
  background: transparent !important;
  color: #DCC9A7 !important;
  border: 2px solid #DCC9A7 !important;
  box-shadow: none !important;
}
body.flowers .flowers-filter .filter-btn.active,
body.flowers .flowers-filter .filter-btn:hover,
body.flowers .flowers-filter .sort-btn:hover {
  background: rgba(220,201,167,0.12) !important;
  color: #DCC9A7 !important;
}

/* Cards */
/* Override main.css card backgrounds to transparent with gold rim */
body.flowers .flower-card { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; }
body.flowers .flower-content h3,
body.flowers .flower-price .current-price,
body.flowers .flower-price .original-price { color: var(--gold) !important; }
/* Underline lines below title and price to beige */
body.flowers .flower-content h3::after { background: var(--gold) !important; }
body.flowers .flower-price::after { background: var(--gold) !important; }
/* Ensure hover border also uses beige */
body.flowers .flower-card:hover { border-color: rgba(217,181,107,0.65) !important; }
body.flowers .flower-actions .btn-primary,
body.flowers .flower-actions .btn-outline { background: transparent !important; color: var(--gold) !important; border: 2px solid var(--gold) !important; }
body.flowers .flower-actions .btn-primary:hover,
body.flowers .flower-actions .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }
/* On ADD hover: same as View More (beige fill, dark text) */
body.flowers .flower-actions .btn-primary:hover {
  background: #DCC9A7 !important;
  color: #000000 !important;
  border-color: #DCC9A7 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
  transform: translateY(-2px);
}
body.flowers .flower-badge { background: rgba(0,0,0,0.25) !important; color: var(--gold) !important; border: 1px solid rgba(217,181,107,0.35) !important; }

/* Remove default light background from products grid section in main.css */
body.flowers .products-grid-section { padding: 120px 0; }

/* Footer */
body.flowers .footer { background: #DCC9A7 !important; color: #000000 !important; }
body.flowers .footer h3,
body.flowers .footer a,
body.flowers .footer p { color: #000000 !important; }
body.flowers .footer .footer-section h3::after { background: #000000 !important; }
/* Section background for grid */
body.flowers .products-grid-section { 
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
}