/**
 * Service-widget overrides. Грузится после crypto-widget.css на сервис-обзорах.
 * Раскладка «Вариант A»: единая сетка метрик в левой карточке, без нижней полосы.
 */

/* Лого сервиса — без белого круга/рамки: логотипы бирж/брокеров самодостаточны
   (свой фон), белый круг создавал «ободок». Заполняем медальон логотипом как есть. */
.crypto-widget__logo--service {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 13px !important;
    object-fit: contain;
}
.review-hero-coin--service {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 22px !important;
    object-fit: contain;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
}

/* Звёзды рейтинга (как в исходной сервис-карточке) */
.cw-stars {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 2px;
    margin-top: 7px;
    font-family: Arial, sans-serif; /* стабильная отрисовка ★ */
}
.cw-stars { letter-spacing: 0 !important; }
.cw-stars__bg { color: rgba(255, 255, 255, 0.16); }
.cw-stars__fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #f5b50a;
    text-shadow: 0 0 10px rgba(245, 181, 10, 0.35);
}

.cw-rating-row { display: flex; align-items: center; gap: 11px; }
.cw-rating-row .cw-stars { margin-top: 0; }
.cw-stars--lg { font-size: 30px; letter-spacing: 5px !important; }

/* Заголовок панели «Экспертная оценка»: звёзды по левому краю, крупная оценка по правому
   (балл в линию со значениями критериев ниже) */
