/*
Theme Name: Моя дочерняя тема
Template: astra

Не обязательные параметры:
Theme URI: http://example.com/
Description: Дочерняя тема для темы astra
Author: Kama
Author URI: http://example.com/about/
Version: 1.0
*/

/* импортируем стили родительской темы */
@import url("../astra/style.css");

.astra-shop-thumbnail-wrap img {width:49% !important; float:left; height: 100%  !important; object-fit: scale-down; }

.custom-product-gallery {float:left; width:49% !important;}
.custom-product-gallery img {
	max-width: 100%;
    height: auto;
    display: block;
}
.custom-product-gallery img:first-child {max-width: 100%; height: 100% !important}

@media (min-width: 768px) {
    .custom-product-image {
        flex: 1 1 45%;
    }
	    .custom-product-gallery  {
			    height: auto;
				/*width: 100% !important;*/
    }
}

@media (max-width: 600px) {
    .custom-product-image img {
			    height: auto;

    }
		    .custom-product-gallery  {
			    height: auto;
				width: 100% !important;
    }
	
	.site-header-primary-section-left, .div.site-header-primary-section-right {
		overflow-x: hidden;
    width: 100%;
    max-width: 100%;
  }
}

/*карточки в категориях*/
.products.columns-3 {
  display: flex;
  flex-wrap: wrap;
}

.products .ast-grid-common-col {
  display: flex;
  flex-direction: column;
  /* Стиль для рамки */
  border: 1px solid #e0e0e0;
  padding: 10px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;

}

.products .ast-grid-common-col .astra-shop-summary-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.products .ast-grid-common-col .astra-shop-summary-wrap .button {
  margin-top: auto !important;
  /* Выравнивание текста по центру */
  text-align: center;
  /* Растягиваем кнопку на всю ширину */
  display: block;
  width: 100%;
}

.site-header-above-section-right .button-hd a {color:#fff;}

.site-header-above-section-right {text-align:right;}
.site-header-above-section-right .button-hd {display:block; background-color:#E42B26; padding:5px; width:auto; text-align:center; border-radius:20px; font-weight:bold; }

.site-header-above-section-left a, .site-header-above-section-right a {font-size: larger;}

.dashicons {
  vertical-align: middle;
}
.wc-block-product-categories__button   {padding:0px !important}
.wc-block-product-categories__dropdown select {
    max-width: 300px; 
}

/* Бежевый */
.woof_term_128 label.woof_radio_label:before, 
.woof_term_136 label.woof_radio_label:before {
  content: ''; /* Обязательно для псевдоэлемента */
  display: inline-block;
  width: 25px; /* Размер круга */
  height: 25px;
  border-radius: 50%; /* Делаем круг */
  background-color: #f5f5dc; /* Цвет бежевый */
  border: 1px solid #ccc; /* Граница */
  margin-right: 5px;
  vertical-align: middle;
}

/* Белый */
.woof_term_103 label.woof_radio_label:before, .woof_term_130 label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff; /* Цвет белый */
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

/* Венге */
.woof_term_106 label.woof_radio_label:before,.woof_term_137 label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #433A35; /* Цвет венге */
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

/*Коричневый*/
.woof_term_107 label.woof_radio_label:before,.woof_term_131 label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #684122;
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

/*Серый*/
.woof_term_120 label.woof_radio_label:before, .woof_term_104 
label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ccc; 
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

/*Черный*/
.woof_term_119 label.woof_radio_label:before ,.woof_term_132 label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #000;
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

/*графит*/
.woof_term_121  label.woof_radio_label:before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #666666;
  border: 1px solid #ccc;
  margin-right: 5px;
  vertical-align: middle;
}

.woof_term_124 {display:none;} /*скрываем под окраску*/

/* Этот код стилизует бейдж с количеством товаров в корзине */
.ast-site-header-cart-li .ast-icon-shopping-cart[data-cart-total]::after {
    
    background-color: #fff; /* Здесь вы можете изменить цвет фона */
}
.current-menu-item a {color: #666666 !important;}

.button-zam a {background-color:#E42B26; color:#fff; padding:10px; border-radius:30px; font-size:larger; font-weight: 600;}

.button-zam a:hover {background-color:#E16561; color:#fff;}

#billing_country_field,
#shipping_country_field {
    display:none;
}

.entry-meta {
    display: none;
}

@media (max-width: 768px) {
  /* Контейнер попапа */
  #contact_form_pup {
    max-width: 90vw;   /* максимум 90% ширины экрана */
    width: 100%;
    max-height: 80vh;  /* максимум 80% высоты экрана */
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    overflow-y: auto;  /* если форма длинная — прокручивается */
  }

  /* Сама форма Contact Form 7 */
  #contact_form_pup .wpcf7-form {
    font-size: 14px;
  }

  #contact_form_pup input,
  #contact_form_pup textarea {
    width: 100%;      /* поля растягиваются по ширине */
    font-size: 14px;
    padding: 8px;
    box-sizing: border-box;
  }

  #contact_form_pup input[type="submit"] {
    width: 100%;      /* кнопка тоже на всю ширину */
    font-size: 15px;
    padding: 12px;
  }
}

.sku_wrapper {display:none !important;}

.custom-recently-viewed-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
  list-style: none;
  padding: 0;
}

.custom-product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: calc(20% - 12px); /* 5 товаров в ряд */
  margin-bottom: 20px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px
	
}

.custom-product-item a {
  text-decoration: none;
  color: inherit;
}

.custom-product-images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.custom-product-images img {
  width: 50%;
  height: auto;
  object-fit: cover;
}

.custom-product-title, .custom-product-price {
  display: block;
  width: 100%;
  margin: 5px 0;
}

.custom-product-price {
	font-size: larger;
}

/* Медиа-запросы для адаптивности */
@media (max-width: 1200px) {
  .custom-product-item {
    width: calc(25% - 12px); /* 4 товара в ряд */
  }
}

@media (max-width: 992px) {
  .custom-product-item {
    width: calc(33.33% - 10px); /* 3 товара в ряд */
  }
}

@media (max-width: 768px) {
  .custom-product-item {
    width: calc(50% - 7.5px); /* 2 товара в ряд */
  }
}

@media (max-width: 480px) {
  .custom-product-item {
    width: 100%; /* 1 товар в ряд */
  }
}

.wc-tabs li {border-right: 1px solid #F8F8F8 !important; padding-right:5px !important; } 
.wc-tabs li:last-child {border:none !important;}
.wc-tabs .active {background-color:#F8F8F8 !important; }

#find-chipest {
	display:block;
	text-align:center;
	border: 1px dashed #EB4E46;
	text-decoration: underline;
}

.woocommerce-Price-amount {font-size:larger;}

/* Выравнивание текста в кнопках товаров на мобильных устройствах */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .button,
    .woocommerce .product-loop-item .button,
    .woocommerce-loop-product__button,
    .button.product_type_simple {
        text-align: center !important;          /* Горизонтальное выравнивание по центру */
        justify-content: center !important;    /* Для flexbox, если кнопка использует display: flex */
        display: flex !important;              /* Делаем flex, чтобы justify-content работал */
        align-items: center !important;        /* Вертикальное выравнивание (на всякий случай) */
        width: 100%;                           /* Полная ширина кнопки для лучшего вида */
        padding: 12px 16px;                    /* Отступы внутри кнопки */
    }
    
    /* Если кнопка имеет специфический класс на вашем сайте */
    .ast-shop-summary-wrap .button.add_to_cart_button {
        text-align: center !important;
        justify-content: center !important;
    }
}

.SmartCaptcha-Shield_position_bottom  {visibility:hidden;}