/*
Theme Name: Signs2Fleet
Theme URI: https://signs2fleet.com
Description: Astra child theme for Signs2Fleet — wholesale fleet graphics. Ships a hand-coded, conversion-focused wholesale homepage (front-page.php) implementing the 2026 homepage rebuild: clear hero, product cards, why-us, how-it-works, materials, projects, reviews, trust, FAQ, final CTA and a clean footer.
Author: Signs2Fleet
Template: astra
Version: 1.1.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: signs2fleet-child
*/

/* ------------------------------------------------------------------
   Site-wide child tweaks only.
   The homepage design lives in assets/css/home.css (loaded on the
   front page). Keep this file light so it does not fight Astra.
------------------------------------------------------------------ */

/* Hide Astra's default footer on the homepage — front-page.php ships
   its own clean footer band (see review item #13). Site-wide footer
   cleanup is done in Appearance → Customize → Footer. */
.s2f-page .site-footer,
.s2f-page footer.site-footer,
.s2f-page #s2f-home ~ .elementor {
    display: none;
}

/* ==================================================================
   HEADER — clean, professional, organized (site-wide)
   - logo only (site-title text removed)
   - white sticky bar with a soft shadow
   - well-spaced menu with brand hover/active states
================================================================== */

/* Logo is enough — hide the "Signs2fleet" site-title text. */
.site-title { display: none !important; }

#masthead.site-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e6ebee;
    box-shadow: 0 2px 16px rgba(14, 42, 54, .06);
    position: sticky;
    top: 0;
    z-index: 999;
}
body.admin-bar #masthead.site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar #masthead.site-header { top: 46px; } }

.main-header-bar {
    background: transparent !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#masthead .custom-logo,
#masthead .ast-logo-title-inline img {
    max-height: 56px !important;
    width: auto !important;
}

/* Desktop menu */
@media (min-width: 922px) {
    #ast-hf-menu-1 > .menu-item > a,
    .main-header-menu > .menu-item > a {
        font-weight: 600 !important;
        font-size: 15px !important;
        letter-spacing: .005em;
        color: #13202a !important;
        padding: 9px 15px !important;
        border-radius: 8px;
        transition: color .15s ease, background .15s ease;
    }
    #ast-hf-menu-1 > .menu-item > a:hover,
    .main-header-menu > .menu-item > a:hover {
        color: #147a9c !important;
        background: rgba(20, 122, 156, .08);
    }
    #ast-hf-menu-1 > .current-menu-item > a,
    #ast-hf-menu-1 > .current-menu-ancestor > a,
    .main-header-menu > .current-menu-item > a {
        color: #147a9c !important;
    }
}

/* "Get Instant Pricing" CTA button in the header menu (all breakpoints). */
.s2f-nav-cta { display: flex; align-items: center; }
.s2f-nav-cta > a,
#ast-hf-menu-1 > .s2f-nav-cta > a,
.main-header-menu > .s2f-nav-cta > a {
    background: #147a9c !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    padding: 11px 20px !important;
    margin-left: 6px;
    border-radius: 9px !important;
    box-shadow: 0 2px 10px rgba(20, 122, 156, .25);
    transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.s2f-nav-cta > a:hover,
#ast-hf-menu-1 > .s2f-nav-cta > a:hover,
.main-header-menu > .s2f-nav-cta > a:hover {
    background: #0f5f79 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(20, 122, 156, .3);
}
/* On mobile Astra stacks the menu — let the button sit inline, not full-width. */
@media (max-width: 921px) {
    .s2f-nav-cta { padding: 8px 20px; }
    .s2f-nav-cta > a { display: inline-block; }
}