/*
Theme Name: Steelthemes Nest Child
Author: Steelthemes
Description: Nest is a Ecommerce wordpress Theme.
Version: 1.0
Template: steelthemes-nest

This is the child theme for Steelthemes Nest theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.zd-pagination { margin:16px 0 0; display:flex; gap:8px; flex-wrap:wrap; }
.zd-pagination .page-numbers { padding:8px 12px; border:1px solid #e5eaef; border-radius:8px; text-decoration:none; }
.zd-pagination .page-numbers.current { background:#222; color:#fff; }

/* Высота зоны фото (как раньше) */
:root{ --card-img-h: 210px; }
.product_wrapper .product-img-action-wrap{
  height: var(--card-img-h);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:12px;
}
.product_wrapper .product-img-action-wrap img{
  width:100%; height:100%; object-fit:contain;
}

/* Категория — одна строка, одинаковая высота */
.product_wrapper .product-content-wrap .product-category{
  min-height: 20px;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  margin-top:10px;
}

/* НАЗВАНИЕ: 3 строки + троеточие, фиксированная высота */
.product_wrapper .product-content-wrap h2,
.product_wrapper .product-content-wrap h5{
  margin:6px 0 10px;
  line-height: 1.3;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; /* 3 строки */
  overflow:hidden;
  /* Фолбэк для браузеров без line-clamp */
  max-height: calc(1.3em * 3);      /* 3 строки */
  min-height: calc(1.3em * 3);
  word-break: break-word;            /* переносим длинные слова */
}


/* На маленьких экранах чуть меньше картинка, чтобы уместилось всё */
@media (max-width: 575.98px){
  :root{ --card-img-h: 180px; }
}

/* Кнопка "В корзину" в карточках Nest */
.product-cart-wrap .product-card-bottom .add-cart .add,
.product-cart-wrap a.button.add_to_cart_button,
.product-cart-wrap a.add_to_cart_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;                    /* расстояние между иконкой и текстом */
  padding: 10px 14px !important;
  min-width: 125px;            /* чтобы текст не переносился */
  white-space: nowrap;         /* запрещаем перенос строки */
  line-height: 1 !important;
  border-radius: 10px !important;

  background: var(--color_brand) !important;   /* цвет темы */
  color: #fff !important;
  border: 1px solid var(--color_brand) !important;
  text-transform: none;        /* без верхнего регистра */
  font-weight: 600;
}

/* Иконка в кнопке */
.product-cart-wrap .product-card-bottom .add-cart .add i,
.product-cart-wrap a.add_to_cart_button i {
  font-size: 16px;
  line-height: 1;
  margin: 0;
}

/* Ховер: инвертируем цвета */
.product-cart-wrap a.add_to_cart_button:hover,
.product-cart-wrap .product-card-bottom .add-cart .add:hover {
  background: transparent !important;
  color: var(--color_brand) !important;
}

/* Иногда Elementor сбрасывает стили кнопок — зафиксируем */
.elementor a.button,
.elementor .button {
  border: 1px solid var(--color_brand) !important;
}

/* На всякий: отключить wow-анимации темы */
.wow{ visibility:visible !important; animation:none !important; }


.nest_filter_box .right_s { display:none !important; }

.woosw-actions { display:none !important; }

.wc-block-cart-weight-row {
  padding-left: 0 !important;
  padding-right: 16px;
}

body.woocommerce-checkout form.checkout .woocommerce-checkout-payment {
    margin-top: 30px; /* подбери значение под дизайн: 20–40px */
}


/* Блок оплаты bacs */
.payment_box.payment_method_bacs {
    font-size: 15px;
    line-height: 1.6;
}

/* Общие отступы абзацев внутри коробки */
.payment_box.payment_method_bacs p {
    margin: 0 0 8px;
}

/* Подписи "Номер карты", "СБП" */
.payment_box.payment_method_bacs .zona-pay-label {
    color: #e0edf7;
    font-weight: 500;
}

/* Значения – делаем заметными */
.payment_box.payment_method_bacs .zona-pay-value {
    font-weight: 700;
}

/* Номер карты – тёплый акцент */
.payment_box.payment_method_bacs .zona-pay-card {
    color: #ffe082; /* мягкий жёлтый */
}

/* Телефон – зелёный акцент */
.payment_box.payment_method_bacs .zona-pay-phone {
    color: #a5d6a7; /* светло-зелёный */
}

/* Примечание банка */
.payment_box.payment_method_bacs .zona-pay-note {
    color: #00b894;
    font-weight: 600;
}

/* Строка с телефоном и банком — в один ряд */
.payment_box.payment_method_bacs .zona-pay-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: baseline;
}


/* Скрытые товары в блоке "Ваш заказ" */
.woocommerce-checkout-review-order-table .zona-order-item-hidden {
    display: none;
}

/* Строка с кнопкой "Показать все товары" */
.woocommerce-checkout-review-order-table .zona-order-items-toggle-row td {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 4px;
    border-top: none;
}

.zona-order-items-toggle-row {
    text-align: left;
}

.zona-toggle-order-items {
    background: none;
    border: none;
    padding: 10px 0;
    font-size: 15px;
    color: #0a8f3c;
    font-weight: 600;
    cursor: pointer;
}

.zona-toggle-order-items:hover {
    opacity: 0.7;
}

.zona-toggle-arrow {
    margin-left: 4px;
    font-size: 14px;
}

.wc-block-components-button__text {
    display: inline-block;
    background-color: #4caf50; /* зелёная кнопка */
    color: #fff !important;
    padding: 12px 22px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: 0.25s ease;
    margin-top: 15px;
}

.wc-block-components-button__text:hover {
    background-color: #43a047;
}

.wc-block-components-button__text:active {
    background-color: #3d8b40;
    transform: translateY(1px);
}