/* ==========================================================================
   COMPONENTS: SWATCHES & VARIATIONS
   Модерни бутони за избор на продуктови вариации
========================================================================== */

/* 1. РЕСТРУКТУРИРАНЕ НА ТАБЛИЦАТА С ВАРИАЦИИ */
.woocommerce div.product form.variations_form { margin-top: 0.5rem !important; }

.woocommerce div.product form.variations_form table.variations,
.woocommerce div.product form.variations_form table.variations tbody,
.woocommerce div.product form.variations_form table.variations tr,
.woocommerce div.product form.variations_form table.variations th,
.woocommerce div.product form.variations_form table.variations td {
    display: block !important; border: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important;
}

.woocommerce div.product form.variations_form table.variations th.label { margin-bottom: 0.75rem !important; text-align: left !important; }

.woocommerce div.product form.variations_form table.variations th.label label {
    font-size: 12px !important; font-weight: 800 !important; color: var(--fiptec-slate-500) !important; text-transform: uppercase !important; letter-spacing: 0.025em !important; display: inline !important;
}

.woocommerce div.product form.variations_form table.variations th.label .ux-swatch-selected-value {
    font-size: 13px !important; font-weight: 900 !important; color: var(--fiptec-slate-800) !important; margin-left: 0.25rem !important; display: inline !important;
}

/* 2. МОДЕРНИ SWATCHES (БУТОНИ ЗА ИЗБОР) */
.woocommerce div.product form.variations_form .ux-swatches { display: flex !important; flex-wrap: wrap !important; gap: 0.75rem !important; margin-bottom: 1rem !important; }

.woocommerce div.product form.variations_form .ux-swatch {
    width: 5rem !important; min-width: 5rem !important; height: auto !important; padding: 0.375rem !important; background-color: var(--fiptec-white) !important; border: 2px solid var(--fiptec-slate-200) !important; border-radius: var(--fiptec-radius-md) !important; cursor: pointer !important; transition: all 0.2s ease-in-out !important; display: flex !important; flex-direction: column !important; align-items: center !important; margin: 0 !important; overflow: visible !important;
}

.woocommerce div.product form.variations_form .ux-swatch img {
    width: 100% !important; height: auto !important; aspect-ratio: 1/1 !important; object-fit: cover !important; border-radius: 0.5rem !important; border: 1px solid var(--fiptec-slate-100) !important; margin-bottom: 0.25rem !important; padding: 0 !important;
}

.woocommerce div.product form.variations_form .ux-swatch__text {
    font-size: 10px !important; font-weight: 800 !important; color: var(--fiptec-slate-700) !important; text-align: center !important; line-height: 1.2 !important; display: block !important; white-space: normal !important; padding: 0 !important;
}

/* Hover & Selected Състояния */
.woocommerce div.product form.variations_form .ux-swatch:hover { border-color: var(--fiptec-blue-light) !important; transform: translateY(-2px) !important; }
.woocommerce div.product form.variations_form .ux-swatch.selected { border-color: var(--fiptec-blue) !important; background-color: var(--fiptec-blue-vlight) !important; box-shadow: var(--fiptec-shadow-md) !important; transform: none !important; }
.woocommerce div.product form.variations_form .ux-swatch.selected .ux-swatch__text { color: var(--fiptec-blue) !important; }

/* 3. БУТОН ЗА ИЗЧИСТВАНЕ (НАПЪЛНО СКРИТ) */
.woocommerce div.product form.variations_form a.reset_variations { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; }