/* Cookie banner — оформление на токенах сайта (resources/scss/plai/_tokens.scss) */
#cc-main {
    --cc-font-family: var(--font);
    --cc-modal-border-radius: var(--r-lg);
    --cc-btn-border-radius: var(--r-sm);
    --cc-primary-color: var(--c-text);
    --cc-secondary-color: var(--c-muted);
    --cc-btn-primary-bg: var(--c-primary);
    --cc-btn-primary-border-color: var(--c-primary);
    --cc-btn-primary-hover-bg: var(--c-primary-dark);
    --cc-btn-primary-hover-border-color: var(--c-primary-dark);
    --cc-btn-secondary-bg: #F1F0F6;
    --cc-btn-secondary-border-color: #F1F0F6;
    --cc-btn-secondary-hover-bg: var(--c-border);
    --cc-btn-secondary-hover-border-color: var(--c-border);
    --cc-toggle-on-bg: var(--c-primary);
    --cc-separator-border-color: var(--c-border);
}
#cc-main a { color: var(--c-primary); }

/* Окно как карточка: рамка + мягкая тень, при наведении сильнее */
#cc-main .cm.cm--box {
    max-width: 340px !important;
    width: calc(100vw - 32px) !important;
    border: 1px solid var(--c-border) !important;
    box-shadow: var(--shadow-card) !important;
    transition: box-shadow .2s ease;
}
#cc-main .cm.cm--box:hover { box-shadow: var(--shadow-pop) !important; }
#cc-main .cm .cm__title { font-size: 16px !important; }
#cc-main .cm .cm__desc { font-size: 13px !important; line-height: 1.45 !important; }
#cc-main .cm .cm__btn { min-height: 40px; font-size: 14px !important; }

/* Десктоп/планшет — по левому краю контейнера (.container padding), мобильный — по центру */
#cc-main .cm.cm--left { left: 1.9375rem !important; }
@media (max-width: 640px) {
    #cc-main .cm.cm--box { left: 0 !important; right: 0 !important; margin-left: auto !important; margin-right: auto !important; }
}

/* Плавающая кнопка «Настройки cookie» (после выбора) — слева внизу, как карточка */
#cc-reopen {
    position: fixed;
    left: 1.9375rem;
    bottom: 1.25rem;
    z-index: 2147483000;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--c-border);
    border-radius: var(--r-md);
    background: var(--c-card);
    color: var(--c-primary);
    box-shadow: var(--shadow-card);
    cursor: pointer;
    transition: box-shadow .2s ease, transform .2s ease;
}
#cc-reopen:hover { box-shadow: var(--shadow-pop); transform: translateY(-1px); }
#cc-reopen:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; }
@media (max-width: 640px) {
    #cc-reopen { left: 1rem; bottom: 1rem; width: 40px; height: 40px; }
}

/* В приложении (WebView, body._inApp) иконку не показываем — пункт настроек будет в меню аккаунта приложения */
body._inApp #cc-reopen { display: none !important; }