/* === Dynamic fonts from DB — generated at 2026-11-12T08:37:14.217Z === */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

:root {
  --font-body: 'catchy-mager', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-display: 'catchy-mager', Georgia, serif;
}

/* ─── 1. FORCE BODY FONT ON EVERY ELEMENT ─── */
*,
*::before,
*::after,
html,
body,
#root,
.App,
button, .btn,
input, textarea, select, option, optgroup,
label, fieldset, legend,
a, p, span, div, li, td, th, small, strong, em, b, i, u, s,
blockquote, figcaption, figure, article, section,
nav, aside, header, footer, main,
ul, ol, dl, dt, dd,
pre, code, kbd, samp, var,
table, thead, tbody, tfoot, tr, caption,
form, output, time, mark,
picture, canvas, video, audio, iframe,
.Toastify__toast,
[class*="hero-"],
[class*="section-"],
[class*="card-"],
[class*="btn-"],
[class*="nav-"],
[class*="menu-"],
[class*="footer-"],
[class*="header-"],
[class*="topbar-"],
[class*="sidebar-"],
[class*="modal-"],
[class*="form-"],
[class*="shop-"],
[class*="product-"],
[class*="about-"],
[class*="contact-"],
[class*="gallery-"],
[class*="eco-"],
[class*="manager-"] {
  font-family: var(--font-body) !important;
  text-transform: none !important;
}

/* ─── 2. HEADINGS KEEP THE DISPLAY FONT ─── */
h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 *,
.section-title, .section-title *,
.display-serif, .display-serif * {
  font-family: var(--font-display) !important;
  text-transform: none !important;
}

/* ─── 3. UTILITY: force body font even inside headings ─── */
.display-sans, .display-sans *,
.font-body, .font-body * {
  font-family: var(--font-body) !important;
}

/* ─── 4. ICON FONTS stay untouched ─── */
.fa, .fas, .far, .fal, .fad, .fab,
[class^="fa-"], [class*=" fa-"],
svg, svg *,
.material-icons, .material-symbols-outlined,
.glyphicon {
  font-family: inherit !important;
}