/* PHP site tweaks — spacing, float buttons, lazy images, logo palette contrast */
.float-btns { gap: 12px; }
.float-row { margin-bottom: 2px; }
.float-btn { margin: 0; }
.float-btn svg { display: block; flex-shrink: 0; }
.social-row a svg { display: block; }

.brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.brand-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  border-radius: 8px;
  background: #FEFBEA;
  padding: 3px;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(93, 14, 17, 0.2);
}
.navbar.scrolled .brand-logo {
  width: 42px;
  height: 42px;
}
.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
.footer-logo-link { display: inline-block; margin-bottom: 12px; }
.footer-logo {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 10px;
  background: #FEFBEA;
  padding: 6px;
}

.nav-actions { gap: 14px; }
.product-card-footer { gap: 12px; }
.product-card-footer .btn { margin: 0; white-space: nowrap; }
.hero-ctas { gap: 16px; }
.hero-ctas .btn { margin: 0; }
.qty-row { gap: 14px; }
.qty-row .btn { margin: 0; }
.info-card .btn { margin-top: 14px; }
.cta-banner .btn { margin: 6px 8px; }
img[loading="lazy"] { background: var(--bg-soft, #FDF5E6); }
.admin-gap { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* High-contrast text on cream backgrounds — matches logo maroon/gold */
.section-title,
.product-card h3,
.why-card h3,
.info-card h3,
.about-content h2,
.product-detail-info h1 {
  color: var(--primary-dark);
}
.section-eyebrow,
.product-card-cat {
  color: var(--accent-dark);
  font-weight: 700;
}
.product-card p,
.why-card p,
.info-card p,
.section-sub,
.about-content p,
.about-stat span:last-child,
.product-unit {
  color: var(--text-muted);
}
.product-price,
.stat-num,
.price,
.info-card .phone-num {
  color: var(--primary);
}
.btn-outline-dark {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-dark:hover {
  background: var(--primary);
  color: #fff;
}
.navbar.scrolled .brand-name,
.navbar.scrolled .nav-links a.nav-link {
  color: var(--primary-dark);
}
.navbar.scrolled .brand-tag {
  color: var(--accent-dark);
}
.navbar.scrolled .nav-links a.nav-link:hover,
.navbar.scrolled .nav-links a.nav-link.active {
  color: var(--primary);
  background: var(--bg-soft);
}
.highlight-item h3 { color: var(--accent-light); }
.highlight-item p { color: rgba(254, 251, 234, 0.92); }
.footer h4 { color: var(--accent-light); }
.footer-brand .brand-name { color: #FEFBEA; }
.footer-brand .brand-tag { color: var(--accent-light); }
.footer-links a { color: rgba(254, 251, 234, 0.88); }
.footer-links a:hover { color: var(--accent-light); }
.footer-bottom { color: rgba(254, 251, 234, 0.8); }
.footer-bottom a { color: var(--accent-light); }

@media (max-width: 600px) {
  .float-btns { gap: 10px; right: 10px; bottom: 10px; }
  .product-card-footer { flex-direction: column; align-items: stretch; }
  .product-card-footer .btn { width: 100%; justify-content: center; }
}