/* The cookie bar (js/cookie-consent.js).
   Sits at the foot of the screen, never covers the page, and reads in the site's own voice.
   Accept and Decline carry the same weight: one is not a greyed-out afterthought. */

.cc-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 24px;
    padding: 16px 20px calc(16px + env(safe-area-inset-bottom, 0px));
    background: var(--white, #fff);
    border-top: 1px solid var(--gray-200, #E5E5E5);
    box-shadow: 0 -8px 30px rgba(26, 26, 26, 0.08);
    font-family: var(--font-body);
}

.cc-bar-text {
    flex: 1 1 320px;
    min-width: 0;
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--gray-700, #404040);
    max-width: 70ch;
}

.cc-bar-text a { color: var(--olive, #556B2F); font-weight: 600; }

.cc-bar-btns { display: flex; gap: 10px; flex: 0 0 auto; }

.cc-btn {
    font: 600 0.92rem/1 var(--font-body);
    padding: 13px 22px;                      /* at least 44px tall, for a thumb */
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid var(--gray-300, #D4D4D4);
    background: var(--white, #fff);
    color: var(--charcoal, #1A1A1A);
    cursor: pointer;
}

.cc-btn:hover { border-color: var(--olive, #556B2F); }
.cc-btn:focus-visible { outline: 3px solid var(--olive, #556B2F); outline-offset: 2px; }

.cc-btn--yes {
    background: var(--olive, #556B2F);
    border-color: var(--olive, #556B2F);
    color: var(--white, #fff);
}

.cc-btn--yes:hover { background: var(--olive-light, #5A771D); border-color: var(--olive-light, #5A771D); }

@media (max-width: 599px) {
    .cc-bar { padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)); }
    .cc-bar-btns { width: 100%; }
    .cc-btn { flex: 1 1 0; }
}

/* the chat bubble steps above the bar while a choice is pending */
body.cc-open .chat-toggle {
    bottom: calc(24px + var(--cc-bar-h, 76px));
    transition: bottom 0.25s var(--ease-out-quart, ease);
}

@media (max-width: 768px) {
    body.cc-open .chat-toggle { bottom: calc(16px + var(--cc-bar-h, 150px)); }
}

@media (prefers-reduced-motion: reduce) {
    body.cc-open .chat-toggle { transition: none; }
}