/* Cookie consent bar for guest pages (js/ads-consent.js). Site palette, hard corners. */
.vtl-consent {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(16px + var(--vt-bottom-offset, 0px));
    z-index: 1060;
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    background: #151516;
    border: 1px solid #636363;
    border-left: 3px solid #ff9900;
    color: #e0e0e0;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .55);
}
.vtl-consent__text { margin: 0; flex: 1 1 auto; }
.vtl-consent__link { color: #ffb84d; text-decoration: underline; white-space: nowrap; }
.vtl-consent__link:hover { color: #ff9900; }
.vtl-consent__actions { display: flex; gap: 8px; flex: 0 0 auto; }
.vtl-consent__btn {
    border: 1px solid #636363;
    border-radius: 0;
    background: #212123;
    color: #e0e0e0;
    padding: 8px 16px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.vtl-consent__btn:hover { background: #1b1b1d; border-color: #8a8a8a; }
.vtl-consent__btn:focus-visible { outline: 2px solid #ffb84d; outline-offset: 2px; }
.vtl-consent__btn--accept { background: #ff9900; border-color: #ff9900; color: #0d0d0e; }
.vtl-consent__btn--accept:hover { background: #ffb84d; border-color: #ffb84d; }

@media (max-width: 600px) {
    .vtl-consent { flex-direction: column; align-items: stretch; }
    .vtl-consent__actions .vtl-consent__btn { flex: 1 1 0; }
}