/* Newsletter Styles - General for all themes, dark mode overrides in dark-mode.css */

/* Footer Newsletter Container (within footer grid) */
.footer-newsletter {
    /* Basic structure, background might be part of footer's overall bg */
    padding: 10px; /* Add some padding if it's a distinct block */
}

.footer-newsletter h3 {
    /* Styling handled by main footer h3 styles or dark-mode.css */
    margin-bottom: 15px; /* Space below heading */
}

.footer-newsletter p {
    /* Styling handled by main footer p styles or dark-mode.css */
    margin-bottom: 15px; /* Space below paragraph */
    font-size: 0.9rem;
}

/* The actual form container for input and button */
.newsletter-form-container {
    display: flex;
    width: 100%;
    border-radius: 4px; /* Rounded corners for the group */
    overflow: hidden; /* To make border-radius work on children */
    border: 1px solid var(--border-color); /* Border around the group */
}
[data-theme="dark"] .newsletter-form-container {
    border: 1px solid var(--border-color);
}


.footer-newsletter input[type="email"] {
    flex: 1; /* Take up available space */
    padding: 10px 15px;
    border: none; /* Border is on the container */
    /* border-radius: 4px 0 0 4px; /* Handled by container */
    font-size: 0.95rem;
    background-color: var(--white); /* Light mode bg */
    color: var(--text-primary); /* Light mode text */
    min-width: 0; /* Allow input to shrink if necessary */
}
.footer-newsletter input[type="email"]::placeholder {
    color: var(--text-secondary);
    opacity: 0.7;
}
/* Dark mode for input is in dark-mode.css */


.footer-newsletter button[type="submit"] {
    padding: 10px 18px; /* Adjust padding */
    background-color: var(--primary);
    color: var(--white);
    border: none;
    /* border-radius: 0 4px 4px 0; /* Handled by container */
    cursor: pointer;
    font-weight: 500; /* Match other buttons */
    font-size: 0.95rem; /* Match input */
    white-space: nowrap; /* Prevent text wrapping */
    transition: background-color 0.3s ease;
}

.footer-newsletter button[type="submit"]:hover {
    background-color: var(--primary-dark);
}
/* Dark mode for button is in dark-mode.css */


/* Subscription message area */
#subscribe-message {
    margin-top: 10px;
    font-size: 0.85rem;
    min-height: 1.5em; /* Reserve space to prevent layout shifts */
}
/* .success-message and .error-message styles are global (inline in head.ejs) */