/**
 * Beery Bench — стили, вынесенные из inline style="" в шаблонах/PHP.
 * Это только те инлайны, что были в коде темы. Если основная масса CSS
 * лежит в YOOtheme → Custom Code / Settings, её нужно перенести оттуда отдельно.
 */

/* functions.php — qty-контролы карточки каталога скрыты по умолчанию */
.bb-card-qty {
    display: none;
}

/* review-order.php — скрытый блок методов доставки (JS клонирует его в шаг 2) */
.bb-hidden-shipping {
    display: none;
}

/* thankyou.php — вертикальная колонка кнопок («Продовжити покупки» / «Квитанція») */
.bb-thankyou__btns {
    gap: 10px;
}

/* === Каталог: товары не в наличии === */

/* Кнопка «Повідомити про наявність» в карточке — скрыта по умолчанию,
   показывается JS только для OOS-варианта. z-index — чтобы быть кликабельной
   над оверлеем. */
.bb-notify-btn-card {
    display: none;
    position: relative;
    z-index: 3;
}

/* OOS-оверлей не перехватывает клики — кликается вся карточка целиком.
   Если в твоём CSS у .bb-out-of-stock-overlay уже задан pointer-events,
   возможно понадобится добавить !important. */
.bb-out-of-stock-overlay {
    pointer-events: none;
}

/* Вся OOS-карточка кликабельна → курсор-указатель */
li.product.bb-oos {
    cursor: pointer;
}

/* Правка 1.4 — подпись кнопки «Повідомити про наявність».
   На мобиле полный текст растягивал сетку каталога, поэтому в PHP рендерятся
   обе подписи, а показывается нужная. 960px — брейкпоинт UIkit @m, тот же,
   по которому в теме прячется десктопный фильтр. */
.bb-notify-text-short {
    display: none;
}

@media (max-width: 959px) {
    .bb-notify-text-full {
        display: none;
    }

    .bb-notify-text-short {
        display: inline;
    }
}

/* === Правка 1.3 — ровная сетка каталога ===

   Проблема: у названия нет фиксированной зоны, поэтому карточки с одно- и
   двухстрочными именами разной высоты, и цена/тара/кнопка гуляют по вертикали.

   Решение: собираем карточку в flex-колонку и пускаем лишнее место НАД
   названием. Картинка прижата к верху, а название с ценой — к низу, вплотную
   к дропдауну тары. Зона названия при этом всегда ровно в две строки.

   Крутилки — в переменных ниже. */

ul.products li.product {
    --bb-title-lines: 2;
    --bb-title-lh: 1.2;

    display: flex;
}

ul.products li.product .product-card-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Фоновый слой размерами со всю карточку — его позицию считает
   alignProductBg() из bb-card-bg.js по offsetWidth/offsetHeight карточки.
   Держим его вне потока, иначе он станет flex-элементом и схлопнется в 0. */
ul.products li.product .product-card-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

ul.products li.product .woocommerce-LoopProduct-link {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

ul.products li.product .product-image-container {
    flex: 0 0 auto;
}

/* Название + цена прижаты к низу ссылки, то есть вплотную к блоку с тарой */
ul.products li.product .product-info {
    margin-top: auto;
}

/* Зона названия: всегда две строки, текст по верхнему краю.
   Длинные имена обрезаются многоточием — иначе третья строка снова
   разъедет сетку. */
ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--bb-title-lines);
    overflow: hidden;
    line-height: var(--bb-title-lh);
    min-height: calc(var(--bb-title-lh) * var(--bb-title-lines) * 1em);
    margin-top: 0;
    overflow-wrap: anywhere;
}

/* === Правка 3.2 — минимум банок в заказе === */

/* Постоянная подпись «Мінімальне замовлення — 12 банок» */
.bb-cart-min-note {
    margin: 12px auto;
    font-size: 16px;
    opacity: 0.7;
    text-align: center;
}

/* Предупреждение показывается, только пока минимум не набран */
.bb-cart-min-warning {
    margin: 4px auto;
    font-size: 16px;
    font-weight: 700;
    color: #e02b2b;
    text-align: center;
}

/* Кнопка оформления, пока набрано меньше минимума.
   Это <span>, а не <a> — ссылки нет вовсе, поэтому кликнуть или открыть
   в новой вкладке не выйдет. Стили те же, что у активной кнопки, плюс
   приглушение. */
.bb-cart-actions__checkout.is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
    user-select: none;
}