/* My DIY Blinds — Uni CPO validation palette.
 * Scope: single-product configurators only.
 * Theme palette: plum #582C4D, dusty rose #A36769, blush #D4B9B2.
 */
.single-product .uni-builderius-container .parsley-errors-list li,
.single-product .uni-cpo-form .parsley-errors-list li,
.single-product form.cart .parsley-errors-list li {
    background-color: #A36769 !important;
    color: #fff !important;
    border-color: #A36769 !important;
}

.single-product .uni-builderius-container input.parsley-error,
.single-product .uni-builderius-container textarea.parsley-error,
.single-product .uni-builderius-container select.parsley-error,
.single-product .uni-cpo-form input.parsley-error,
.single-product .uni-cpo-form textarea.parsley-error,
.single-product .uni-cpo-form select.parsley-error,
.single-product form.cart input.parsley-error,
.single-product form.cart textarea.parsley-error,
.single-product form.cart select.parsley-error,
.single-product div.parsley-error label span.uni-cpo-option-label__radio,
.single-product div.parsley-error label span.uni-cpo-option-label__checkbox {
    border-color: #A36769 !important;
    box-shadow: none !important;
}

/* Quantity errors in Uni CPO are text-only in the plugin's native CSS. */
.single-product .quantity .parsley-errors-list li {
    color: #A36769 !important;
    background-color: transparent !important;
}

/* Disabled Add to Cart state.
 * Uni CPO toggles the real disabled property while required configuration is
 * incomplete. Keep the enabled button untouched; only recolour the genuinely
 * disabled state with existing My DIY Blinds palette colours.
 */
.single-product form.cart .single_add_to_cart_button[disabled],
.single-product form.cart button.single_add_to_cart_button:disabled,
.single-product .uni-cpo-form .single_add_to_cart_button[disabled],
.single-product .uni-builderius-container ~ form.cart .single_add_to_cart_button[disabled] {
    background: #D4B9B2 !important;
    background-color: #D4B9B2 !important;
    color: #582C4D !important;
    border-color: #D4B9B2 !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.single-product form.cart .single_add_to_cart_button[disabled]:hover,
.single-product form.cart .single_add_to_cart_button[disabled]:focus,
.single-product form.cart button.single_add_to_cart_button:disabled:hover,
.single-product form.cart button.single_add_to_cart_button:disabled:focus,
.single-product .uni-cpo-form .single_add_to_cart_button[disabled]:hover,
.single-product .uni-cpo-form .single_add_to_cart_button[disabled]:focus {
    background: #D4B9B2 !important;
    background-color: #D4B9B2 !important;
    color: #582C4D !important;
    border-color: #D4B9B2 !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}



/* Enabled Add to Cart hover.
 * Keep this explicitly separate from the disabled state above. Elementor/My DIY
 * Blinds commonly uses dusty rose for the normal CTA and deep plum for hover.
 * :not(:disabled):not([disabled]) prevents this rule from ever waking up an
 * incomplete Uni CPO configuration visually.
 */
.single-product form.cart .single_add_to_cart_button:not(:disabled):not([disabled]):hover,
.single-product form.cart .single_add_to_cart_button:not(:disabled):not([disabled]):focus-visible,
.single-product .uni-cpo-form .single_add_to_cart_button:not(:disabled):not([disabled]):hover,
.single-product .uni-cpo-form .single_add_to_cart_button:not(:disabled):not([disabled]):focus-visible {
    background: #582C4D !important;
    background-color: #582C4D !important;
    color: #FFFFFF !important;
    border-color: #582C4D !important;
}

.single-product form.cart .single_add_to_cart_button:not(:disabled):not([disabled]),
.single-product .uni-cpo-form .single_add_to_cart_button:not(:disabled):not([disabled]) {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}