/* Consent banner (Views/Shared/_ConsentBar.cshtml) for legacy Bootstrap pages
   that use _Layout. The modern layout already receives these rules from uh.css;
   here they are repeated with literal values and scoped to .uh-consentbar so the
   legacy page body and Bootstrap are not affected. Behaviour lives in uh.js
   (initConsent); this file is presentation only. */
.uh-consentbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /* above the legacy .whatsapp-float (9999), as in uh.css */
    padding: 1rem 0;
    background: #1B2C46;
    color: #D6E0EC;
    box-shadow: 0 -4px 20px rgb(0 0 0 / .2);
    font-family: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

.uh-consentbar *,
.uh-consentbar *::before,
.uh-consentbar *::after { box-sizing: border-box; }

.uh-consentbar .uh-wrap {
    width: min(calc(100% - (clamp(1rem, .5rem + 2vw, 2rem) * 2)), 1200px);
    margin-inline: auto;
}

.uh-consentbar__in { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; justify-content: space-between; }
.uh-consentbar p { margin: 0; max-width: 76ch; color: inherit; font-size: .8125rem; line-height: 1.6; }
.uh-consentbar a { color: #6FD489; text-decoration: underline; }
.uh-consentbar__btns { display: flex; flex: none; gap: .75rem; }

.uh-consentbar .uh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding-inline: 1rem;
    border: 0;
    border-radius: 6px;
    background: #16733D;
    color: #fff;
    font: inherit;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .18s ease;
}
.uh-consentbar .uh-btn:hover { background: #135E32; }
.uh-consentbar .uh-btn--ghost { border: 1.5px solid rgb(255 255 255 / .4); background: transparent; color: #fff; }
.uh-consentbar .uh-btn--ghost:hover { background: rgb(255 255 255 / .12); }
.uh-consentbar .uh-btn:focus-visible { outline: 2px solid #6FD489; outline-offset: 2px; }
.uh-consentbar__short { display: none; }

/* Phones: compact two-line bar, same as uh.css. */
@media (max-width: 640px) {
    .uh-consentbar { padding: .75rem 0; }
    .uh-consentbar__in { flex-wrap: nowrap; gap: .75rem; }
    .uh-consentbar__long { display: none; }
    .uh-consentbar__short { display: inline; }
    .uh-consentbar p { font-size: .75rem; line-height: 1.45; }
    .uh-consentbar__btns { flex-direction: column; gap: .5rem; }
    .uh-consentbar .uh-btn { min-height: 34px; padding-inline: .75rem; }
}

/* While the banner is open, uh.js sets html.uh-consent-open and --uh-consent-h.
   The legacy WhatsApp button (mainstyle.css: fixed, bottom 25px, z-index 9999)
   then sits 16px above the banner, so it stays visible and clickable and never
   overlaps it. When the banner closes the button returns to its normal place. */
.uh-consent-open .whatsapp-float { bottom: calc(var(--uh-consent-h, 0px) + 16px); }

@media print {
    .uh-consentbar { display: none !important; }
}