/*
Theme Name: Stylish Kids Child
Theme URI: https://stylishkids.tn/
Description: Child theme for Stylish Kids WooCommerce Shop, replicating Stitch UI/UX design.
Author: Antigravity
Author URI: https://stylishkids.tn/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stylish-kids-child
*/

/* Custom design system and utility styles will be loaded dynamically */

/* Styles pour les variantes indisponibles (Shopify-Style) */
.size-select-btn.disabled {
    position: relative;
    color: #a1a1a1 !important;
    background-color: #f5f5f5 !important;
    border-color: #e5e5e5 !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}
.size-select-btn.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, transparent calc(50% - 1px), #d1d1d1, transparent calc(50% + 1px));
    pointer-events: none;
}

.color-select-btn.disabled {
    position: relative;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.4;
}
.color-select-btn.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, transparent calc(50% - 1px), #1b1c1c, transparent calc(50% + 1px));
    border-radius: 50%;
    pointer-events: none;
}

/* Force masquer le sidebar de filtres desktop sur mobile/tablette */
@media (max-width: 1023px) {
    #desktop-sidebar {
        display: none !important;
    }
}