/* =========================================================
   SIDEBAR WIDGETS — конверсионные блоки
   ========================================================= */

/* Подводка под блоком */
.widget__lead {
    margin: calc(var(--app-em)*-0.25) 0 var(--sp-4);
    color: var(--muted);
    font-size: var(--fs-meta);
    line-height: 1.5;
}

/* CTA-блок — лёгкая подсветка */
.widget--cta {
    background: linear-gradient(160deg, var(--surface) 0%, var(--accent-soft) 140%);
    border: var(--hair) solid color-mix(in srgb, var(--accent-strong) 12%, transparent);
}
.widget--cta .widget__head h2 { color: var(--accent-strong); }

/* Список преимуществ внутри виджета */
.widget__list {
    margin: var(--sp-4) 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: var(--sp-2);
    font-size: var(--fs-meta);
    color: var(--muted);
}
.widget__list li {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}
.widget__list .icon {
    width: var(--sp-4);
    height: var(--sp-4);
    color: var(--positive);
    flex: none;
}

/* Кнопка «Все филиалы» */
.widget__more {
    width: 100%;
    justify-content: center;
    margin-top: var(--sp-4);
}

/* =========================================================
   MESSENGER BTN — кнопки для мессенджеров
   ========================================================= */
.messenger-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    min-height: var(--control-h);
    padding: 0 var(--sp-3);
    border-radius: var(--r-lg);
    color: var(--white, #fff);
    font-size: var(--fs-meta);
    font-weight: 600;
    text-decoration: none;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
    box-shadow: 0 calc(var(--app-em)*0.25) calc(var(--app-em)*0.75) rgba(0,0,0,.12);
}
.messenger-btn span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.messenger-btn .icon {
    width: calc(var(--app-em)*1.125);
    height: calc(var(--app-em)*1.125);
    fill: currentColor;
    stroke: none;
}
.messenger-btn:hover {
    transform: translateY(calc(var(--app-em)*-0.0625));
    filter: brightness(1.06);
}

.messenger-btn--tg { background: #229ed9; }
.messenger-btn--wa { background: #25d366; }
.messenger-btn--vk { background: #0077ff; }

/* Тёмная тема — приглушаем яркость */
[data-theme="dark"] .messenger-btn--tg { background: #1c7eae; }
[data-theme="dark"] .messenger-btn--wa { background: #1ea854; }
[data-theme="dark"] .messenger-btn--vk { background: #0a5fca; }

/* =========================================================
   SOCIAL FOLLOW — список подписок на сообщества
   ========================================================= */
.social-follow {
    display: grid;
    gap: var(--sp-2);
}
.social-follow__item {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-lg);
    background: var(--surface-soft);
    color: var(--text);
    transition: background .18s ease, color .18s ease;
}
.social-follow__item:hover {
    background: var(--accent-soft);
    color: var(--accent-strong);
}
.social-follow__item .icon {
    width: calc(var(--app-em)*1.5);
    height: calc(var(--app-em)*1.5);
    fill: currentColor;
    stroke: none;
    color: var(--accent-strong);
}
.social-follow__item--tg .icon { color: #229ed9; }
.social-follow__item--vk .icon { color: #0077ff; }
.social-follow__item--max .icon { color: #7B5EFF; }

.social-follow__meta {
    display: grid;
    gap: var(--sp-1);
    min-width: 0;
}
.social-follow__meta b {
    font-size: var(--fs-ui);
    font-weight: 700;
    letter-spacing: -.012em;
}
.social-follow__meta i {
    color: var(--muted);
    font-size: var(--fs-meta);
    font-style: normal;
}

/* =========================================================
   BRANCH LIST — список филиалов в сайдбаре
   ========================================================= */
.branch-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
}
.branch-item {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-3) 0;
    border-top: var(--hair) solid var(--line);
}
.branch-item:first-child { border-top: 0; padding-top: 0; }
.branch-item__name {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text);
}
.branch-item__meta {
    color: var(--muted);
    font-size: var(--fs-meta);
}

/* В узком сайдбаре на планшете виджеты не растягиваются на всю ширину */
@media (max-width: 68.75em) and (min-width: 48.751em) {
    .widget--cta,
    .widget--messengers,
    .widget--social { grid-column: 1 / -1; }
}