/* Qasitha Mobile Custom Colors */
/* Based on Brand Guidelines */

/* Primary Color Override */
:root {
    --mf-primary-color: #1E73BE !important;
    --mf-primary-hover: #00A651 !important;
}

/* Mobile Header */
@media (max-width: 991px) {
    .site-header,
    .header-mobile,
    .mf-header-mobile {
        background-color: #1E73BE !important;
    }
    
    .header-mobile .header-search,
    .mf-header-mobile .header-search {
        background-color: #1E73BE !important;
    }
    
    .header-mobile .search-wrapper input,
    .mf-header-mobile .search-wrapper input {
        background-color: #FFFFFF !important;
    }
    
    .header-mobile .search-wrapper button,
    .mf-header-mobile .search-wrapper button {
        background-color: #1E73BE !important;
        color: #FFFFFF !important;
    }
    
    /* Mobile Navigation Dock */
    .mf-navigation-mobile,
    .mobile-navigation,
    .navigation-mobile {
        background-color: #FFFFFF !important;
    }
    
    .mf-navigation-mobile a,
    .mobile-navigation a,
    .navigation-mobile a {
        color: #1C1B24 !important;
    }
    
    .mf-navigation-mobile a.active,
    .mf-navigation-mobile a:hover,
    .mobile-navigation a.active,
    .mobile-navigation a:hover {
        color: #1E73BE !important;
    }
    
    .mf-navigation-mobile svg,
    .mobile-navigation svg,
    .navigation-mobile svg {
        fill: #1C1B24 !important;
    }
    
    .mf-navigation-mobile a.active svg,
    .mf-navigation-mobile a:hover svg {
        fill: #1E73BE !important;
    }
    
    /* Category Menu Hover */
    .mobile-menu a:hover,
    .mobile-menu li:hover > a,
    .mf-els-modal-mobile .mobile-menu a:hover {
        color: #1E73BE !important;
    }
}

/* Buttons - All Devices */
.btn-primary,
.button,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.wc-backward,
.return-to-shop a {
    background-color: #1E73BE !important;
    color: #FFFFFF !important;
    border-color: #1E73BE !important;
}

.btn-primary:hover,
.button:hover,
button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #00A651 !important;
    color: #FFFFFF !important;
    border-color: #00A651 !important;
}

/* Primary Color Text */
.primary-color,
.price,
.woocommerce .price,
a:hover {
    color: #1E73BE !important;
}

/* Sale Badge */
.onsale,
.sale-badge {
    background-color: #00A651 !important;
}