/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */



/* Swatch Filter Container */
.szx-swatch-filter-container {
    margin-bottom: 25px;
    display: block !important;
}

.szx-swatch-filter-container .szx-filter-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    color: #1e293b !important;
}

.szx-swatches-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Swatch Box Styling */
a.szx-swatch-btn {
    display: inline-flex !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    border: 2px solid #e2e8f0 !important;
    padding: 2px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}

a.szx-swatch-btn .szx-swatch-inner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px !important;
    background-color: var(--swatch-bg) !important;
}

/* Hover & Active Selected State */
a.szx-swatch-btn:hover,
a.szx-swatch-btn.is-active {
    border-color: #0f172a !important;
    transform: scale(1.05);
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.15) !important;
}