/* consentBanner.css — Syndesi cookie / consent banner (added 2026-09-29, per Anthony).
   Accept and Reject are styled the same on purpose (GDPR: equal prominence). */

.syndesi-consent[hidden] { display: none !important; }

.syndesi-consent {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 2147483000; /* above the chat bubble */
    display: flex;
    justify-content: center;
    pointer-events: none;
}
.syndesi-consent-inner {
    pointer-events: auto;
    width: 100%;
    max-width: 720px;
    box-sizing: border-box;
    background: var(--color-white, #fff);
    color: var(--color-secondary, #54453a);
    border-top: 4px solid var(--color-primary, #528377);
    border-radius: 8px;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.18);
    padding: 20px 24px;
    font-family: var(--font-body, Verdana, sans-serif);
    font-size: calc(10.5pt * var(--lang-font-scale, 1));
    line-height: 1.55;
}
.syndesi-consent-title {
    font-family: var(--font-elegant, "Averia Serif Libre", serif);
    font-weight: 700;
    font-size: calc(13pt * var(--lang-font-scale, 1));
    color: var(--color-primary, #528377);
    margin: 0 0 8px 0;
}
.syndesi-consent-text { margin: 0 0 16px 0; }
.syndesi-consent-text a {
    color: var(--color-primary, #528377);
    text-decoration: underline;
    white-space: nowrap;
}
.syndesi-consent-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

/* Shared pill button (banner + "blocked" messages) */
.syndesi-consent-btn {
    cursor: pointer;
    font-family: "Averia Libre", var(--font-elegant, serif);
    font-size: calc(11pt * var(--lang-font-scale, 1));
    line-height: 1.2;
    color: var(--color-white, #fff);
    background: var(--color-primary, #528377);
    border: 2px solid var(--color-primary, #528377);
    border-radius: 9999px;
    padding: 0.55em 1.6em;
    min-width: 10em;
    white-space: nowrap;
}
.syndesi-consent-btn:hover { filter: brightness(0.92); }
.syndesi-consent-btn:focus-visible,
.syndesi-consent-link:focus-visible {
    outline: 2px solid var(--color-highlight, #9f6b15);
    outline-offset: 2px;
}
.syndesi-consent-btn--small {
    min-width: 0;
    padding: 0.4em 1.2em;
    font-size: calc(10.5pt * var(--lang-font-scale, 1));
}
.syndesi-consent-link {
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0.4em 0.2em;
    color: var(--color-primary, #528377);
    text-decoration: underline;
    font: inherit;
}

@media screen and (max-width: 600px) {
    .syndesi-consent { left: 8px; right: 8px; bottom: 8px; }
    .syndesi-consent-inner { padding: 16px; }
    .syndesi-consent-buttons { justify-content: stretch; }
    .syndesi-consent-buttons .syndesi-consent-btn { flex: 1 1 0; min-width: 0; }
}

/* "Blocked" message shown where a service would be (Calendly, chat, reCAPTCHA) */
.syndesi-consent-blocked {
    border: 1px dashed var(--color-primary, #528377);
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0 0 16px 0;
    background: rgba(82, 131, 119, 0.06);
    color: var(--color-secondary, #54453a);
    font-size: calc(10pt * var(--lang-font-scale, 1));
    line-height: 1.5;
    text-align: left;
}
.syndesi-consent-blocked-text { margin: 0 0 10px 0; }
.syndesi-consent-blocked-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.syndesi-consent-blocked.is-flash { animation: syndesi-consent-flash 1.2s ease 2; }
@keyframes syndesi-consent-flash {
    0%, 100% { box-shadow: 0 0 0 0 rgba(159, 107, 21, 0); }
    50% { box-shadow: 0 0 0 4px rgba(159, 107, 21, 0.45); }
}
@media (prefers-reduced-motion: reduce) {
    .syndesi-consent-blocked.is-flash { animation: none; outline: 2px solid var(--color-highlight, #9f6b15); }
}

/* 2026-09-29: the theme's .chat-trigger-button sets display:block, which beat the
   [hidden] attribute, so the "Open chat" button stayed visible (and opened
   onWebChat's own page in a new tab) even after "Reject all". */
#open-chat-btn[hidden] { display: none !important; }

/* Footer "Cookie settings" link */
.footer-links a[data-consent-open] { cursor: pointer; }

@media print {
    .syndesi-consent, .syndesi-consent-blocked { display: none !important; }
}