/**
 * Multiwidget — MICRO (V3 «цена-вперёд») — ЕДИНЫЙ ИСТОЧНИК вида pw-micro.
 *
 * Один файл на ВСЕ контексты: [mw v="micro"], топ-100, хаб, обзор (review-hero).
 * Дубли убраны 2026-06-09: micro-top100.css (только скелетон), review-hero/style.css
 * (.pw-micro__ убраны). Все контексты подключают этот файл.
 *
 * Вид: строка = цена (слева, лучшая красным) + площадка + кнопка «Купить».
 * Вся строка — ссылка в магазин. Снизу на UA — каталог E-Katalog (реальный URL).
 *
 * @package MyChooz_Partners
 * @version 0.3
 */

.pw-micro{
    container-type:inline-size;  /* адаптив по своей ширине (узкие колонки топ-100/hero) */
    background:var(--mca-surface,#fff);
    border:1px solid var(--mca-border,#e5e7eb);
    border-radius:var(--mca-radius,12px);
    overflow:hidden;
    line-height:1.2;
}
.pw-micro__row{
    display:flex;align-items:center;gap:10px;
    padding:9px 14px;
    border-top:1px solid var(--mca-border,#e5e7eb);
    text-decoration:none;
    position:relative;
    transition:background .15s,box-shadow .15s;
}
.pw-micro__row:first-child{border-top:0}
/* Hover-подъём как в full, но БЕЗ scale: scale(1.01) растрит текст → муть на долю
   секунды. Тень + z-index дают «приподнятость» без размытия. */
.pw-micro__row:hover{
    background:var(--mca-bg,#f7f8fa);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
    z-index:1;
}
/* Никогда не подчёркивать ссылки виджета (как full.css) — гасим тему на hover/focus + детей. */
.pw-micro__row, .pw-micro__row:hover, .pw-micro__row:focus,
.pw-micro__row *, .pw-micro__row:hover *,
.pw-micro__catalog, .pw-micro__catalog:hover, .pw-micro__catalog:focus{
    text-decoration:none !important;
}
.pw-micro__price{
    font-size:var(--mca-text-lg,17px);font-weight:700;
    color:var(--mca-text,#1a1a1a);
    font-variant-numeric:tabular-nums;white-space:nowrap;
}
.pw-micro__row--best .pw-micro__price{color:var(--mca-primary,#e71d1d)}
.pw-micro__store{
    font-size:14px;font-weight:600;color:#4b5563;
    flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* «$ориг» нота рядом с магазином (приглушённая) — как mwf-usd в full. */
.pw-micro__usd{color:#a3a9b0;font-weight:500;margin-left:5px}
.pw-micro__btn{
    display:inline-flex;align-items:center;
    padding:6px 13px;
    background:var(--mca-text,#1a1a1a);color:var(--mca-surface,#fff);
    border-radius:var(--mca-radius-sm,6px);
    font-size:var(--mca-text-xs,11px);font-weight:600;white-space:nowrap;
    transition:background .15s;
}
.pw-micro__row:hover .pw-micro__btn{background:var(--mca-primary,#e71d1d)}
.pw-micro__catalog{
    display:block;padding:10px 14px;
    border-top:1px solid var(--mca-border,#e5e7eb);
    font-size:var(--mca-text-xs,11px);font-weight:600;
    color:var(--mca-muted,#6b7280);text-decoration:none;
}
.pw-micro__catalog:hover{color:var(--mca-primary,#e71d1d)}

/* Узкие контексты (колонка топ-100 ~150px, hero-обзор): кнопка «Купить» прячется,
   вся строка остаётся ссылкой в магазин; цена/площадка компактнее. */
@container (max-width: 250px){
    .pw-micro__row{padding:6px 10px;gap:6px}
    .pw-micro__price{font-size:13px}
    .pw-micro__store{font-size:11px;font-weight:500}
    .pw-micro__usd{display:none}  /* узко (топ-100): только цена + магазин */
    .pw-micro__btn{display:none}
    .pw-micro__catalog{padding:6px 10px;font-size:10px}
}

/* Скелетон (анти-CLS) — клиентская гидрация (топ-100 + хаб hero). */
.mcp-widget-ph.mcp-mw-micro--top100,
.mcp-widget-ph.mcp-mw-micro{display:block}
.mcp-mw-micro--top100 .mcp-skeleton,
.mcp-mw-micro .mcp-skeleton{
    min-height:116px;
    border:1px solid var(--mca-border,#e5e7eb);
    border-radius:var(--mca-radius,12px);
    background:repeating-linear-gradient(#fff,#fff 30px,#f3f5f7 30px,#f3f5f7 31px);
}