/**
 * Nadavi (E-Katalog) Widget Styles
 *
 * Ukrainian price comparison — blue theme
 * Base styles: aliexpress/assets/widget.css
 *
 * @package MyChooz_Partners
 * @since 0.4.78
 * @version 0.0.1
 */

/* Hover: фирменный E-Katalog ярко-оранжевый #ff8d02 */
.mcp-nadavi-widget .mcp-product:hover {
    border-color: #ff8d02;
    box-shadow: 0 8px 30px rgba(255, 141, 2, .18);
}

/* Image: ek.ua часто отдаёт PORTRAIT JPG (вертикаль больше горизонтали).
   Ali base CSS форсит object-fit: cover (обрезка), что у нас режет верх/низ
   фотки. Для Nadavi нужен contain — картинка целиком, поля по бокам.
   Селектор: .mcp-widget.mcp-nadavi-widget .mcp-product-image img — выше специфичности
   чем base .mcp-widget .mcp-product-image img (двойной .mcp-widget*.mcp-nadavi-widget). */
.mcp-widget.mcp-nadavi-widget .mcp-product-image {
    background: #fff;
}
.mcp-widget.mcp-nadavi-widget .mcp-product-image img {
    object-fit: contain;
    padding: 4px;
    background: #fff;
}

/* Price: dark neutral (comparison, not promo). Меньше шрифт под длинные UAH числа. */
.mcp-nadavi-widget .mcp-product-price {
    color: #1a202c;
    font-size: 18px;
    white-space: nowrap;
}

/* Price range (secondary) */
.mcp-nadavi-widget .mcp-nadavi-price-range {
    font-size: 13px;
    color: #94a3b8;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}

/* Button: фирменный E-Katalog ярко-оранжевый #ff8d02. Двойной класс + !important —
   base widget.css (.mcp-widget .mcp-product-button = красный #cf2e2e) той же специфичности перебивал. */
.mcp-widget.mcp-nadavi-widget .mcp-product-button {
    background: #ff8d02 !important;
    font-size: 13px;
}

.mcp-widget.mcp-nadavi-widget .mcp-product:hover .mcp-product-button {
    background: #e07a00 !important;
}