/* Sazzy Cards Header+Footer — Merged 2026-03-25 */
/* Desktop nav scoped to 981px+, mobile properly separated */

#top-header { display: none !important; }

#main-header, #main-header .container {
    background: #4A1A6B !important;
    height: auto !important;
}
#main-header {
    border-bottom: 3px solid #000 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.2) !important;
}
#main-header .container { padding-top: 0; padding-bottom: 0; }

.header-tagline, #main-header .header-tagline { display: none !important; }

.logo_container {
    display: flex; flex-direction: column; justify-content: center;
    height: auto !important; padding: 5px 0 !important;
}
#logo { max-height: 90px !important; height: auto !important; width: auto !important; }

.sazzy-text-logo .logo_container a {
    color: #F5C518 !important; font-size: 26px !important; font-weight: 800 !important;
    text-decoration: none !important; letter-spacing: -0.5px !important; line-height: 1.2 !important;
}
.sazzy-text-logo #logo { display: none !important; }

#et_search_icon:before, .et_search_form_container input { color: #F5C518 !important; }
#et-top-navigation .et-cart-info, #et-top-navigation .et-cart-info span, .et_cart_text { color: #F5C518 !important; }

/* === DESKTOP NAV (981px+) === */
@media (min-width: 981px) {
    #top-menu li a {
        color: #F5C518 !important; font-weight: 600 !important; font-size: 13px !important;
        text-transform: uppercase !important; letter-spacing: 1.2px !important;
        line-height: 100px !important; padding-bottom: 0 !important;
        transition: color .25s ease !important;
    }
    #top-menu li a:hover { color: #fff !important; }
    #top-menu li.current-menu-item a { color: #fff !important; }
    #top-menu, #top-menu li { line-height: 100px !important; }
    .et_header_style_left #et-top-navigation { padding: 0 !important; }
    .et_header_style_left #et-top-navigation nav > ul > li > a { padding-bottom: 0 !important; }

    .et-fixed-header#main-header, .et-fixed-header#main-header .container { background: #4A1A6B !important; }
    .et-fixed-header #logo { max-height: 55px !important; }
    .et-fixed-header .logo_container { padding: 3px 0 !important; }
    .et-fixed-header #top-menu li a { color: #F5C518 !important; line-height: 65px !important; }
    .et-fixed-header #top-menu li a:hover, .et-fixed-header #top-menu li.current-menu-item a { color: #fff !important; }
    .et-fixed-header #top-menu, .et-fixed-header #top-menu li { line-height: 65px !important; }
}

/* === MOBILE (<=980px) === */
@media (max-width: 980px) {
    #logo { max-height: 60px !important; }
    .logo_container { padding: 8px 0 !important; }
    #main-header .container { padding-top: 0 !important; padding-bottom: 0 !important; }

    .mobile_menu_bar:before { color: #F5C518 !important; font-size: 32px !important; }
    .et_mobile_menu {
        background: #4A1A6B !important;
        border-top: 2px solid rgba(245,197,24,.2) !important;
        padding: 8px 0 !important; line-height: normal !important;
    }
    .et_mobile_menu li a {
        color: #F5C518 !important; font-weight: 600 !important; font-size: 14px !important;
        text-transform: uppercase !important; letter-spacing: 0.8px !important;
        padding: 12px 20px !important; line-height: 1.6 !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }
    .et_mobile_menu li a:hover { color: #fff !important; background: rgba(255,255,255,.05) !important; }
}

.woocommerce-cart #main-content, .woocommerce-checkout #main-content, .woocommerce-account #main-content { padding-top: 40px !important; }

/* === FOOTER === */
#main-footer { background: #111 !important; border-top: 3px solid #000 !important; }
#footer-widgets { background: #111 !important; padding: 56px 0 32px !important; }
#footer-widgets .footer-widget { color: #aaa !important; }
#footer-widgets .footer-widget h4, #footer-widgets .footer-widget .title {
    color: #F5C518 !important; font-size: 15px !important; font-weight: 700 !important;
    text-transform: uppercase !important; letter-spacing: 1.5px !important;
    margin-bottom: 20px !important; padding-bottom: 12px !important;
    border-bottom: 2px solid rgba(245,197,24,.15) !important;
}
#footer-widgets .footer-widget p { color: #888 !important; font-size: 14px !important; line-height: 1.7 !important; }
#footer-widgets .footer-widget a { color: #ccc !important; text-decoration: none !important; transition: color .25s ease !important; }
#footer-widgets .footer-widget a:hover { color: #F5C518 !important; }
#footer-widgets .footer-widget ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#footer-widgets .footer-widget li { list-style: none !important; padding: 6px 0 !important; border-bottom: 1px solid rgba(255,255,255,.04) !important; }
#footer-widgets .footer-widget li::before, #footer-widgets .footer-widget li::marker { display: none !important; content: none !important; }
#footer-widgets .footer-widget li:last-child { border-bottom: none !important; }
#footer-widgets .footer-widget li a { color: #bbb !important; font-size: 14px !important; }
#footer-widgets .footer-widget li a:hover { color: #F5C518 !important; padding-left: 4px !important; }
#footer-bottom { background: #0a0a0a !important; padding: 20px 0 !important; border-top: 1px solid rgba(255,255,255,.06) !important; }
#footer-info { color: #666 !important; font-size: 13px !important; }
#footer-info a { color: #F5C518 !important; text-decoration: none !important; }
.et-social-icons a { color: #666 !important; transition: color .25s ease !important; }
.et-social-icons a:hover { color: #F5C518 !important; }