/* ============================================================
   BON — Cafe and Restaurant · brand theme overrides
   Loaded AFTER style.css / responsive.css.
   Palette from brand logo:
   gold #EDC157 · gold-dark #D9A83A · plum #3C303C · navy #091929 · cream #F4E6D0
   Base color swap is done in style.css/header.css/menu.css;
   this file holds variables + polish that a find/replace can't express.
   ============================================================ */

:root {
  --bon-gold:      #EDC157;
  --bon-gold-dark: #D9A83A;
  --bon-plum:      #3C303C;
  --bon-plum-deep: #2C232C;
  --bon-navy:      #091929;
  --bon-cream:     #F4E6D0;
}

/* Buttons that got the gold background need dark text on hover states too */
.btn:hover,
.btn:focus {
  color: inherit;
}

/* Menu item hover card (was hardcoded red in index inline styles) */
.menu-3-list li:hover .menu-3-item-data {
  background-color: var(--bon-gold) !important;
}
.menu-3-list li:hover .menu-3-item-data h6 {
  color: var(--bon-plum-deep) !important;
}

/* Footer: plum brand background instead of the old red/dark photo.
   NOTE: if $footerbackgroundcolor is set in the admin/DB it wins over this —
   set it to #3C303C there (or clear it). */
#footer-4.footer,
.footer.division {
  background-image: none !important;
  background-color: var(--bon-plum) !important;
}
.footer .footer-title,
.footer h5, .footer h6 {
  color: var(--bon-gold) !important;
}
.footer, .footer p, .footer a, .footer li {
  color: var(--bon-cream);
}
.footer a:hover {
  color: var(--bon-gold) !important;
}

/* Price / discount badges keep dark text on gold */
.price-badge, .discount-badge {
  color: var(--bon-plum-deep) !important;
}

/* Links & generic accent hovers */
a:hover {
  color: var(--bon-gold-dark);
}