/* State Restriction Plugin Styles */
#wsr-dynamic-notice {
    transition: all 0.3s ease;
    animation: fadeIn 0.5s ease;
}

#wsr-dynamic-notice.success {
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    border-color: #155724;
    color: #155724;
    border-left: 5px solid #28a745;
}

#wsr-dynamic-notice.error {
    background: linear-gradient(135deg, #f8d7da, #f5c6cb);
    border-color: #721c24;
    color: #721c24;
    border-left: 5px solid #dc3545;
}

#wsr-dynamic-notice.info {
    background: linear-gradient(135deg, #d1ecf1, #bee5eb);
    border-color: #0c5460;
    color: #0c5460;
    border-left: 5px solid #17a2b8;
}

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

/* Make sure our notice stands out but doesn't break layout */
.wc-state-restriction-notice {
    clear: both;
    margin: 20px 0;
}