/* ===== ZAYTOON Dynamic Theme Override ===== */
/* Generated: 2026-07-18 07:11:29 */
/* Preset: winlu_green */

/* Load custom heading font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f1f8f1;
  --bg-tertiary: #ffffff;
  --bg-card: #ffffff;

  --gold: #2D8C3E;
  --gold-light: #4CAF50;
  --gold-dark: #1B6B2A;
  --gold-glow: rgba(45, 140, 62, 0.12);

  --text-primary: #3a3a3a;
  --text-secondary: #666666;
  --text-tertiary: rgba(102, 102, 102, 0.5);

  --border: #e0e0e0;
  --border-hover: rgba(45, 140, 62, 0.4);
  --border-solid: rgba(102, 102, 102, 0.15);

  --font-en-serif: 'Segoe UI, sans-serif', 'Times New Roman', serif;
}

/* ===== Section Spacing Override ===== */
section, .section {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* ===== Navbar Style Override ===== */
.navbar {
  background: #f1f8f1 !important;
}

/* ===== Button Radius Override ===== */
.btn, .btn-gold, .hero-cta a, .inquiry-form button,
.product-card .inquiry-btn,
.nav-cta .nav-btn {
  border-radius: 8px !important;
}

/* ===== Hero Overlay Override ===== */
.hero::before,
.hero-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
}

/* ===== Mode: Light adjustments ===== */
.product-card {
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.product-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.12);
}
.navbar.scrolled {
  box-shadow: 0 1px 12px rgba(0,0,0,0.06) !important;
}
.site-footer {
  background: #ffffff;
}

/* ===== Accent Color Applications ===== */
.section-label::before,
.faq-item.active .faq-q::before,
.stat-item .num,
.hero-stat .num {
  color: #2D8C3E;
}

a:hover, .nav-menu a:hover {
  color: #4CAF50;
}

/* Glows */
.btn-gold:hover, .hero-cta a:hover {
  box-shadow: 0 0 24px rgba(45, 140, 62, 0.25);
}

/* Scroll indicator */
.scroll-indicator span {
  border-color: #2D8C3E;
}

/* Selection */
::selection {
  background: #2D8C3E;
  color: #ffffff;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: #1B6B2A;
}
::-webkit-scrollbar-thumb:hover {
  background: #2D8C3E;
}