/* Modern theme overrides inspired by index.html
   Applies only visual changes: colors, fonts, spacing, cards, buttons.
   No JS or functional changes. */
:root{
  --accent: #FB9300;
  --bg-1: #fffaf6;
  --bg-2: #ffffff;
  --muted: #6b6b6b;
  --card-bg: #ffffff;
}

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Bangers&display=swap');

html,body{
  font-family: 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: #222;
  background: linear-gradient(180deg,var(--bg-1),var(--bg-2));
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Header */
header#masthead{
  background: rgba(255,255,255,0.98);
  backdrop-filter: saturate(1.05) blur(4px);
  box-shadow: 0 8px 30px rgba(11,11,11,0.06);
}

/* Header Navigation - Fixed Layout */
.elementor-252 .elementor-element-474495c {
  flex-wrap: nowrap !important;
}

.elementor-element-474495c {
  flex-wrap: nowrap !important;
}

.elementor-element-474495c.e-con {
  flex-wrap: nowrap !important;
}

.elementor-element-b368643 {
  width: 100% !important;
  flex-shrink: 0 !important;
}

.primary-navigation { 
  width: 100% !important;
}

.primary-navigation .menu { 
  display: flex !important; 
  flex-wrap: nowrap !important; 
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-direction: row !important;
}

.primary-navigation .menu li { 
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  min-width: auto !important;
}

.primary-navigation .menu li a { 
  color: #111; 
  text-transform:uppercase; 
  letter-spacing:0.8px; 
  font-weight:600;
  padding: 27.5px 16px !important;
  display: inline-block !important;
  font-size: 0.95rem !important;
  white-space: nowrap !important;
}

.primary-navigation .menu li a:hover { color: var(--accent); }

/* Home page specific fix */
.elementor-252 .primary-navigation .menu {
  justify-content: center !important;
}

@media (max-width: 1200px) {
  .primary-navigation .menu li a { 
    padding: 27.5px 12px !important;
    font-size: 0.75rem !important;
  }
}

.yumyum-site-logo-img{ filter: none !important; }

/* Breadcrumb/title */
.breadcrumb .yumyum-title, .elementor-heading-title{ font-family: 'Bangers', 'Quicksand', sans-serif; color: #111; }

/* Product / store cards */
.yumyum-products .product{ background: var(--card-bg); border-radius: 14px; box-shadow: 0 12px 30px rgba(11,11,11,0.06); overflow: hidden; transition: transform .28s ease, box-shadow .28s ease; }
.yumyum-products .product:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(11,11,11,0.08); }
.product-image img{ border-radius: 8px; max-width:100%; height:auto; display:block; }
.product-caption{ padding: 14px 16px; }
.woocommerce-loop-product__title a{ color:#111; font-weight:700; }
.product-ingredient-item{ color:var(--muted); font-size:0.95rem; }

/* Buttons */
.elementor-button, .elementor-button a, .elementor-button-link{ background: var(--accent) !important; color: #fff !important; border-radius: 999px !important; padding: .6rem 1.2rem !important; box-shadow: 0 8px 24px rgba(251,147,0,0.12); }
.elementor-button:hover{ transform: translateY(-2px); }

/* Footer subtle lift */
footer{ background: linear-gradient(180deg,#ffffff, #fffaf6); }

/* Responsive tweaks */
@media (max-width: 900px){
  header#masthead{ box-shadow: none; }
  .primary-navigation .menu li a{ font-size: 14px; }
  .yumyum-products .product{ border-radius:10px; }
}

/* Keep specific overrides limited to visual rules only */