/* Variation Validation Styling */

/* Red border for labels (on validation fail) */
.variations label.validation-error {
    border: 3px solid red !important;
    padding: 5px 8px;
    display: inline-block;
    border-radius: 4px;
    animation: pulseRedOnce 0.6s ease;
}

/* Green border for active selected variation buttons */
.ast-variation-button-group .ast-single-variation.active {
    border: 3px solid #28a745 !important; /* Thick green border */
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(40, 167, 69, 0.5);
}

/* Remove WooCommerce default faint blue outline */
.ast-variation-button-group .ast-single-variation:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove WooCommerce default blue focus outline */
.variations .value select:focus,
.variations .value .ast-variation-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Pulse animation for red border (once only) */
@keyframes pulseRedOnce {
    0% { box-shadow: 0 0 5px rgba(255, 0, 0, 0.4); }
    100% { box-shadow: 0 0 12px rgba(255, 0, 0, 1); }
}