/* ═══════════════════════════════════════════════════════════════════════
   Theme overrides — uses CSS variables set from Admin Settings.
   Defaults: --theme-gradient-* and --theme-button-primary (see _CustomerLayout).
   ═══════════════════════════════════════════════════════════════════════ */

.hero-section {
    background: linear-gradient(135deg, var(--theme-gradient-start, #ffcc80) 0%, var(--theme-gradient-mid, #ffb74d) 50%, var(--theme-gradient-end, #ffa726) 100%) !important;
}

.topbar {
    background: linear-gradient(135deg, var(--theme-gradient-start, #ffcc80) 0%, var(--theme-gradient-mid, #ffb74d) 50%, var(--theme-gradient-end, #ffa726) 100%) !important;
}

.footer-main {
    background: linear-gradient(135deg, var(--theme-gradient-start, #ffcc80) 0%, var(--theme-gradient-mid, #ffb74d) 50%, var(--theme-gradient-end, #ffa726) 100%) !important;
}

.strong-features {
    background: linear-gradient(135deg, var(--theme-gradient-start, #ffcc80) 0%, var(--theme-gradient-mid, #ffb74d) 50%, var(--theme-gradient-end, #ffa726) 100%) !important;
}

.promo-banner {
    background: linear-gradient(135deg, var(--theme-gradient-start, #ffcc80) 0%, var(--theme-gradient-mid, #ffb74d) 50%, var(--theme-gradient-end, #ffa726) 100%) !important;
}

/* Primary button color (Hero, Promo, Footer newsletter) */
.hero-btn-primary,
.promo-btn,
.footer-newsletter-btn {
    background-color: var(--theme-button-primary, #bf360c) !important;
    border-color: var(--theme-button-primary, #bf360c) !important;
    color: var(--theme-button-contrast, #fff) !important;
}

.hero-btn-primary:hover,
.promo-btn:hover,
.footer-newsletter-btn:hover {
    background-color: var(--theme-button-primary-hover, #e65100) !important;
    border-color: var(--theme-button-primary-hover, #e65100) !important;
}

/* Accent elements */
.footer-wave {
    background: linear-gradient(90deg, transparent, var(--theme-button-primary, #bf360c), transparent) !important;
}

.footer-col-brand .footer-brand,
.footer-heading,
.strong-features-title i,
.strong-feature-card i,
.promo-eyebrow,
.hero-title span,
.hero-stat-val {
    color: var(--theme-button-primary, #bf360c) !important;
}

.topbar a:hover,
.topbar-location-btn:hover,
.footer-link:hover,
.footer-contact-link:hover,
.footer-bottom-link:hover {
    color: var(--theme-button-primary, #bf360c) !important;
}

.topbar-admin-link {
    background-color: var(--theme-button-primary, #bf360c) !important;
    border-color: var(--theme-button-primary, #bf360c) !important;
    color: var(--theme-button-contrast, #fff) !important;
}

.topbar-admin-link:hover {
    background-color: var(--theme-button-primary-hover, #e65100) !important;
    border-color: var(--theme-button-primary-hover, #e65100) !important;
    color: var(--theme-button-contrast, #fff) !important;
}

.topbar-admin-link i {
    color: inherit !important;
}