/* =========================================
   REEFY STORE - FINAL MASTER THEME
========================================= */

/* 1. GLOBAL & FONT SHARPENING */
html { scroll-behavior: smooth; }
body, .salla-main { 
    --accent-color: #ff6a00; 
    -webkit-font-smoothing: antialiased; 
}

/* 2. HIDE SALE & CENTER MENU (Blue Circle Fix) */
a[href*="sale"], a[href*="discount"], a[href*="offers"],
.nav-link-sale, .s-nav-item-sale, .s-menu-item-sale,
li:has(a[href*="sale"]), li:has(a[href*="offers"]) {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    pointer-events: none !important;
}

.s-nav-container, .main-nav-container {
    justify-content: center !important;
    display: flex !important;
}

/* 3. PREMIUM GRADIENT & SHINE (Green Circle Fix) */
/* Targets Add to Cart, Header Icons, and Quick View Buttons */
.salla-add-to-cart-button, 
.s-button-element, 
.btn--primary,
.s-product-card__footer .s-button-btn,
.header-cart, .s-cart-icon, .s-shopping-cart {
    background: linear-gradient(135deg, #ff6a00 0%, #ffcc33 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* The Shine / Sparkle Effect on Hover */
.salla-add-to-cart-button::after, 
.s-button-element::after,
.header-cart::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.4);
    transform: rotate(30deg);
    transition: all 0.5s ease;
    pointer-events: none;
}

.salla-add-to-cart-button:hover::after, 
.s-button-element:hover::after,
.header-cart:hover::after {
    left: 130%;
}

/* 4. FOOTER TITLES (Pure White - Clean) */
.s-footer h3, 
.s-footer__title, 
.footer-title, 
.footer h3,
.s-footer .widget-title,
.s-footer__inner h2 {
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

/* 5. HEADER GLASS EFFECT */
.site-header, .s-header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* 6. SECTION TITLES GRADIENT */
.section-title, .s-block__title h2 {
    background: linear-gradient(135deg, #ff6a00 0%, #ffcc33 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}