/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Hides the text ONLY when a user is logged out */

/*Smooth scrolling*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px; /* Adjust for your header height */
}

/* Mobile Category Chips - Ultra Compact & Active State */
@media only screen and (max-width: 767px) {

    /* 1. Container - Horizontal Scroll */
    .mobile-cat-chips > div, 
    .mobile-cat-chips .wd-grid, 
    .mobile-cat-chips .products, 
    .mobile-cat-chips .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        gap: 6px !important; /* Tighter gap */
        padding-bottom: 5px !important;
        margin: 0 !important;
        width: 100% !important;
        align-items: center;
    }

    /* 2. Reset Item Sizing */
    .mobile-cat-chips .wd-col, 
    .mobile-cat-chips .product-category-wrap,
    .mobile-cat-chips .col-lg-3, 
    .mobile-cat-chips .col-6 {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 3. The Pill Styling - ULTRA SMALL */
    .mobile-cat-chips .product-category,
    .mobile-cat-chips .category-grid-item {
        background-color: #f7f7f7 !important;
        border: 1px solid #dedede; 
        border-radius: 100px !important;
        padding: 4px 12px !important; /* Very tight padding */
        min-height: 28px !important;  /* Ultra compact height */
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease; /* Smooth color change */
    }
	
/* 4. Text Styling - 12px & Inter Font */
    .mobile-cat-chips h3,
    .mobile-cat-chips .wd-entities-title {
        font-size: 12px !important;
        font-family: "Inter", sans-serif !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* 5. Hide Images/Counts */
    .mobile-cat-chips img, 
    .mobile-cat-chips picture, 
    .mobile-cat-chips .wrapp-picture,
    .mobile-cat-chips .wd-products-count {
        display: none !important;
    }

/* 6. EMPHASIZED ACTIVE STATE (Fixed) */
    .mobile-cat-chips .product-category.force-active-chip,
    .mobile-cat-chips .current-cat .product-category {
        background-color: #000000 !important; /* Solid Black */
        border-color: #000000 !important;
    }
    
    .mobile-cat-chips .product-category.force-active-chip .wd-entities-title,
    .mobile-cat-chips .current-cat .wd-entities-title {
        color: #ffffff !important; /* White Text */
        font-weight: 600 !important;
    }

    /* Hide scrollbars */
    .mobile-cat-chips > div::-webkit-scrollbar,
    .mobile-cat-chips .row::-webkit-scrollbar {
        display: none;
    }
}


/* Change WC Ukr Shipping dropdown background to gray */
div.zen-ui-select__value {
    background-color: #f9f7f2 !important; /* Adjust hex code for darker/lighter gray */
}