/* --- Styles for the Single Product Page --- */

/* Ensure buttons have some space from other elements */
#scr-stock-alert-button,
#scr-save-for-later-button {
    margin-top: 10px;
}

/* Style for the success/error message div */
#scr-product-page-message {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    margin-top: 15px;
    font-weight: 500;
}

/* Specific color for the message div set by JS */
#scr-product-page-message[style*="color: green"] {
    background-color: #e7f5e8;
    border-color: #d0e8d1;
}

#scr-product-page-message[style*="color: red"] {
    background-color: #fbeaea;
    border-color: #f4dada;
}