/* Frontend Form Styling */
.hyae-form-wrapper { display: flex; justify-content: center; padding: 2rem 1rem; background-color: #f7f7f7; border-radius: 8px; }
#hyae-subscribe-form { display: flex; width: 100%; max-width: 500px; }
#hyae-email-input { flex-grow: 1; padding: 12px; font-size: 16px; border: 1px solid #ccc; border-right: none; border-radius: 4px 0 0 4px; }
#hyae-submit-button { padding: 12px 20px; font-size: 16px; font-weight: bold; color: #fff; background-color: #CA5D2C; border: 1px solid #CA5D2C; border-radius: 0 4px 4px 0; cursor: pointer; transition: background-color 0.2s ease; }
#hyae-submit-button:hover { background-color: #B24327; border-color: #B24327; }
#hyae-submit-button:disabled { background-color: #999; border-color: #999; cursor: not-allowed; }

/* Popup Styling */
.hyae-popup { visibility: hidden; opacity: 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; padding: 2rem 3rem; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); z-index: 10000; transition: opacity 0.3s ease, visibility 0.3s ease; text-align: center; }
.hyae-popup p { margin: 0; font-size: 1.2rem; font-weight: bold; }

/* Dynamic styling for the popup */
.hyae-popup.is-success {
    background-color: #CA5D2C; /* Main brand color for success */
}
.hyae-popup.is-error {
    background-color: #B24327; /* Alternate (darker) brand color for error */
}
.hyae-popup.is-visible {
    visibility: visible;
    opacity: 1;
}