/*
Theme Name: Woodmart Child
Description: Woodmart Child Theme for TahaStore
Author: TahaStore
Template: woodmart
Version: 1.0.1
Text Domain: woodmart
*/

/* ==========================================================================
   Cohesive Mobile Bottom Toolbar (Footer Navigation)
   ========================================================================== */
@media (max-width: 1024px) {
    .wd-toolbar {
        position: fixed !important;
        inset-inline: 0 !important;
        bottom: 0 !important;
        height: 62px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        padding: 0 4px !important;
        z-index: 99999 !important;
        box-sizing: border-box !important;
    }

    .wd-toolbar > div,
    .wd-toolbar > a {
        flex: 1 1 0% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .wd-toolbar > div > a,
    .wd-toolbar > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
        width: 100% !important;
        padding: 6px 2px !important;
        position: relative !important;
        color: #64748b !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
        box-sizing: border-box !important;
    }

    .wd-toolbar .wd-tools-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        margin: 0 !important;
        width: 24px !important;
        height: 24px !important;
    }

    .wd-toolbar .wd-tools-icon:before {
        font-size: 20px !important;
        line-height: 1 !important;
    }

    .wd-toolbar-label {
        display: block !important;
        position: static !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        margin-top: 4px !important;
        line-height: 1 !important;
        color: inherit !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    /* Cart in Center */
    .wd-toolbar .wd-header-cart {
        position: relative !important;
    }

    .wd-toolbar .wd-header-cart > a {
        color: #0284c7 !important;
    }

    .wd-toolbar .wd-header-cart .wd-cart-number {
        position: absolute !important;
        top: -6px !important;
        right: -10px !important;
        background: #ef4444 !important;
        color: #ffffff !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        min-width: 17px !important;
        height: 17px !important;
        line-height: 17px !important;
        border-radius: 9px !important;
        padding: 0 4px !important;
        text-align: center !important;
        box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4) !important;
    }

    .wd-toolbar .wd-header-cart .wd-cart-number span {
        display: none !important;
    }

    /* Custom WhatsApp icon */
    .wd-toolbar .wd-toolbar-link-1 .wd-tools-icon img {
        width: 22px !important;
        height: 22px !important;
        object-fit: contain !important;
    }

    /* Active / Hover State */
    .wd-toolbar a:hover,
    .wd-toolbar a.active {
        color: #0284c7 !important;
    }
}