/* =============================================================================
   SUNDAY-UNIFY — единый слой унификации темы Tusovka (стиль «sunday»).

   Собран из 5 каталогов аудита. Грузить ПОСЛЕДНИМ (после style.css темы,
   style.css плагина, site-header-pro.css, ibd-ui.css, module2-*.css,
   module3-*.css, about.css, help-center.css, chat.css и inline <style> из PHP).
   Все правила с !important — файл должен побеждать.

   Канон:
     PRIMARY   → solid #F5820A, текст #fff, тень 0 10px 26px rgba(245,130,10,.3);
                 hover → #DC7000 + translateY(-2px), filter:none, без градиента.
     SECONDARY → прозрачный фон + оранж рамка/цвет; hover → rgba(245,130,10,.07).
     Поля      → radius 14px, фон #fff, рамка 1.5px #e3ecf2.
     Кнопки/чипы/пилюли/тоглы/бейджи → radius 999px.
     Карточки/панели/модалки → 22px (крупные) / 16px (мелкие поповеры).
     Семантика (success #10b981 / error #ef4444 / danger-logout) — форму меняем,
     цвет НЕ трогаем.

   Организация: первые 5 секций — общий/ядровый слой (плагин IBD core, тема,
   ibd-ui, inline-виджеты). Далее — зонные секции (Хедер / Модуль 2-3 /
   About-Help-Чат). Псевдо-ховеры вынесены в секции «Ховеры» и
   «Холодные серые → тёплые», чтобы не дублировать селекторы.
   ============================================================================= */


/* =============================================================================
   1. КНОПКИ (ядро плагина IBD + тема + ibd-ui + inline-виджеты) — базовые правила
   ============================================================================= */

/* ---- Ядро плагина IBD (style.css): кнопки → пилюля ---- */
.ibd-button,
.ibd-button-sm,
.ibd-quick-action,
.ibd-verify-resend,
.ibd-pagination .page-numbers {
    border-radius: 999px !important;
}

