/**
 * Footer v4 (light, variant 3c). Scoped to .dmc-footer--v4 so the legacy
 * navy footer rules in output.css no longer apply. Newsletter Alpine
 * component, cookie-settings hook and consent text are unchanged.
 */
.dmc-footer.dmc-footer--v4 {
    background: #f7f8fa;
    border-top: 1px solid #e5e7eb;
    color: #374151;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.dmc-footer--v4 .container { max-width: none; padding: 0; margin: 0; }
.dmc-footer--v4 .dmc-footer-main { background: transparent; padding: 54px 0 44px; }

.dmc-footer--v4 .dmc-ft4-cols {
    display: grid;
    grid-template-columns: 1.1fr .8fr .95fr 1.15fr 1.1fr;
    gap: 46px;
}
.dmc-footer--v4 .dmc-ft4-title {
    font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
    color: #6b7280; margin: 0 0 10px;
}
.dmc-footer--v4 .dmc-ft4-title::after {
    content: ''; display: block; width: 34px; height: 2px; background: #e9a93c; margin-top: 10px;
}
.dmc-footer--v4 .dmc-ft4-list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.dmc-footer--v4 .dmc-ft4-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; margin-top: 16px; }
.dmc-footer--v4 .dmc-ft4-two .dmc-ft4-list { margin-top: 0; }
.dmc-footer--v4 .dmc-ft4-list a, .dmc-footer--v4 .dmc-ft4-link {
    font-size: 14px; color: #1f3a63; text-decoration: none; line-height: 1.35;
    display: inline-flex; align-items: center; gap: 8px;
}
.dmc-footer--v4 .dmc-ft4-list a:hover, .dmc-footer--v4 .dmc-ft4-link:hover { color: #8a4a08; }
.dmc-footer--v4 .dmc-badge-new {
    display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 999px;
    background: #e9a93c; color: #132a4a; font-size: 10px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase;
}

/* Contacts */
.dmc-footer--v4 .dmc-ft4-legal { margin: 16px 0 0; font-size: 14px; color: #374151; line-height: 1.4; }
.dmc-footer--v4 .dmc-ft4-reg { display: block; font-size: 12px; color: #6b7280; margin-top: 2px; }
.dmc-footer--v4 .dmc-ft4-addr { margin: 12px 0 0; font-size: 14px; color: #374151; line-height: 1.45; }
.dmc-footer--v4 .dmc-ft4-contact { margin: 12px 0 0; display: flex; flex-direction: column; gap: 8px; }
.dmc-footer--v4 .dmc-ft4-contact a { font-size: 14px; font-weight: 600; color: #1f3a63; text-decoration: none; }
.dmc-footer--v4 .dmc-ft4-contact a:hover { color: #8a4a08; }
.dmc-footer--v4 .dmc-ft4-sep { height: 1px; background: #e5e7eb; margin: 18px 0 14px; }
.dmc-footer--v4 .dmc-ft4-follow {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 12px;
    border: 1px solid #e5e7eb; background: #fff; border-radius: 999px; padding: 8px 14px;
    font-size: 13px; font-weight: 600; color: #1f3a63; text-decoration: none; transition: border-color .15s ease;
}
.dmc-footer--v4 .dmc-ft4-follow:hover { border-color: #e9a93c; color: #1f3a63; }
.dmc-footer--v4 .dmc-ft4-follow svg { width: 16px; height: 16px; }

/* Newsletter */
.dmc-footer--v4 .dmc-footer-description { margin: 16px 0 12px; font-size: 14px; color: #6b7280; line-height: 1.5; }
.dmc-footer--v4 .dmc-newsletter-input-row { display: flex; gap: 8px; }
.dmc-footer--v4 .dmc-newsletter-input {
    flex: 1 1 auto; min-width: 0; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px;
    padding: 12px 14px; font-size: 14px; color: #374151; height: auto;
}
.dmc-footer--v4 .dmc-newsletter-input::placeholder { color: #9ca3af; }
.dmc-footer--v4 .dmc-newsletter-input:focus { outline: none; border-color: #e9a93c; box-shadow: 0 0 0 3px rgba(233, 169, 60, .18); }
.dmc-footer--v4 .dmc-newsletter-input.is-invalid { border-color: #dc2626; }
.dmc-footer--v4 .dmc-newsletter-btn {
    flex: 0 0 auto; background: #e9a93c; color: #132a4a; border: 0; border-radius: 8px;
    padding: 0 18px; font-size: 13px; font-weight: 800; cursor: pointer; min-height: 44px;
}
.dmc-footer--v4 .dmc-newsletter-btn:hover { background: #f2b64c; }
.dmc-footer--v4 .dmc-newsletter-consents { margin-top: 10px; }
.dmc-footer--v4 .dmc-newsletter-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: #6b7280; line-height: 1.45; cursor: pointer; }
.dmc-footer--v4 .dmc-newsletter-consent input { width: 15px; height: 15px; margin: 2px 0 0; accent-color: #e9a93c; flex: 0 0 15px; }
.dmc-footer--v4 .dmc-newsletter-consent a { color: #8a4a08; font-weight: 600; text-decoration: none; }
.dmc-footer--v4 .dmc-newsletter-consent.is-invalid { color: #dc2626; }
.dmc-footer--v4 .dmc-newsletter-message { margin-top: 8px; font-size: 13px; }
.dmc-footer--v4 .dmc-newsletter-message.success { color: #15803d; }
.dmc-footer--v4 .dmc-newsletter-message.error { color: #dc2626; }

/* Bottom bar */
.dmc-footer--v4 .dmc-footer-bottom { background: transparent; border-top: 1px solid #e5e7eb; padding: 22px 0; }
.dmc-footer--v4 .dmc-footer-bottom-content { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; text-align: left; }
.dmc-footer--v4 .dmc-footer-logo { display: inline-flex; background: linear-gradient(135deg, #2c4875 0%, #314b72 100%); border-radius: 8px; padding: 6px 12px; line-height: 0; }
.dmc-footer--v4 .dmc-footer-logo img { height: 40px; width: auto; }
.dmc-footer--v4 .dmc-copyright { margin: 0; justify-content: center; font-size: 13px; color: #6b7280; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dmc-footer--v4 .dmc-copyright a { color: #6b7280; text-decoration: none; }
.dmc-footer--v4 .dmc-copyright a:hover { color: #8a4a08; }
.dmc-footer--v4 .dmc-ft4-secure { margin: 0; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #6b7280; }
.dmc-footer--v4 .dmc-ft4-secure svg { color: #6b7280; }

/* Responsive */
@media (max-width: 1100px) {
    .dmc-footer--v4 .dmc-ft4-cols { grid-template-columns: 1fr 1fr 1fr; gap: 36px 30px; }
}
@media (max-width: 767px) {
    .dmc-footer--v4 .dmc-footer-main { padding: 36px 0 28px; }
    .dmc-footer--v4 .dmc-ft4-cols { grid-template-columns: 1fr; gap: 28px; }
    .dmc-footer--v4 .dmc-newsletter-input-row { flex-direction: column; }
    .dmc-footer--v4 .dmc-newsletter-input, .dmc-footer--v4 .dmc-newsletter-btn { width: 100%; min-height: 44px; }
    .dmc-footer--v4 .dmc-footer-bottom-content { flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 14px; }
    .dmc-footer--v4 .dmc-copyright { justify-content: center; }
    .dmc-footer--v4 .dmc-ft4-title::after { margin-left: 0; }
}


/* ── Navy variant ── */
.dmc-footer.dmc-footer--v4 { background: linear-gradient(135deg, #2c4875 0%, #314b72 100%); border-top: 0; color: rgba(255,255,255,.88); }
.dmc-footer--v4 .dmc-ft4-title { color: rgba(255,255,255,.62); }
.dmc-footer--v4 .dmc-ft4-list a, .dmc-footer--v4 .dmc-ft4-link, .dmc-footer--v4 .dmc-ft4-contact a { color: #fff; }
.dmc-footer--v4 .dmc-ft4-list a:hover, .dmc-footer--v4 .dmc-ft4-link:hover, .dmc-footer--v4 .dmc-ft4-contact a:hover { color: #e9a93c; }
.dmc-footer--v4 .dmc-ft4-legal, .dmc-footer--v4 .dmc-ft4-addr { color: rgba(255,255,255,.9); }
.dmc-footer--v4 .dmc-ft4-reg { color: rgba(255,255,255,.6); }
.dmc-footer--v4 .dmc-ft4-sep { background: rgba(255,255,255,.14); }
.dmc-footer--v4 .dmc-ft4-follow { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff; }
.dmc-footer--v4 .dmc-ft4-follow:hover { border-color: #e9a93c; color: #fff; }
.dmc-footer--v4 .dmc-footer-description { color: rgba(255,255,255,.78); }
.dmc-footer--v4 .dmc-newsletter-input { border-color: transparent; }
.dmc-footer--v4 .dmc-newsletter-consent { color: rgba(255,255,255,.72); }
.dmc-footer--v4 .dmc-newsletter-consent a { color: #e9a93c; }
.dmc-footer--v4 .dmc-newsletter-message.success { color: #86efac; }
.dmc-footer--v4 .dmc-newsletter-message.error { color: #fca5a5; }
.dmc-footer--v4 .dmc-footer-bottom { border-top: 1px solid rgba(255,255,255,.14); }
.dmc-footer--v4 .dmc-footer-logo { background: transparent; padding: 0; }
.dmc-footer--v4 .dmc-copyright, .dmc-footer--v4 .dmc-copyright a, .dmc-footer--v4 .dmc-ft4-secure, .dmc-footer--v4 .dmc-ft4-secure svg { color: rgba(255,255,255,.62); }
.dmc-footer--v4 .dmc-copyright a:hover { color: #e9a93c; }