/* ══════════════════════════════════════════
   Wantagh Dairy Mart — shared site styles
   Loaded on every page. Page-specific styles
   stay inline on their own page.
═══════════════════════════════════════════ */

html { scroll-behavior: smooth; }
body { font-family: 'Bitter', Georgia, serif; background: #FFFFFF; color: #0D1F3C; }

/* ── Mobile nav ── */
#mobile-menu { display: none; }
#mobile-menu.open { display: block; }

/* ── Groovy badge / oval pill ── */
.oval-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  font-family: 'Abril Fatface', Georgia, serif;
}

/* ── Wavy divider ── */
.wavy-divider svg { display: block; width: 100%; }

/* ── Logo chip (keeps transparent red logo legible on dark backgrounds) ── */
.logo-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 9999px;
}

/* ── Product card (On Sale / Best Sellers / Featured) ── */
.product-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(13,31,60,0.12); }