/* PRIMARY: solid #F5820A вместо linear-gradient, канон-тень */
.ibd-button-primary {
    background: #F5820A !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}

/* SECONDARY: прозрачный + оранж рамка/текст вместо сине-серой заливки */
.ibd-button-secondary {
    background: transparent !important;
    color: #B45309 !important;   /* #F5820A на белом - 2.60:1 при норме 4.5:1 */
    border: 1.5px solid #F5820A !important;
}

/* ---- Чипы / фильтр-пилюли ---- */
.ibd-chip {
    border-radius: 999px !important;
    border-color: #e3ecf2 !important;
}
.ibd-chip.is-active {
    background: #F5820A !important;
    border-color: #F5820A !important;
}
/* Community-чип (в style.css плагина) — перебивает и CSS-, и JS-инлайн градиент */
.ibd-cm-chip.is-active {
    background: #F5820A !important;
    background-image: none !important;
    border-color: #F5820A !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}

/* ---- Сегментные табы/тоглы (контейнер-пилюля + overflow, активный — заливка) ---- */
.ibd-role-tabs,
.ibd-fav-tabs {
    border-radius: 999px !important;
    overflow: hidden !important;
}
.ibd-role-tab,
.ibd-fav-tab {
    border-radius: 999px !important;
}
.ibd-role-tab.active {
    background: #F5820A !important;
    background-image: none !important;
    box-shadow: none !important;
}
/* .ibd-fav-tab active остаётся белым (#fff + тень) — по канону, не трогаем */
.ibd-view-toggle.is-active {
    background: #F5820A !important;
    background-image: none !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}

/* ---- Бейджи / теги / пилл-кнопки → пилюля ---- */
.ibd-category-tag,
.ibd-status-badge,
.ibd-price-badge,
.ibd-badge,
.ibd-chip-count,
.ibd-fav-tab-count,
.ibd-social-link,
.ibd-tag,
.ibd-helpful-btn,
.ibd-flag-btn {
    border-radius: 999px !important;
}
/* Категория-бейдж: плоский оранж вместо градиента */
.ibd-category-badge {
    background: #F5820A !important;
    background-image: none !important;
    border-radius: 999px !important;
}
/* Локация-бейдж: success-семантика — цвет плоский #10b981 (не перекрашиваем) */
.ibd-location-badge {
    background: #10b981 !important;
    background-image: none !important;
    border-radius: 999px !important;
}

/* ---- Кнопки модалки/тоста ibd-ui ---- */
.ibd-ui-btn {
    border-radius: 999px !important;
}
.ibd-ui-btn--primary {
    background: #F5820A !important;
    background-image: none !important;
    color: #fff !important;
}
.ibd-ui-btn--ghost {
    background: transparent !important;
    color: #F5820A !important;
    box-shadow: inset 0 0 0 1.5px #F5820A !important;
}
/* danger — семантика: плоский #ef4444 вместо градиента, цвет не меняем */
.ibd-ui-btn--danger {
    background: #ef4444 !important;
    background-image: none !important;
}

/* ---- Тема (style.css темы): кнопки → пилюля ---- */
.btn,
.btn-secondary,
.btn-outline,
.menu-toggle,
.primary-menu a {
    border-radius: 999px !important;
}
.btn-primary {
    background: #F5820A !important;
    background-image: none !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}
/* Чипы категорий/тегов записи: плоский оранж + пилюля вместо градиента */
.post-categories a,
.post-tags a {
    border-radius: 999px !important;
    background: #F5820A !important;
    background-image: none !important;
}

/* ---- Inline-виджеты темы (cookie-consent / accessibility) — класс-хуки ---- */
.tus-cookie__btn,
.tus-a11y-opt,
.tus-a11y-state,
.tus-a11y-reset {
    border-radius: 999px !important;
}
.tus-cookie__btn--decline {
    border-color: #e3ecf2 !important;
}
.tus-a11y-opt[aria-pressed="true"] {
    background: rgba(245, 130, 10, .07) !important;
}
/* Reset — тёмная ink-пилюля из палитры канона (был чужой #1f2937) */
.tus-a11y-reset {
    background: #1E2A32 !important;
}


/* =============================================================================
   2. ПОЛЯ ВВОДА (ядро плагина IBD + тема) → radius 14, фон #fff, рамка 1.5px #e3ecf2
   ============================================================================= */

.ibd-input,
.ibd-select,
.ibd-review-input,
.ibd-review-textarea,
.ibd-owner-response-input,
.ibd-auth-field input,
.ibd-form-field input,
.ibd-form-field textarea,
.ibd-form-field select,
.search-field,
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    border-radius: 14px !important;
    background: #fff !important;
    border: 1.5px solid #e3ecf2 !important;
}


/* =============================================================================
   3. КАРТОЧКИ / ПОВЕРОВЫ (ядро + тема + ibd-ui)
   ============================================================================= */

/* Модалка ibd-ui — крупная 22px; тост-поповер — 16px */
.ibd-ui-modal {
    border-radius: 22px !important;
}
.ibd-toast {
    border-radius: 16px !important;
}
/* Тема: панели/карточки → 16px */
.widget,
.comment,
.post-categories,
.post-tags,
.ibd-faq-item,
.nav-previous,
.nav-next {
    border-radius: 16px !important;
}
/* Тема: карточка записи — мягкая сине-подкрашенная тень вместо чёрной */
.post-card {
    box-shadow: 0 4px 16px rgba(24, 60, 90, .08) !important;
}


/* =============================================================================
   4. ХОВЕРЫ — устранение градиент/brightness-ховеров, PRIMARY темнеет до #DC7000
   ============================================================================= */

/* PRIMARY-кнопки: hover → #DC7000, без градиента/фильтра, лёгкий подъём */
.ibd-button-primary:hover,
.btn-primary:hover,
.ibd-ui-btn--primary:hover,
.ibd-category-badge:hover,
.shp-cta--gradient:hover,
.ibd-ab-btn--grad:hover,
.ibd-hc-btn--grad:hover,
.aisc-send:hover,
.ibd-feed-cal-apply:hover,
.ibd-feed-empty-cta:hover,
.ibd-feed-near.is-active:hover,
.commpage .tk-cta:hover,
.ld-cta:hover,
.pf-cta:hover,
.act-submit-code:hover,
.act-submit-account:hover,
.act-go-community:hover,
[data-ci-mark]:hover {
    background: #DC7000 !important;
    background-image: none !important;
    color: #fff !important; /* текст белым на оранжевом ховере (был оранжевый inline -> «пропадал») */
    transform: translateY(-2px) !important;
    filter: none !important;
}
/* Тема .btn-primary — усиленная канон-тень на hover */
.btn-primary:hover {
    box-shadow: 0 12px 30px rgba(245, 130, 10, .34) !important;
}

/* Кнопки, где hover был мутным filter:brightness поверх градиента — снять фильтр */
.shp-cta:hover,
.ibd-hc-btn:hover,
.ec-cta:hover {
    filter: none !important;
    transform: translateY(-2px) !important;
}

/* aisc-send: активное нажатие */
.aisc-send:active {
    transform: translateY(0) scale(.97) !important;
}

/* Нав-табы темы: сплошная заливка вместо градиента на hover/current */
.primary-menu a:hover,
.primary-menu .current-menu-item > a {
    background: #F5820A !important;
    background-image: none !important;
    color: #fff !important;
}

/* Пагинация ядра: hover/current — плоский оранж-фон вместо градиента */
.ibd-pagination .page-numbers:hover,
.ibd-pagination .page-numbers.current {
    background: #F5820A !important;
    background-image: none !important;
    border-color: #F5820A !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}

/* disabled PRIMARY не должен «подпрыгивать»/темнеть */
.ld-cta[disabled]:hover,
.ld-cta:disabled:hover {
    transform: none !important;
    background: #F5820A !important;
}

/* Уважать prefers-reduced-motion — не возвращать transform */
@media (prefers-reduced-motion: reduce) {
    .ibd-button-primary:hover,
    .btn-primary:hover,
    .ibd-ui-btn--primary:hover,
    .shp-cta:hover,
    .shp-cta--gradient:hover,
    .ibd-ab-btn--grad:hover,
    .ibd-hc-btn:hover,
    .aisc-send:hover,
    .ibd-feed-cal-apply:hover,
    .ibd-feed-empty-cta:hover,
    .ibd-feed-near.is-active:hover,
    .commpage .tk-cta:hover,
    .actpage .tk-cta:hover,
    .ld-cta:hover,
    .pf-cta:hover {
        transform: none !important;
    }
}


/* =============================================================================
   5. ХОЛОДНЫЕ СЕРЫЕ → ТЁПЛЫЕ — ghost/icon/menu/tile hover-фоны в канон-тепло
   ============================================================================= */

/* SECONDARY/ghost hover: тёплый rgba(245,130,10,.07) + оранж рамка/текст,
   вместо холодного #eaf1f6 / #f5f6fb или сплошной оранжевой заливки */
.ibd-button-secondary:hover,
.btn-secondary:hover,
.ibd-ui-btn--ghost:hover,
.ibd-ab-btn--ghost:hover,
.ibd-hc-btn--ghost:hover,
.ibd-feed-ghost:hover,
.evpage .tk-ghost:hover,
.commpage .tk-ghost:hover,
.ld-ghost:hover,
.pf-ghost:hover,
.shp-ghost:hover,
.tus-cookie__btn--decline:hover {
    background: rgba(245, 130, 10, .07) !important;
    border-color: #F5820A !important;
    color: #DC7000 !important;
}

/* Icon-кнопки / пункты меню / плитки / саджест / активный мега-таб:
   холодный сине-серый фон → тёплый */
.shp-icon-btn:hover,
.shp-sheet-tile:hover,
.shp-menu-item:hover,
.shp-suggest-item:hover,
.shp-suggest-item.is-active,
.shp-mega-toggle[aria-expanded="true"],
.pf-nav-link:hover,
.tus-a11y-opt:hover {
    background: rgba(245, 130, 10, .07) !important;
}
.shp-icon-btn:hover,
.pf-nav-link:hover {
    color: #DC7000 !important;
}
/* sheet-close: тёплый фон вместо холодного #f4f5fb (базовое состояние) */
.shp-sheet-close {
    background: rgba(245, 130, 10, .07) !important;
}


/* =============================================================================
   6. ХЕДЕР (.shp-*)
   ============================================================================= */

/* ---- Кнопки хедера → пилюля ---- */
.shp-cta,
.shp-cta--block,
.shp-icon-btn,
.shp-sheet-close,
.shp-ghost,
.shp-sheet-login,
.shp-sheet-register,
.shp-sheet-logout,
.shp-lang-pill,
.shp-card-pill,
.shp-sheet-cardpill,
.shp-lang-badge {
    border-radius: 999px !important;
}
/* PRIMARY CTA: solid #F5820A + канон-тень, без градиента */
.shp-cta--gradient {
    background: #F5820A !important;
    background-image: none !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}
/* Тёмная / register CTA — ink #1E2A32 (был чужой почти-чёрный #111827) */
.shp-cta--dark,
.shp-sheet-register {
    background: #1E2A32 !important;
}
.shp-sheet-login {
    border-color: #e3ecf2 !important;
}

/* ---- Поля хедера → radius 14, фон #fff, рамка #e3ecf2 ---- */
.shp-search-field,
.shp-mobile-search-field,
.shp-sheet-search {
    border-radius: 14px !important;
    background: #fff !important;
    border-color: #e3ecf2 !important;
}

/* ---- Карточки-плитки → 16, дропдауны → 16 + мягкая сине-тень ---- */
.shp-mega-cat,
.shp-sheet-tile {
    border-radius: 16px !important;
}
.shp-suggest {
    border-radius: 16px !important;
}
.shp-profile-drop,
.shp-suggest {
    box-shadow: 0 24px 54px -20px rgba(24, 60, 90, .16) !important;
}


/* =============================================================================
   7. МОДУЛЬ 2/3 (.ibd-feed-* / .ev-* / .tk-* / .ld-* / .pf-* / .act-* / data-ci / data-cm)
   ============================================================================= */

/* ---- Поля ввода модулей → radius 14, фон #fff, рамка #e3ecf2 ---- */
.pf-input,
.ld-cell,
.ld .select2-container--default .select2-selection--single,
.ld .select2-selection--single,
.evpage .ev-qa-input,
.commpage [data-cm-field],
.tk-cell,
.tk-field,
.otp-cell,
.ibd-feed-search,
.actpage input[type="text"],
.actpage input[type="email"],
.actpage input[type="password"],
.actpage input[type="tel"] {
    border-radius: 14px !important;
    background: #fff !important;
    border: 1.5px solid #e3ecf2 !important;
}
/* Инпут-«оболочки» (бордер на обёртке поиска/кода) → 14, рамка #e3ecf2 */
.commpage [data-cm-search-wrap],
.ld [data-ci-input-wrap] {
    border-radius: 14px !important;
    border-color: #e3ecf2 !important;
}

/* ---- Сегментные табы/тоглы: контейнер-пилюля + overflow, сегменты — пилюля ---- */
.ibd-feed-segwrap,
.ibd-feed-viewtoggle,
.ld-seg {
    border-radius: 999px !important;
    overflow: hidden !important;
}
.ibd-feed-seg,
.ld-seg button,
.pf-seg,
.commpage [data-cm-tab],
.act-tab {
    border-radius: 999px !important;
}

/* ---- Все кнопки/чипы модулей → пилюля 999 ---- */
.ec-cta,
.ev-cta,
.tk-cta,
.tk-ghost,
.ld-cta,
.ld-ghost,
.pf-cta,
.pf-ghost,
.pf-chip,
.ev-qa-ask,
.ev-route,
.ev-done-cta,
.ev-done-ghost,
.ev-live-cta,
.ev-live-ghost,
.ev-cal-btn,
.ev-share-btn,
.ev-btn-share,
.ev-btn-invite,
.ev-date-chip,
.ev-host-more,
.ibd-feed-ghost,
.ibd-feed-chip,
.ibd-feed-cal-apply,
.ibd-feed-empty-cta,
.ibd-feed-more-btn,
.ibd-feed-minicard-open,
.act-submit-code,
.act-submit-account,
.act-back-code,
.act-reentry,
.act-go-community,
[data-ci-mark],
[data-ci-done],
[data-ci-scan-open],
[data-ci-scan-stop],
[data-ci-denied-back],
[data-ci-filter],
[data-ci-close] {
    border-radius: 999px !important;
}

/* ---- Однозначно-оранжевые PRIMARY → solid #F5820A, канон-тень, без градиента ----
   (перегруженные .tk-cta / .ec-cta / .ev-cta НЕ форсируем по фону — см. отчёт,
   их цвет задаётся inline в PHP/JS и несёт going/waitlist/hero-семантику) */
.pf-cta,
.ld-cta,
.act-submit-code,
.act-submit-account,
.act-go-community,
.ev-btn-invite,
.ev-qa-ask,
.ev-live-cta,
.ev-done-cta,
.ibd-feed-cal-apply,
.ibd-feed-empty-cta,
.ibd-feed-minicard-open,
.ibd-feed-near.is-active,
.ibd-feed-viewtoggle .ibd-feed-seg.is-active,
.commpage [data-cm-tab][aria-selected="true"],
[data-ci-mark] {
    background: #F5820A !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}
/* активный сегмент/тогл без тени-подложки; активный «Рядом» — оранж рамка */
.ibd-feed-viewtoggle .ibd-feed-seg.is-active {
    box-shadow: none !important;
}
.ibd-feed-near.is-active {
    border-color: #F5820A !important;
}

/* ---- SECONDARY/ghost модулей: прозрачный фон + оранж рамка (холодную заливку убрать) ---- */
.evpage .ev-cal-btn,
.evpage .ev-live-ghost,
.evpage .ev-done-ghost {
    background: transparent !important;
    background-image: none !important;
    border: 1.5px solid #F5820A !important;
    color: #DC7000 !important;
}

/* ---- Декор-градиенты с чужими цветами (не кнопки) → бренд #F5820A ---- */
.evpage .ev-comm-mono {                                   /* был циан #22d3ee */
    background: #F5820A !important;
    background-image: none !important;
}
.ibd-feed-pin.is-selected .ibd-feed-pin-drop {            /* маркер выбранного пина */
    background: #F5820A !important;
    background-image: none !important;
}

/* ---- Крупные панели/модалки → 22, мелкие поповеры → 16 ---- */
.pf-card-box,
.ibd-feed-empty,
.evpage .ev-rsvp,
.evpage .ev-live-panel,
.evpage .ev-done-panel,
.evpage .ev-host,
.commpage [role="dialog"],
.ld [role="dialog"] > div,
.ibd-nav-link {                                          /* пред/след бизнеса — карточный блок, канон 22 (был 12) */
    border-radius: 22px !important;
}
.ibd-feed-minicard,
.select2-dropdown {
    border-radius: 16px !important;
}


/* =============================================================================
   8. ABOUT / HELP / ЧАТ (.ibd-ab-* / .ibd-hc-* / .aisc-*)
   ============================================================================= */

/* ---- about.css ---- */
.ibd-ab-btn {
    border-radius: 999px !important;                      /* бьёт и CTA-оверрайды 13px */
}
.ibd-ab-btn--grad {
    background: #F5820A !important;                        /* solid вместо градиента */
    background-image: none !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}
.ibd-ab-btn--ghost {
    background: transparent !important;
    border-color: #F5820A !important;
    color: #F5820A !important;
}
.ibd-ab-dir,
.ibd-ab-cta {
    border-radius: 22px !important;
}
.ibd-ab-dir-badge {
    border-radius: 16px !important;
}

/* ---- help-center.css ---- */
.ibd-hc-btn {
    border-radius: 999px !important;
}
.ibd-hc-btn--grad {
    background: #F5820A !important;
    background-image: none !important;
    box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important;
}
.ibd-hc-btn--ghost {
    background: transparent !important;
    border-color: #F5820A !important;
    color: #F5820A !important;
}
.ibd-hc-search {
    border-radius: 14px !important;
    border-color: #E3ECF2 !important;
}
.ibd-hc-noresults,
.ibd-hc-contact,
.ibd-hc-cat {                                             /* плитка категории — карточный канон 22 (была 16) */
    border-radius: 22px !important;
}
/* Счётчик вопросов в плитке — тёплый тинт вместо холодного #f4f5fb */
.ibd-hc-cat-count {
    background: rgba(245, 130, 10, .10) !important;
    color: #A65200 !important;
}

/* ---- ai-support-chat / chat.css ---- */
.aisc-send {
    border-radius: 999px !important;
    background: #F5820A !important;                        /* solid вместо --aisc-grad */
    background-image: none !important;
    box-shadow: 0 8px 20px -6px rgba(245, 130, 10, .3) !important;
}
/* Лаунчер solid (круг остаётся); бренд-градиент живёт на хедере чата/баблах */
.aisc-toggle {
    background: #F5820A !important;
    background-image: none !important;
}
.aisc-head-close,
.aisc-head-btn,
.aisc-emoji,
.aisc-attach,
.aisc-hist-new {
    border-radius: 999px !important;
}
.aisc-topic {
    border-radius: 16px !important;
    border-color: #E3ECF2 !important;
}
.aisc-escalate {
    border-radius: 16px !important;
}
.aisc-inputwrap {
    border-radius: 14px !important;
    background: #fff !important;
    border-color: #E3ECF2 !important;
}
.aisc-emoji-pop,
.aisc-hist-item {
    border-radius: 16px !important;
}
.aisc-panel {
    border-radius: 22px !important;
}


/* =============================================================================
   9. ОСТАТОЧНЫЕ ОТКЛОНЕНИЯ — доп. проход после статического аудита (3 агента)
   Элементы без класс-хука в базовых секциях + холодные фоны актив-состояний.
   ============================================================================= */

/* --- Радиусы: кнопки/сегмент-контейнеры без хука → пилюля --- */
/* Контакт-модалка комьюнити: submit + «Готово» оставались 12px */
.commpage [data-cm-contact-submit],
.commpage [data-cm-contact-close] {
    border-radius: 999px !important;
}
/* Сегмент-контейнеры: внутренние табы уже пилюли, сами контейнеры — нет */
.act-tabs,
.commpage [role="tablist"] {
    border-radius: 999px !important;
    overflow: hidden !important;
}

/* --- Градиент → solid: категория-тег (был primary→primary-dark) --- */
/* :not(.ibd-more) — вариант «+N ещё» оставляем нейтральным */
.ibd-category-tag:not(.ibd-more) {
    background: #F5820A !important;
    background-image: none !important;
    color: #fff !important;                 /* был оранж-текст на оранж-фоне → невидим */
}

/* --- Активные ЧИПЫ с холодным #eaf1f6 → тёплый tint + оранж рамка/текст --- */
.pf-chip--on,
.evpage .ev-date-chip[data-active="true"],
.ibd-feed-achip {
    background: rgba(245, 130, 10, .07) !important;
    border-color: #F5820A !important;
    color: #DC7000 !important;
}

/* --- Activation: unify покрыл commpage/evpage tk-hover, actpage пропущен --- */
.actpage .tk-cta:hover {
    background: #DC7000 !important;
    background-image: none !important;
    filter: none !important;
    transform: translateY(-2px) !important;
}
.actpage .tk-ghost:hover,
.pf-ghost:hover {                                        /* профиль: ghost-ховер был холодный #eaf1f6 */
    background: rgba(245, 130, 10, .07) !important;
    border-color: #F5820A !important;
    color: #DC7000 !important;
}

/* --- Icon-close (кабинет лидера / чек-ин): холодный #f4f5fb → тёплый --- */
[data-ld-modal-close],
[data-ci-close] {
    background: rgba(245, 130, 10, .07) !important;
}

/* --- Хедер: саджест «Показать все» + языковые чипы (RU-индикатор) --- */
.shp-suggest-all:hover {
    background: rgba(245, 130, 10, .07) !important;
    color: #DC7000 !important;
}
/* Языковой RU-индикатор: приглушённый нейтральный (сайт RU-only, кликом не
   переключается) - чтобы не выглядел как активная кнопка с оранж-рамкой. */
.shp-lang-pill,
.shp-lang-badge {
    background: rgba(30, 42, 50, .04) !important;
    border-color: #E3ECF2 !important;
    color: #5B7385 !important;
}
/* Лупа поиска в ОТКРЫТОМ состоянии: тёплая заливка вместо холодного #eaf1f6 */
.shp-icon-btn[aria-expanded="true"] {
    background: rgba(245, 130, 10, .07) !important;
    color: #DC7000 !important;
}

/* --- Холодные сине-серые фоны мелких счётчиков/индикаторов → тёплый tint --- */
.ibd-feed-count,
.ibd-fav-tab.is-active .ibd-fav-tab-count,
.evpage .ev-av-more,
.ibd-hc-row.is-open .ibd-hc-q-chev {
    background: rgba(245, 130, 10, .07) !important;
}

/* Share-кнопки события: фон БЕЛЫЙ и в покое, и на hover (просьба заказчика). */
.evpage .ev-btn-share { background: #fff !important; }
.evpage .ev-btn-share:hover,
.evpage .ev-share-btn:hover {
    background: #fff !important;
    border-color: #F5820A !important;
    color: #DC7000 !important;
}
/* Плейсхолдеры-карты в профиле («Активировать карту» и т.п.): скруглённый
   ПРЯМОУГОЛЬНИК, а не пилюля (просьба заказчика). */
.pf-dashed { border-radius: 20px !important; }

/* ЕДИНЫЙ ФОН СТРАНИЦ: у плагинных обёрток был холодный #f4f5fb, а body - sky
   #EAF4FB → шов под хедером. Делаем обёртки прозрачными → везде единый sky-фон. */
.pf,
.evpage,
.ibd-feed-wrapper,
.ibd-ab-main,
.ibd-hc-main,
.ibd-lg-main,
.ld {
    background: transparent !important;
}

/* Кликабельная целиком карточка комьюнити (stretched-link) - видимый фокус клавиатуры */
.ibd-cm-card-link:focus-visible {
    outline: 2px solid #F5820A;
    outline-offset: 2px;
    border-radius: 16px;
}


/* =============================================================================
   10. АНТИ-СЖАТИЕ — фикс-размерные круги/иконки/аватары во flex-строках на узком
   экране. flex:none на не-flex-детях = no-op, поэтому безопасно и широко.
   (по статическому аудиту 3 агентов; закрывает деформацию при длинных именах)
   ============================================================================= */
img.avatar,                          /* ВСЕ WP get_avatar (комменты, кабинет, hero комьюнити, автор) */
.club-lead .who img,                 /* аватар лидера в карточке клуба */
.foot-cities svg,                    /* гео-иконка в футер-пилюле */
.brand .sun,                         /* солнышко логотипа (nav/footer) */
.idcard-brand .sun,                  /* солнышко бренда в ID-карте */
.idcard-status::before,              /* точка статуса ID-карты */
.burger,                             /* бургер-кнопка */
.shp-search-head .cls,               /* крестик мобильного поиска */
.shp-sheet-badge,
.shp-avatar,
.evpage .ev-comm-mono,               /* монограмма комьюнити на событии */
.evpage .ev-av,
.evpage .ev-av-you,
.evpage .ev-av-more,                 /* стек аватаров идущих */
.evpage .ev-host-venue img,          /* превью площадки */
.evpage .tk-livedot,                 /* live-точка (chip/banner/head) */
.evpage .ev-host-div,                /* вертикальный разделитель */
.ibd-feed-geodot,                    /* гео-точка в geopill */
.ibd-feed-achip-x,                   /* крестик чипа фильтра */
.ibd-feed-cal-legdot,                /* точка легенды календаря */
.ibd-ab-eyebrow-dot,                 /* точка eyebrow about */
.ibd-avstack,
.ibd-avstack > *,                    /* стек аватаров карточки события (render) */
.act-rail-item,
.act-rail-dot,
.act-rail-line,                      /* рейл шагов активации */
[data-ld-modal-close],
[data-ci-close] {                    /* крестики модалок кабинета/чек-ина */
    flex: none !important;
}


/* =============================================================================
   11. ЕДИНЫЙ КОМПОНЕНТ СТРЕЛОК КАРУСЕЛЕЙ + плавающий сайдбар (мобайл-статик)
   ============================================================================= */

/* Круглые кнопки-стрелки: белые, сине-тень, оранж SVG-шеврон, hover-подъём.
   Один стиль для ВСЕХ каруселей (событие / комьюнити / клубы). */
.tus-cnav { display: inline-flex; align-items: center; gap: 10px; }
.tus-cnav-btn {
    flex: none; width: 44px; height: 44px; border-radius: 999px;
    display: inline-flex; align-items: center; justify-content: center;
    background: #fff; border: 1.5px solid #E3ECF2; color: #F5820A; cursor: pointer; padding: 0;
    box-shadow: 0 8px 22px -8px rgba(24, 60, 90, .28);
    transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.tus-cnav-btn svg { width: 20px; height: 20px; display: block; }
.tus-cnav-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -8px rgba(245, 130, 10, .42); border-color: #F5820A; background: #fff; color: #DC7000; }
.tus-cnav-btn:active { transform: translateY(-1px) scale(.96); }
.tus-cnav-btn[disabled],
.tus-cnav-btn:disabled,
.tus-cnav-btn.swiper-button-disabled {
    opacity: .35; cursor: default; box-shadow: none; transform: none;
    border-color: #E3ECF2; color: #9DB2C2; pointer-events: none;
}
/* Когда каруселить нечего (нет переполнения) — прячем блок стрелок */
.tus-cnav-idle .tus-cnav { display: none; }

/* Стрелки каруселей ПО БОКАМ трека (вместо шапки): по центру по вертикали, слева/справа.
   .tus-vp — обёртка вокруг трека (position:relative); кнопки .tus-cnav-side абсолютны.
   Scope .tus-vp повышает специфичность, чтобы переопределить transform базовых состояний. */
.tus-vp { position: relative; }
.tus-vp .tus-cnav-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 6;
}
.tus-vp .tus-cnav-side--prev { left: -6px; }
.tus-vp .tus-cnav-side--next { right: -6px; }
.tus-vp .tus-cnav-side:hover { transform: translateY(-50%) scale(1.07); }
.tus-vp .tus-cnav-side:active { transform: translateY(-50%) scale(.95); }
.tus-vp .tus-cnav-side[disabled],
.tus-vp .tus-cnav-side:disabled,
.tus-vp .tus-cnav-side.swiper-button-disabled { transform: translateY(-50%); }
@media (max-width: 720px) {
    .tus-vp .tus-cnav-side { width: 38px; height: 38px; }
    .tus-vp .tus-cnav-side--prev { left: -2px; }
    .tus-vp .tus-cnav-side--next { right: -2px; }
}

/* Скрыть скроллбар у scroll-snap треков каруселей */
[data-tus-carousel] { scrollbar-width: none; -ms-overflow-style: none; }
[data-tus-carousel]::-webkit-scrollbar { display: none; height: 0; }

/* Плавающий сайдбар: на мобайле рейл в обычном потоке (JS чистит inline top и бейлит).
   Брейкпоинт совпадает с mobileMQ в sunday.js (980px). */
@media (max-width: 980px) {
    [data-floating-sidebar] { position: static !important; top: auto !important; }
}

/* Логотип-солнце: ОДНА скорость в хедере, футере и на странице активации карты.
   Единый источник - переменная --tus-sun-spin (её же читает header sun в sunday-skin.css
   и вращающееся солнышко у слова «Тусовка» на /activate-card/). */
:root { --tus-sun-spin: 9s; }
@keyframes tusSunSpin { to { transform: rotate(360deg); } }
.brand .sun { animation: tusSunSpin var(--tus-sun-spin, 9s) linear infinite; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: reduce) { .brand .sun { animation: none !important; } }

/* ── HERO под фикс-хедер (убираем белую полосу над цветными hero везде) ──
   Тянем hero вверх под шапку margin-ом; ::before-спейсер высотой в хедер держит
   контент на месте при ЛЮБОМ брейкпоинте (собственные адаптивные паддинги hero не трогаем).
   События (.ibd-feed-hero), событие (.ev-hero), комьюнити (.cm-hero) подтянуты в своих файлах. */
.ibd-ab-hero,
.ibd-lg-hero,
.ibd-hc-hero {
    margin-top: calc(-1 * var(--shp-header-h, 79px));
}
.ibd-ab-hero::before,
.ibd-lg-hero::before,
.ibd-hc-hero::before {
    content: "";
    display: block;
    height: var(--shp-header-h, 79px);
}
/* Бизнес: image-hero (высота вместо паддинга; контент - сиблинг ниже) */
.ibd-business-hero {
    margin-top: calc(-1 * var(--shp-header-h, 79px));
    height: calc(400px + var(--shp-header-h, 79px));
}
@media (max-width: 768px) { .ibd-business-hero { height: calc(240px + var(--shp-header-h, 79px)); } }
@media (max-width: 480px) { .ibd-business-hero { height: calc(180px + var(--shp-header-h, 79px)); } }
/* Обёртки тукнутых hero-страниц: без верхнего паддинга (иначе зазор над hero;
   clearance от хедера даёт ::before самого hero). */
.ibd-ab-main,
.ibd-hc-main,
.ibd-lg-main {
    padding-top: 0 !important;
}

/* ── Вход через соцсети (Google / Facebook) ──
   Фирменные цвета провайдеров (узнаваемость), но форма - пилюля, как у всех кнопок
   Tusovka. Правила с !important: этот файл грузится последним и должен побеждать. */
.ibd-social-auth { margin: 0 0 4px; }
.ibd-social-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    padding: 13px 18px !important;
    border-radius: 999px !important;          /* пилюля - как остальные кнопки проекта */
    font-family: inherit;
    font-size: 14.5px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    user-select: none;
    transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .26s ease;
}
.ibd-social-btn + .ibd-social-btn { margin-top: 10px; }
.ibd-social-btn:hover { transform: translateY(-1px); }
.ibd-social-btn:active { transform: translateY(0) scale(.995); }
.ibd-social-btn:focus-visible { outline: 2px solid #dc7000; outline-offset: 2px; }

/* Google - светлая кнопка с рамкой (фирменный «белый» вариант) */
.ibd-social-btn--google {
    background: #fff !important;
    border: 1.5px solid #dadce0 !important;
    color: #1f2328 !important;
}
.ibd-social-btn--google:hover { background: #f6f8fa !important; border-color: #c8ccd1 !important; color: #1f2328 !important; }
.ibd-social-btn--google:active { background: #eaeef2 !important; }

/* Facebook - фирменный синий */
.ibd-social-btn--facebook {
    background: #1877F2 !important;
    border: 1.5px solid #1877F2 !important;
    color: #fff !important;
    box-shadow: 0 10px 24px -10px rgba(24, 119, 242, .55);
}
.ibd-social-btn--facebook:hover { background: #166fe0 !important; border-color: #166fe0 !important; color: #fff !important; }
.ibd-social-btn--facebook:active { background: #1463cc !important; border-color: #1463cc !important; }

.ibd-social-btn__icon { display: inline-flex; align-items: center; width: 18px; height: 18px; flex: none; }
.ibd-social-btn__icon svg { display: block; width: 100%; height: 100%; }
.ibd-social-btn__label { display: inline-block; }

/* Разделитель «или» между соцвходом и обычной формой */
.ibd-social-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 16px;
    color: #9ca3af;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ibd-social-divider::before,
.ibd-social-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3ecf2;
}

@media (prefers-reduced-motion: reduce) {
    .ibd-social-btn { transition: none !important; }
    .ibd-social-btn:hover, .ibd-social-btn:active { transform: none !important; }
}


/* =============================================================================
   ТЕКСТ НА ОРАНЖЕВОМ - крупный и жирный
   Белый на #F5820A даёт 2.6:1, а цвет фирменный и не меняется. Поэтому текст на
   оранжевых кнопках держит WCAG «крупный текст» (от 18.66px при 700+, у нас 19px/800)
   и лёгкую тёмную тень у букв - только там, где фон оранжевый. Основные правила живут
   в CSS компонентов; здесь - то, чьи стили сидят в PHP темы:
   cookie-баннер (inline <style> в inc/cookie-consent.php) и блог (blog.css
   подключается из inc/blog.php, у которого своя версия).
   ============================================================================= */

/* Cookie: «Принять» не крупнее «Отклонить» - равный вес выбора, без подталкивания к
   согласию. Поэтому размер прежний: только вес 800 и тень. */
.tus-cookie__btn--accept {
    font-weight: 800 !important;
    text-shadow: 0 1px 1px rgba(120, 50, 0, .35);
}
/* Блог: «Подписаться» - крупная; активная пилюля рубрики мелкая по дизайну (размер прежний). */
.tus-nl--band .tus-nl__btn,
.tus-nl--card .tus-nl__btn {
    font-size: 19px !important;
    text-shadow: 0 1px 1px rgba(120, 50, 0, .35);
}
.tus-pill.is-active {
    font-weight: 800 !important;
    text-shadow: 0 1px 1px rgba(120, 50, 0, .35);
}
/* Полоса подписки на узком экране: поле и «Подписаться» не помещались в одну строку,
   кнопка уезжала за правый край (было и до 19px). Ставим столбиком, как в карточке.
   flex: none - в столбце flex-basis работает по высоте: 320px у текста и 360px у формы
   давали пустую дыру над полем, а flex: 1 у поля сплющивал его высоту 52px. */
@media (max-width: 620px) {
    .tus-nl--band .tus-nl__text,
    .tus-nl--band .tus-nl__form { flex: none; }
}
@media (max-width: 480px) {
    .tus-nl--band .tus-nl__row { flex-direction: column; }
    .tus-nl--band .tus-nl__input { flex: none; min-width: 0; }
    .tus-nl--band .tus-nl__btn { justify-content: center; }
}
