/**
 * Jag's Fashion — page overrides (load store.css before this file)
 */

/* About SPA fragment */
.about-card,
.about-card.main-card,
.about-card.contact-card {
    border: 1px solid var(--jf-border) !important;
    border-radius: var(--jf-radius-lg) !important;
    box-shadow: var(--jf-shadow) !important;
    background: var(--jf-surface) !important;
}

#spa-view .about-hero .hero-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
}

#spa-view .about-hero .hero-subtitle {
    font-size: 14px;
    opacity: 0.9;
}

#spa-view .contact-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--jf-border);
    font-size: 14px;
}

#spa-view .contact-item .label {
    color: var(--jf-text-muted);
}

/* Product page chrome */
.product-loading-overlay {
    background: var(--jf-bg) !important;
    color: var(--jf-text) !important;
}

.product-header {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--jf-border);
    box-shadow: none !important;
}

.add-to-cart-btn,
.buy-now-btn,
#add-to-cart,
#buy-now {
    background: var(--jf-accent) !important;
    border-radius: 999px !important;
}

/* Kill legacy gradient section headers if any remain */
.section-header::before,
.category-btn::before,
.feature-card::before {
    display: none !important;
}