/*
Theme Name: FixMobile Premium Theme
Theme URI: https://ghostwhite-gorilla-222580.hostingersite.com/
Author: Antigravity AI
Description: A gorgeous, ultra-fast custom WordPress theme built for cell phone spare parts stores (FixMobile / המעבדה המרכזית). Features a modern clean B2B layout with brand green accents, search autocomplete, dropdown device series navigation, hot deals, and a custom quote inquiry form.
Version: 1.0.0
License: GNU General Public License v2 or later
Tags: e-commerce, custom-colors, translation-ready, rtl-language-support, grid-layout
Text Domain: fixmobile
*/

/*
   Main theme styles are enqueued directly from functions.php (main_v3.css).
   This file keeps only WordPress-required theme metadata and small helper rules.
*/

/* WordPress Core Alignments & Styling Helper Fallbacks */
.aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.wp-caption {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    border-radius: var(--radius-sm);
}

.wp-caption img {
    margin: 0;
    max-width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    margin: 5px 0 0;
    color: var(--text-secondary);
}

/* WooCommerce styling compatibility overrides */
.woocommerce-products-header {
    margin-bottom: 30px;
}

.woocommerce span.onsale {
    background-color: var(--accent);
    color: #fff;
    border-radius: 100px;
    font-weight: 700;
    font-size: 12px;
}

/* Hide Modern Cart Plugin Floating Blue Cart Button */
#moderncart-floating-cart,
.moderncart-floating-cart,
.modern-cart-floating-btn,
#modern-cart-floating-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Tighten spacing between homepage sections (Hot Deals & Popular Products) */
#home-view p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

#home-view br {
    display: none !important;
}

#home-view .section-wrap {
    padding-top: 25px !important;
    padding-bottom: 5px !important;
}

#home-view .section-wrap + .section-wrap {
    padding-top: 5px !important;
    margin-top: -10px !important;
}

#home-view .section-wrap:has(#home-hot-deals-grid) {
    padding-bottom: 20px !important;
}

#home-view .section-wrap:has(#home-hot-deals-grid) + .section-wrap {
    padding-top: 36px !important;
    margin-top: 8px !important;
}

/* On mobile/tablet, also tighten margins */
@media (max-width: 768px) {
    #home-view .section-wrap {
        padding-top: 15px !important;
        padding-bottom: 5px !important;
    }
    #home-view .section-wrap + .section-wrap {
        padding-top: 5px !important;
        margin-top: -5px !important;
    }

    #home-view .section-wrap:has(#home-hot-deals-grid) {
        padding-bottom: 16px !important;
    }

    #home-view .section-wrap:has(#home-hot-deals-grid) + .section-wrap {
        padding-top: 28px !important;
        margin-top: 6px !important;
    }
}

#home-view .section-header {
    justify-content: center !important;
    text-align: center !important;
}

/* Bring the hero slogan text closer to the logo responsively and define styles */
#home-view .hero-content p,
#home-view .hero-content .hero-slogan {
    margin-top: -45px !important;
}

@media (max-width: 768px) {
    #home-view .hero-content p,
    #home-view .hero-content .hero-slogan {
        margin-top: -25px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 480px) {
    #home-view .hero-content p,
    #home-view .hero-content .hero-slogan {
        margin-top: -15px !important;
        font-size: 16px !important;
        gap: 4px !important;
    }
}
/* Thin, faded border separating category dropdown links */
.dropdown-menu a:not(:last-child),
.sub-dropdown-menu a:not(:last-child),
nav.desktop-nav .sub-menu li:not(:last-child) > a {
    border-bottom: 1px solid var(--border-color) !important;
}