.crypto-widget--service .cw-rating-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    padding-bottom: 13px;
    margin-bottom: 3px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.crypto-widget--service .cw-rating-hero .crypto-widget__price {
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--bh-text-on-dark, #fff);
    font-family: var(--bh-font-mono, 'Fira Code', monospace);
}
/* Эмфаза оценки цветом по значению (как бары): ≥7 зелёный / 5–7 янтарь / <5 красный */
.crypto-widget--service .cw-rating-hero .crypto-widget__price--good { color: var(--bh-chart-pos, #10b981); }
.crypto-widget--service .cw-rating-hero .crypto-widget__price--mid  { color: #f5b50a; }
.crypto-widget--service .cw-rating-hero .crypto-widget__price--low  { color: var(--bh-chart-neg, #f43f5e); }
.crypto-widget--service .cw-rating-hero .cw-stars { margin-top: 0; }

/* Статусные значения метрик — цвет по смыслу (value_style: good/warn/danger) */
.crypto-widget--service .crypto-widget__cell-val--good   { color: var(--bh-chart-pos, #10b981); }
.crypto-widget--service .crypto-widget__cell-val--warn   { color: #f5b50a; }
.crypto-widget--service .crypto-widget__cell-val--danger { color: var(--bh-chart-neg, #f43f5e); }

/* Бары критериев — цвет по значению (данные, не лайм-action): ≥7.5 зелёный / 5–7.5 янтарь / <5 красный */
.crypto-widget--service .crypto-widget__bar-fill--good { background: linear-gradient(90deg, #0e9e6e, var(--bh-chart-pos, #10b981)); }
.crypto-widget--service .crypto-widget__bar-fill--mid  { background: linear-gradient(90deg, #d99405, #f5b50a); }
.crypto-widget--service .crypto-widget__bar-fill--low  { background: linear-gradient(90deg, #e23b54, var(--bh-chart-neg, #f43f5e)); }

/* ── Единая сетка метрик: 3 в ряд (flexbox), «сирота» последнего ряда центрируется ── */
.crypto-widget--service .crypto-widget__cells--service {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 9px;
}
.crypto-widget--service .crypto-widget__cells--service .crypto-widget__cell { flex: 0 0 calc((100% - 18px) / 3); }
.crypto-widget--service .crypto-widget__cells--service .crypto-widget__cell--full { flex-basis: 100%; }
@media (max-width: 560px) { .crypto-widget--service .crypto-widget__cells--service .crypto-widget__cell { flex-basis: calc((100% - 9px) / 2); } }
@media (max-width: 380px) { .crypto-widget--service .crypto-widget__cells--service .crypto-widget__cell { flex-basis: 100%; } }
/* Ровные ряды: значение прижато к низу ячейки, одинаковая высота */
.crypto-widget--service .crypto-widget__cell {
    justify-content: space-between;
    min-height: 56px;
}
/* Длинные значения (адреса, способы оплаты, перечисления) — на всю ширину */
.crypto-widget--service .crypto-widget__cell--full { min-height: 0; }

/* ── Выравнивание низа левого/правого блоков (нижние границы совпадают) ── */
.crypto-widget--service .crypto-widget__grid { align-items: stretch; }
.crypto-widget--service .crypto-widget__right { height: 100%; }
.crypto-widget--service .crypto-widget__right .crypto-widget__panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.crypto-widget--service .crypto-widget__right .crypto-widget__bars,
.crypto-widget--service .crypto-widget__right .crypto-widget__meta { margin: 0; }
/* CTA закреплён у низа блока «вердикта» → правый блок наполнен, дно выровнено с левым */
.crypto-widget--service .crypto-widget__actions--verdict { margin-top: auto; flex-wrap: nowrap; align-items: stretch; gap: 9px; }
/* Обе кнопки — равная ширина, всегда в один ряд (без переноса) */
.crypto-widget--service .crypto-widget__actions--verdict > a {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    text-align: center;
    padding-left: 14px;
    padding-right: 14px;
    gap: 0;
}

/* «Проверено: дата» — трастовый сигнал у рейтинга */
.cw-checked { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-size: 11.5px; font-weight: 500; color: rgba(255,255,255,0.42); letter-spacing: 0.2px; }
.cw-checked svg { width: 12px; height: 12px; color: var(--bh-chart-pos,#10b981); flex-shrink: 0; }

/* Регуляторы/лицензии — бейджи (трастовый сигнал, синий = info) */
.cw-regs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cw-regs__label { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255,255,255,0.45); margin-right: 2px; }
.cw-reg { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; background: rgba(var(--bh-blue-rgb,90,149,206),0.10); border: 1px solid rgba(var(--bh-blue-rgb,90,149,206),0.28); border-radius: 8px; font-size: 12.5px; font-weight: 600; color: #cdd9ea; }
.cw-reg svg { width: 13px; height: 13px; color: rgba(var(--bh-blue-rgb,90,149,206),1); opacity: 0.95; flex-shrink: 0; }

/* ── Мобильная адаптация ── */
@media (max-width: 600px) {
    /* Decision-first: один плоский блок, важное вверх — шапка → оценка → CTA → метрики → регуляторы */
    .crypto-widget--service { background: linear-gradient(135deg, var(--bh-bg-card,#1a1f2a) 0%, var(--bh-bg-card-2,#1e2433) 100%); border: 1px solid var(--bh-border-dark,#2a2e39); border-radius: 18px; padding: 15px; }
    .crypto-widget--service .crypto-widget__card,
    .crypto-widget--service .crypto-widget__right,
    .crypto-widget--service .crypto-widget__right .crypto-widget__panel { display: contents; }
    .crypto-widget--service .crypto-widget__grid { display: flex; flex-direction: column; gap: 13px; }
    .crypto-widget--service .crypto-widget__head { order: 1; }
    .crypto-widget--service .crypto-widget__panel-title { order: 2; }
    .crypto-widget--service .cw-rating-hero { order: 3; }
    .crypto-widget--service .crypto-widget__bars { order: 4; }
    .crypto-widget--service .crypto-widget__meta { order: 5; }
    .crypto-widget--service .crypto-widget__actions--verdict { order: 6; margin-top: 0; }
    .crypto-widget--service .crypto-widget__cells--service { order: 7; }
    .crypto-widget--service .cw-regs { order: 8; }
    /* Шапка: убрать бейдж категории; имя + статус + «Проверено» одной строкой (с переносом) */
    .crypto-widget--service .crypto-widget__ticker { display: none; }
    .crypto-widget--service .crypto-widget__head { gap: 10px 12px; align-items: center; }
    .crypto-widget--service .crypto-widget__title-wrap { flex: 0 1 auto; }
    .crypto-widget--service .crypto-widget__head-price { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 0; }
    .crypto-widget--service .cw-checked { margin-top: 0; }
    /* Рейтинг компактнее и по-прежнему: звёзды слева / балл справа */
    .crypto-widget--service .cw-rating-hero .crypto-widget__price { font-size: 40px; }
    .crypto-widget--service .cw-stars--lg { font-size: 27px; letter-spacing: 4px !important; }
    /* Метки критериев чуть уже, чтобы влезали */
    .crypto-widget--service .crypto-widget__bar-label { flex-basis: 92px; }
    /* Компактные плитки-факты: метка прямо над значением, без растяжки и лишней высоты */
    .crypto-widget--service .crypto-widget__cell { min-height: 0; justify-content: flex-start; gap: 3px; padding: 11px 13px; }
    .crypto-widget--service .crypto-widget__cells--service { gap: 8px; }
    /* Чуть компактнее заголовки секций/панелей */
    .crypto-widget--service .crypto-widget__cell-label { font-size: 10px; }
}
/* Очень узкие экраны: метрики в одну колонку для читаемости */
@media (max-width: 400px) {
    .crypto-widget--service .crypto-widget__cells--service .crypto-widget__cell { flex-basis: 100%; }
}