/* News subscription: footer form + result pages (VM 176-son nizom, 5-band). */

/* ---------- Footer form ---------- */
.footer-subscribe {
    border-top: 1px solid var(--footer-border, rgba(255, 255, 255, 0.08));
    padding: 28px 0;
}

.footer-subscribe-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.footer-subscribe-text {
    flex: 1 1 280px;
    min-width: 0;
}

.footer-subscribe-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--footer-text, #fff);
}

.footer-subscribe-title i {
    color: var(--footer-accent, var(--gov-gold, #c9a962));
    margin-right: 6px;
}

.footer-subscribe-text p {
    margin: 0;
    font-size: 14px;
    color: var(--footer-text-muted, rgba(255, 255, 255, 0.75));
}

.footer-subscribe-form {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 420px;
    max-width: 560px;
    flex-wrap: wrap;
}

.footer-subscribe-input {
    flex: 1 1 200px;
    min-width: 0;
    height: 42px;
    padding: 0 14px;
    font: inherit;
    font-size: 14px;
    color: var(--gov-text-dark, #1a202c);
    background: #fff;
    border: 1px solid var(--footer-border-accent, rgba(201, 169, 98, 0.25));
    border-radius: var(--gov-radius-sm, 4px);
}

.footer-subscribe-input:focus {
    outline: 2px solid var(--footer-accent, #c9a962);
    outline-offset: 1px;
}

.footer-subscribe-input[aria-invalid="true"] {
    border-color: var(--gov-error, #dc2626);
}

.footer-subscribe-btn {
    height: 42px;
    padding: 0 20px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--footer-primary-darker, #152638);
    background: var(--footer-accent, #c9a962);
    border: 0;
    border-radius: var(--gov-radius-sm, 4px);
    cursor: pointer;
    transition: background var(--gov-transition, 0.2s ease);
}

.footer-subscribe-btn:hover,
.footer-subscribe-btn:focus-visible {
    background: var(--footer-accent-bright, #f5c842);
}

/* a.* so it outranks the legacy .t-records a colour in gov-base.css */
a.footer-subscribe-rss {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 42px;
    padding: 0 6px;
    font-size: 14px;
    color: var(--footer-text-muted, rgba(255, 255, 255, 0.75));
    text-decoration: none;
}

.footer-subscribe-rss i {
    color: #f59e0b;
}

a.footer-subscribe-rss:hover,
a.footer-subscribe-rss:focus-visible {
    color: var(--footer-text, #fff);
}

.footer-subscribe-error {
    margin: 10px 0 0;
    font-size: 13px;
    color: #fca5a5;
}

.footer-subscribe-hp {
    position: absolute !important;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.footer-subscribe-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 575px) {
    .footer-subscribe-btn {
        flex: 1 1 auto;
    }
}

/* ---------- Result pages ---------- */
.subscription-result {
    max-width: 640px;
    margin: 0 auto;
    padding: 60px 20px;
}

.subscription-result .gov-success-card.is-muted {
    border-color: var(--gov-border, #e2e8f0);
    border-left-color: var(--gov-primary, #2d4a6f);
}

.subscription-result .gov-success-card.is-error {
    border-color: var(--gov-error, #dc2626);
}

.subscription-result .gov-success-card.is-muted .gov-success-icon {
    background: var(--gov-bg-light, #f1f5f9);
    color: var(--gov-primary, #2d4a6f);
}

.subscription-result .gov-success-card.is-error .gov-success-icon {
    background: #fee2e2;
    color: var(--gov-error, #dc2626);
}

.subscription-result-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}