/* OAP PRO 4.0 — адаптація під тему ReMarket (oct_remarket), магазин «Крамниця».
   Повертає вигляд, який був у 1.8 (адаптація ReMarket від автора): розміри, відступи, шрифти.
   Кольори — зі змінних модуля (--ex-*), тобто з налаштувань «Стилі» в адмінці модуля.
   УВАГА: при оновленні модуля цей файл НЕ перезаписувати порожнім custom.css з архіву. */

.product-groups .product-group .product-group-name {
    font-size: 13px;
    color: #272323;
    margin-bottom: 15px;
}

.product-groups .product-group .product-group-products .product-group-product .group-image {
    width: 56px;
    height: 72px;
    max-width: none;
    max-height: none;
}

.product-groups .product-group .product-group-products .product-group-product .group-text {
    padding: 10px 17px;
    border-width: 2px;
}

.product-groups .product-group .product-group-products .product-group-product.current .group-text {
    border-color: var(--ex-border-select-hover) !important;
    color: var(--ex-color-text-select-hover) !important;
}

.product-group-select .product-group-select-options .product-group-select-option.current,
.product-group-select .product-group-select-options .product-group-select-option:hover {
    background-color: rgb(233, 233, 233);
}

.product-groups-list .product-group-expand,
.product-groups-list .product-group-hide,
.product-groups-list-text .product-groups-text-list .product-groups-text-item {
    text-decoration: none;
}

.product-groups-list-text .product-groups-text-title {
    color: #272323;
    padding: 0 0 10px 0;
    font-size: 13px;
}

.product-groups-list-text .product-groups-text-list .product-groups-text-item {
    padding: 2px 6px;
}

/* Немає в наявності: як у 1.8 клас out-of-stock ставиться завжди, коли залишок 0 (див. шаблон ReMarket),
   а приглушення робить тема (main.css: .product-group-product.out-of-stock {opacity: .4}).
   Червона лінія 4.0 — лише коли в модулі увімкнено «лінію» (клас ex-oos-line). */
.product-groups .product-group .product-group-products .product-group-product.out-of-stock:not(.ex-oos-line) a {
    opacity: 1;
}

.product-groups .product-group .product-group-products .product-group-product.out-of-stock:not(.ex-oos-line) .group-text {
    overflow: visible; /* інакше рядок із такими кнопками вищий (зсув базової лінії); у кольорів hidden лишається — для кола */
}

.product-groups .product-group .product-group-products .product-group-product.out-of-stock:not(.ex-oos-line) a::before {
    content: none;
}

/* Мобільні розміри з 1.8 (custom.css підключається після основного CSS, тому повторюємо @media) */
@media (max-width: 768px) {
    .product-groups .product-group .product-group-name {
        font-size: 13px;
    }
}

@media (max-width: 568px) {
    .product-groups .product-group .product-group-name {
        font-size: 16px;
    }

    .product-groups .product-group .product-group-products .product-group-product .group-text {
        padding: 8px 14px;
    }
}