/* WooCommerce dropdown'larını tamamen gizle - FLASH önleme için baştan gizli */
.variations select {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}

/* Variations satırı: etiket ve swatch'ları dikey ortala */
.variations td.value {
    vertical-align: middle;
}

/* Woodmart Swatches Container */
.wml-swatches-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wml-gap);
    margin: 0;
    padding: 0;
    align-items: center;
}

/* Swatch Button Style */
.wml-swatch-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--wml-btn-height);
    min-width: var(--wml-btn-width);
    padding: 4px 12px;
    font-size: var(--wml-font-size);
    font-weight: 600;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid var(--wml-border-color);
    border-radius: var(--wml-border-radius);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    user-select: none;
    text-align: center;
    box-sizing: border-box;
}

.wml-swatch-btn:hover:not(.wml-disabled) {
    border-color: var(--wml-hover-border);
}

/* Aktif Durum */
.wml-swatch-btn.wml-selected {
    border-color: var(--wml-active-border);
    border-width: 2px;
    background-color: var(--wml-active-bg);
    color: var(--wml-active-text);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

/* Pasif (Stokta Olmayan/Seçilemeyen) Durum */
.wml-swatch-btn.wml-disabled {
    opacity: var(--wml-disabled-opacity);
    cursor: not-allowed;
    text-decoration: line-through;
    background-color: #f9f9f9;
    border-style: dashed;
}