/*
 * Site-wide GDPR cookie-consent banner (Livewire CookieConsentBanner).
 * Mirrors the original Tilda t972 cookie banner: the site text font, button
 * weight 400 + capitalize, and a detailed per-category preferences panel.
 * font-family lives on .cc-banner so BOTH the collapsed bar (.cc-banner__inner)
 * and the manage panel (.cc-manage, a sibling) inherit it.
 */
.cc-banner {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 9000000; padding: 16px;
    font-family: var(--t-text-font, 'PPMori', 'Hanken Grotesk', Arial, sans-serif);
}
.cc-banner__inner {
    max-width: 1080px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px;
    padding: 20px 22px; border-radius: 20px; background: #ffffff;
    border: 1px solid rgba(10, 17, 71, .1); box-shadow: 0 12px 44px -12px rgba(0, 3, 23, .35);
}
.cc-banner__title { margin: 0; font-size: 16px; font-weight: 500; color: #000317; }
.cc-banner__body { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: #4a4d57; }
.cc-banner__link { color: #2015ff; text-decoration: underline; text-underline-offset: 2px; }
.cc-banner__actions { display: flex; flex-direction: column; gap: 10px; }
.cc-banner__actions .cc-btn { width: 100%; }
.cc-btn {
    box-sizing: border-box; height: 42px; padding: 0 20px; border-radius: 100px;
    font-size: 14px; font-weight: 400; text-transform: capitalize;
    font-family: inherit; cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s;
}
.cc-btn--ghost { background: #fff; border: 1px solid rgba(10, 17, 71, .18); color: #000317; }
.cc-btn--ghost:hover { background: #f3f4fa; }
.cc-btn--primary { background: #000317; border: 1px solid #000317; color: #fff; }
.cc-btn--primary:hover { background: #323457; }
.cc-manage {
    max-width: 1080px; margin: 12px auto 0; padding: 18px 20px; border-radius: 18px;
    background: #ffffff; border: 1px solid rgba(10, 17, 71, .1);
    box-shadow: 0 12px 44px -12px rgba(0, 3, 23, .35);
    overflow: hidden; /* clip to the rounded corners; the inner wrapper scrolls */
}
.cc-manage__head { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.cc-back {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; padding: 0; border: none; background: transparent;
    border-radius: 50%; color: #000317; cursor: pointer; flex: none; transition: background .15s;
}
.cc-back:hover { background: #f3f4fa; }
.cc-back svg { width: 18px; height: 18px; }
/* only this middle region scrolls, so the scrollbar stays clear of the card's rounded corners */
.cc-manage__scroll { max-height: 46vh; overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-width: thin; }
.cc-manage__scroll::-webkit-scrollbar { width: 8px; }
.cc-manage__scroll::-webkit-scrollbar-thumb { background: #cdd0db; border-radius: 100px; }
.cc-manage__title { margin: 0; font-size: 16px; font-weight: 500; color: #000317; }
.cc-manage__intro { margin: 0 0 14px; font-size: 13px; line-height: 1.5; color: #6b6e78; }
.cc-cat { padding: 14px 16px; border-radius: 14px; background: #f6f7fb; }
.cc-cat + .cc-cat { margin-top: 10px; }
.cc-cat__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cc-cat__name { font-size: 14px; font-weight: 500; color: #000317; }
.cc-cat__state { font-size: 12px; font-weight: 400; color: #195cff; white-space: nowrap; }
.cc-cat__desc { margin: 8px 0 6px; font-size: 13px; line-height: 1.45; color: #4a4d57; }
.cc-cat__list { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; color: #4a4d57; }
.cc-cat__list li { margin: 2px 0; }
.cc-cat__list b { font-weight: 600; color: #000317; }
.cc-cat__note { margin: 8px 0 0; font-size: 12px; line-height: 1.45; color: #6b6e78; }
.cc-manage__actions { display: flex; justify-content: flex-end; margin-top: 14px; }
/* preference toggle switch */
.cc-switch { position: relative; display: inline-block; width: 44px; height: 26px; flex: none; }
.cc-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.cc-switch__slider { position: absolute; inset: 0; border-radius: 100px; background: #cdd0db; transition: background .2s; }
.cc-switch__slider::before { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: transform .2s; }
.cc-switch input:checked + .cc-switch__slider { background: #000317; }
.cc-switch input:checked + .cc-switch__slider::before { transform: translateX(18px); }
@media screen and (min-width: 768px) {
    .cc-banner__inner { flex-direction: row; align-items: center; justify-content: space-between; }
    .cc-banner__actions { flex-direction: row; flex-shrink: 0; }
    .cc-banner__actions .cc-btn { width: auto; }
}

/* Persistent "Cookie settings" reopen link, shown once consent has been given. */
.cc-reopen {
    position: fixed; left: 16px; bottom: 16px; z-index: 8999999;
    padding: 8px 14px; border-radius: 100px; border: 1px solid rgba(10, 17, 71, .14);
    background: #ffffff; color: #4a4d57; cursor: pointer; opacity: .85;
    font: 500 12px/1 var(--t-text-font, 'PPMori', 'Hanken Grotesk', Arial, sans-serif);
    box-shadow: 0 6px 20px -8px rgba(0, 3, 23, .3); transition: opacity .15s;
}
.cc-reopen:hover { opacity: 1; }