/* Min Max Purchase Control - Elementor Compatible Styles */

.min-max-validation-error,
.woocommerce-error.min-max-notice {
    background: #fdf2f2 !important;
    border: 1px solid #e74c3c !important;
    color: #e74c3c !important;
    padding: 15px !important;
    margin: 20px 0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.min-max-validation-error::before,
.woocommerce-error.min-max-notice::before {
    content: "⚠️ ";
    font-size: 16px;
    margin-right: 5px;
}

/* Elementor specific styles */
.elementor-widget-woocommerce-product-add-to-cart .min-max-validation-error {
    margin: 10px 0 !important;
}

.elementor-widget-woocommerce-product-add-to-cart .woocommerce-error.min-max-notice {
    margin: 10px 0 !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .min-max-validation-error,
    .woocommerce-error.min-max-notice {
        font-size: 13px !important;
        padding: 12px !important;
        margin: 15px 0 !important;
    }
}

/* Animation for better UX */
.min-max-validation-error {
    animation: slideInDown 0.3s ease-out;
    cursor: pointer;
}

/* Click to dismiss */
.min-max-validation-error:hover {
    opacity: 0.8;
}

.min-max-validation-error::after {
    content: " (کلیک کنید تا بسته شود)";
    font-size: 12px;
    opacity: 0.7;
    float: right;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Success message styles */
.woocommerce-message.min-max-notice {
    background: #f0f9ff !important;
    border: 1px solid #0ea5e9 !important;
    color: #0c4a6e !important;
    padding: 15px !important;
    margin: 20px 0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.woocommerce-message.min-max-notice::before {
    content: "✅ ";
    font-size: 16px;
    margin-right: 5px;
}