/*
Theme Name:   Clenix Child
Theme URI:    http://radiustheme.com/demo/wordpress/clenix
Description:  Clenix Child Theme
Author:       RadiusTheme
Author URI:   https://themeforest.net/user/radiustheme/portfolio
Template:     clenix
Version:      1.0.0
Text Domain:  clenix-child
*/

/* Mobile Header Layout Adjustments */
@media only screen and (max-width: 1025px) {
    /* Center the logo in the mobile bar */
    #meanmenu .mean-bar {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        text-align: center !important;
        padding: 10px 0 !important;
        height: 54px !important; /* Fixed height for consistency */
        box-sizing: border-box !important;
    }

    #meanmenu .mean-bar > a {
        display: inline-block !important;
        vertical-align: middle !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    #meanmenu .mean-bar .logo-small {
        max-height: 34px !important;
        width: auto !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Move hamburger menu (sidebarBtn) to the left side */
    .mean-bar .sidebarBtn {
        position: absolute !important;
        left: 15px !important;
        right: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        width: auto !important;
    }

    /* Style and position the WooCommerce mobile cart area on the right side */
    .mean-bar .mobile-cart-area {
        position: absolute !important;
        right: 15px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        z-index: 9999999 !important;
    }

    .mean-bar .mobile-cart-link {
        display: inline-block !important;
        position: relative !important;
        color: #111111 !important;
        font-size: 20px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }

    .mean-bar .mobile-cart-link:hover {
        color: #14287b !important;
    }

    /* Dynamic cart count badge style */
    .mean-bar .mobile-cart-icon-num {
        position: absolute !important;
        top: -8px !important;
        right: -8px !important;
        background-color: #14287b !important; /* Royal Company blue accent */
        color: #ffffff !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
        transition: all 0.3s ease !important;
    }

    /* Hide the badge when empty */
    .mean-bar .mobile-cart-icon-num.cart-empty {
        display: none !important;
    }
}