/* ============================================================
   Sunday skin — типографика Baloo 2 + Manrope и небесно-голубой фон.
   Грузится последним, поверх темы и плагина. Только визуальный слой.
   ============================================================ */

/* Тело/UI — Manrope; заголовки — округлый дисплейный Baloo 2 */
body,
.tusovka-theme,
.ibd-container,
button, input, textarea, select,
.btn, .ibd-btn, .ibd-button {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

h1, h2, h3,
.display, .brand, .site-title,
[class*="hero-title"], [class*="section-title"], [class*="-heading"],
.ibd-hero h1, .ibd-hero h2, .ibd-section-title, .ibd-page-title {
    font-family: 'Baloo 2', 'Manrope', system-ui, sans-serif !important;
    letter-spacing: -0.005em;
}

/* Небесно-голубой фон страницы (как на лендинге sunday); карточки/поля — светлые */
body {
    background: #EAF4FB;
}
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"], input[type="url"],
textarea, select {
    background: #ffffff;
}

/* ============================================================
   Sunday — правки коллизий классов темы/плагина на лендинге
   ============================================================ */

/* Кнопки: текст НЕ должен пропадать на hover (глобальный a:hover красил в оранжевый) */
.nav-pill, .nav-pill:hover, .nav-pill:focus,
.btn-primary, .btn-primary:hover, .btn-primary:focus,
.go, .go:hover, .go:focus,
.mm-cta, .mm-cta:hover { color: #fff !important; }
.btn-ghost, .btn-ghost:hover { color: var(--orange-deep) !important; }
.manifesto .btn-ghost, .manifesto .btn-ghost:hover { color: #fff !important; }
.btn-light { background: #fff !important; color: #1E2A32 !important; }
/* Ховер белой кнопки: оранжевый фон + белый текст (было залочено на белый - текст «пропадал») */
.btn-light:hover, .btn-light:focus-visible { background: var(--orange) !important; color: #fff !important; }
.btn-light .ic { background: var(--orange) !important; color: #fff !important; }
.btn-light:hover .ic { background: #fff !important; color: var(--orange) !important; }
.nav-login, .nav-login:hover { color: #1E2A32 !important; }
.nav-links a { color: var(--ink-soft) !important; }
.nav-links a:hover { color: var(--sky-deep) !important; }
.sec-link, .sec-link:hover { color: var(--sky-deep) !important; }

/* Клубы: белый текст поверх тёмного фото (глобальный h3{color:ink} перебивал) */
.club h3, .club .club-city, .club-lead .who b, .club-lead .who span, .club-count { color: #fff !important; }
.club-lead .who i { color: #CFE3F1 !important; }

/* Тёмный футер: светлые ссылки/бренд */
footer .foot-col a { color: #C7DAE7 !important; }
footer .foot-col a:hover { color: var(--sun) !important; }
footer .foot-brand .brand, footer .brand { color: #fff !important; }
footer .foot-col h4 { color: #6C8497 !important; }

/* ============================================================
   Единый стиль кнопок на ВСЕХ страницах: пилюли sunday
   ============================================================ */
[class*="ibd-btn"], .ibd-button, .ibd-cta a, .ibd-cta-btn,
.ld-btn, a.ibd-more, .ibd-filter-apply, .ibd-load-more,
.ibd-submit, button.ibd-primary, .wp-block-button__link,
.ibd-view-more, .ibd-quick-action, .ibd-share-btn, .ibd-bookmark-btn,
.ibd-helpful-btn, .ibd-flag-btn, .ibd-toggle-password,
[class*="feed-more"], [class*="feed-ghost"], [class*="feed-cta"],
[class*="feed-go"], [class*="-rsvp"], [class*="ev-go"], .ec-go,
[class*="checkin"], [class*="ld-action"], [class*="leader-btn"] {
    border-radius: 999px !important;
}

/* Карточки-ссылки на главной (кликабельные): ведут себя как блок, без подчёркивания */
a.ecard { display: block; color: inherit; text-decoration: none; }
a.club { display: flex; flex-direction: column; justify-content: flex-end; color: inherit; text-decoration: none; }  /* flex → .club-body прижат к низу */
a.ecard:hover, a.club:hover { color: inherit; }

/* ============================================================
   Sunday-скин для header-pro: плавающая стеклянная пилюля.
   Пункты меню и детальный мобильный bottom-sheet — родные.
   ============================================================ */
.shp-header {
    background: transparent !important;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding: 18px 20px 0 !important;
}
.shp-header.is-compact { box-shadow: none !important; }
.shp-container {
    max-width: 1240px !important;
    height: 64px !important;
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(20px) saturate(1.5); backdrop-filter: blur(20px) saturate(1.5);
    border: 1.5px solid rgba(255, 255, 255, .9);
    border-radius: 999px !important;
    box-shadow: 0 2px 6px rgba(24, 60, 90, .06), 0 16px 44px rgba(24, 60, 90, .12);
    padding: 0 12px 0 24px !important;
}
.shp-header.is-compact .shp-container { height: 58px !important; }

/* Логотип в стиле sunday: слово + оранжевая точка (без квадратного бейджа) */
.shp-logo-badge { display: none !important; }
.shp-logo-word {
    background: none !important;
    -webkit-text-fill-color: #1E2A32 !important;
    color: #1E2A32 !important;
    font-family: 'Baloo 2', system-ui, sans-serif !important;
    font-size: 23px !important;
    position: relative; padding-left: 30px; padding-right: 0;
}
/* Солнышко с лучиками СЛЕВА от слова (точка справа убрана) */
.shp-logo-word::after { content: none; }
.shp-logo-word::before {
    content: ""; position: absolute; left: 0; top: 50%; margin-top: -11px;
    width: 22px; height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.7' fill='%23F5820A'/%3E%3Cg stroke='%23F5820A' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9l-2.1 2.1M7 17l-2.1 2.1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
    animation: shpSunSpin var(--tus-sun-spin, 9s) linear infinite;
}
@keyframes shpSunSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .shp-logo-word::before, .shp-sheet-badge { animation: none; } }
/* Мобильный шит: квадратный бейдж -> то же солнышко */
.shp-sheet-badge {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.7' fill='%23F5820A'/%3E%3Cg stroke='%23F5820A' stroke-width='2.1' stroke-linecap='round'%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M19.1 4.9l-2.1 2.1M7 17l-2.1 2.1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain !important;
    border-radius: 0 !important; box-shadow: none !important;
    animation: shpSunSpin var(--tus-sun-spin, 9s) linear infinite;
}
.shp-sheet-badge svg { display: none !important; }
/* Логотип в мобильном шите: сплошной ink (был градиент - рассинхрон с десктопом) */
.shp-sheet-word {
    background: none !important;
    -webkit-text-fill-color: #1E2A32 !important;
    color: #1E2A32 !important;
}

/* Мегаменю «Справочник»: под ширину плавающей пилюли-хедера (был full-width плашкой).
   left:0/right:0 + margin:auto корректно центрирует absolute-элемент в его offset-parent. */
.shp-mega {
    left: 0 !important; right: 0 !important; transform: none !important;
    max-width: 1240px;
    margin-left: auto !important; margin-right: auto !important;
    border-radius: 0 0 24px 24px !important;
    border: 1px solid #E3ECF2 !important;
    border-top: 0 !important;
    box-shadow: 0 26px 46px -24px rgba(24, 60, 90, .34) !important;
    overflow: hidden;
}

/* CTA-пилюли sunday */
.shp-cta, .shp-cta--gradient, .shp-cta--dark, .shp-card-pill { border-radius: 999px !important; font-weight: 700 !important; }
.shp-cta--gradient { background: #F5820A !important; color: #fff !important; box-shadow: 0 10px 26px rgba(245, 130, 10, .3) !important; }
.shp-cta--gradient:hover { background: #DC7000 !important; transform: translateY(-2px); }
.shp-cta--dark { background: #0F2E46 !important; color: #fff !important; }
.shp-navlink[data-active="true"], .shp-navlink:hover { color: #1F6FA6 !important; }

/* Интеграция отступов: на главной герой во всю высоту, на внутренних — родной отступ header-pro */
body.home { padding-top: 0 !important; }
body:not(.home) #content { padding-top: 0 !important; }

/* ============================================================
   Поиск в стиле kwarklab: убрать «спаниэльи уши», мобильную
   строку сделать чистой всплывающей панелью (скрыта по умолчанию).
   ============================================================ */

/* «Уши»: белый фон инпутов (от глобального input{background:#fff}) торчал квадратными
   углами из скруглённого поля — делаем инпуты поиска прозрачными. */
.shp-search-field input,
.shp-mobile-search-field input,
.shp-sheet-search input { background: transparent !important; }

/* Мобильный поиск в стиле kwarklab: скрыт по умолчанию; при тапе по лупе —
   полноширинная панель сверху (заголовок + крестик) + размытие всей страницы. */
.shp-mobile-search[hidden] { display: none !important; }   /* реально скрыт (перебивает .shp-mobile{display:flex!important}) */
.shp-mobile-search {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: fixed !important; top: 0; left: 0; right: 0; z-index: 1200 !important;
    margin: 0 !important;
    padding: 18px 16px 22px !important;
    background: #fff !important;   /* чисто белая плашка (dim страницы - ниже, через ::before) */
    border-top: 0 !important;
    border-bottom: 1px solid #e3ecf2 !important;
    box-shadow: 0 24px 60px rgba(24, 60, 90, .18) !important;
    animation: shpSearchDrop .35s cubic-bezier(.34, .72, 0, 1) both !important;
}
/* Затемнение+блюр страницы - ТОЛЬКО ниже плашки (top:100%), а не поверх неё:
   псевдоэлемент с z-index:-1 красится над собственным фоном родителя, поэтому
   inset:0 серил белую плашку. Здесь dim начинается под плашкой - плашка остаётся белой. */
.shp-mobile-search::before {
    content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 100vh; z-index: 0;
    background: rgba(15, 46, 70, .34);
    -webkit-backdrop-filter: blur(22px) saturate(1.2); backdrop-filter: blur(22px) saturate(1.2);
}
@keyframes shpSearchDrop { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: translateY(0); } }
.shp-search-head {
    width: 100%; max-width: 640px;
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 14px;
}
.shp-search-head .ttl { font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 700; font-size: 19px; color: #1E2A32; }
.shp-search-head .cls { width: 38px; height: 38px; border-radius: 50%; background: #eef2f7; border: 0; display: grid; place-items: center; cursor: pointer; color: #5B7385; transition: background .2s; }
.shp-search-head .cls:hover { background: #e0e7ee; }
.shp-mobile-search-field {
    width: 100%; max-width: 640px;
    background: #eef2f7 !important;
    border: 1.5px solid #e3ecf2 !important;
    border-radius: 999px !important;
    padding: 14px 20px !important;
    margin: 0 !important;
}
/* Дропдаун ВЫПАДАЕТ из-под поля как оверлей и НЕ растягивает плашку:
   absolute (вне потока плашки) → высота плашки = только шапка + поле. top:100%-14px =
   ~8px под полем; left/right:16 + max-width:640 + margin auto = ровно по ширине поля;
   z-index:2 поверх dim-оверлея (::before z-index:0). */
.shp-suggest--mobile {
    position: absolute !important;
    top: calc(100% - 14px) !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    max-height: 56vh !important;
    overflow: auto !important;
    background: #fff !important;
    border: 1px solid #e3ecf2 !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 54px -18px rgba(24, 60, 90, .38) !important;
    z-index: 2 !important;
}

/* Поле поиска в мобильном bottom-sheet — ровный пилюль без ушей. */
.shp-sheet-search {
    border-radius: 999px !important;
    background: #eef2f7 !important;
    border-color: #e3ecf2 !important;
    padding-left: 16px !important;
}
/* Десктопное всплывающее поле поиска — тоже пилюль. */
.shp-search-field { border-radius: 999px !important; padding-left: 16px !important; }