/*
 * Modern compact newsletter signup styling for the "Stay in the Know"
 * widget areas (footer-mobile and sidebar-default). Matches the visual
 * vocabulary of newsletter-page.css but sized down for narrow contexts.
 *
 * The widget chrome already shows the "Stay in the Know" title, so the
 * block's internal <h4> + subtitle are hidden.
 */

.widget .block-email-subscription {
    padding: 14px 12px 12px;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

.widget .block-email-subscription h4 {
    display: none;
}

.widget .block-email-subscription__input-view > p {
    font-size: 13px;
    line-height: 1.45;
    color: #5b6a8a;
    margin: 0 0 12px;
    padding: 0;
}

.widget .block-email-subscription__input-view {
    width: 100%;
    max-width: none;
}

.widget .block-email-subscription__input-group {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-top: 0;
    width: 100%;
    max-width: none;
}

.widget .block-email-subscription__input {
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #0e1a3a;
    background: #f6f8fc;
    border: 1.5px solid #d8e0ee;
    border-radius: 10px;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.widget .block-email-subscription__input::placeholder {
    color: #97a4bd;
    font-size: 14px;
    font-weight: 400;
}

.widget .block-email-subscription__input:focus {
    border-color: #69af38;
    box-shadow: 0 0 0 3px rgba(105, 175, 56, 0.18);
    outline: none;
}

.widget .block-email-subscription__input.block-email-subscription__input--invalid {
    border-color: #b02a37;
    box-shadow: 0 0 0 3px rgba(176, 42, 55, 0.14);
}

/* Plugin default is `margin: 0 0 -19px` for the row-flex layout. Override
   for the column stack so the error message stays visible above the input. */
.widget .block-email-subscription__error-view--active {
    margin: 0 0 6px;
    padding: 0;
    font-size: 12.5px;
    line-height: 1.35;
    color: #b02a37;
    text-align: left;
    align-self: stretch;
}

.widget .block-email-subscription__input-group button {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: none;
    color: #ffffff;
    background: linear-gradient(135deg, #69af38 0%, #4a8b25 100%);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(105, 175, 56, 0.25);
    cursor: pointer;
    flex-shrink: 0;
    transition: box-shadow 0.15s, filter 0.15s, transform 0.05s;
}

.widget .block-email-subscription__input-group button:hover,
.widget .block-email-subscription__input-group button:focus-visible {
    box-shadow: 0 6px 16px rgba(105, 175, 56, 0.35);
    filter: brightness(1.05);
    outline: none;
}

.widget .block-email-subscription__input-group button:active {
    transform: scale(0.99);
}

.widget .mmi-newsletter-widget-disclaimer {
    margin: 12px 12px 4px;
    padding: 0;
    font-size: 10px;
    line-height: 1.45;
    color: #5b6a8a;
}

.widget .mmi-newsletter-widget-disclaimer a {
    color: inherit;
    text-decoration: underline;
}

.widget .mmi-newsletter-widget-disclaimer a:hover,
.widget .mmi-newsletter-widget-disclaimer a:focus {
    color: #0e1a3a;
}