/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/*-------Steps---------*/

.lp-wc-steps{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin: 10px 0 24px;
  font-size: 18px;
	/*background-color: #F7FBEF;*/
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 50px;

}

.lp-wc-step{
  display:flex;
  align-items:center;
  gap:12px;
  opacity:.45;
	justify-content:center;
	min-width: 280px;
	border: 1px solid;
	min-height: 56px;
	border-radius: 12px
}

.lp-wc-step.is-done{ opacity:.75; }
.lp-wc-step.is-active{ opacity:1; }

.lp-wc-num{
  width:36px; height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:99%;
  background:#373737;
  color:#fff;
  /*font-size:13px;*/
  line-height:1;
}

.lp-wc-step.is-active .lp-wc-num{
  background:#373737;
}

.lp-wc-text{
  white-space:nowrap;
}

.lp-wc-sep{
  opacity:.60;
  user-select:none;
}
.lp-wc-link{
  display:flex;
  align-items:center;
  gap:8px;
  color:inherit;
  text-decoration:none;
}

.lp-wc-link:hover .lp-wc-num{
  background:#603912;
}

.lp-wc-link:hover{
  text-decoration:none;
}
.lp-wc-sep::before{
  content: "←";
  opacity: .50;
}
@media (max-width: 767px){
  .lp-wc-steps{
    display:none !important;
  }
}



/* Вариации на странице оплаты / Checkout */
html[dir="rtl"] .woocommerce-checkout td.product-name dl.variation {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 2px 8px;
    direction: rtl;
    text-align: right;
    margin: 8px 0 0 !important;
}

html[dir="rtl"] .woocommerce-checkout td.product-name dl.variation dt,
html[dir="rtl"] .woocommerce-checkout td.product-name dl.variation dd {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right;
}

html[dir="rtl"] .woocommerce-checkout td.product-name dl.variation dd p {
    margin: 0 !important;
    padding: 0 !important;
}
/* Скрыть ссылку Edit options на Checkout */
html[dir="rtl"] .woocommerce-checkout .wcpa_cart_meta_edit {
    display: none !important;
}
/* Полностью скрыть Edit options */
html[dir="rtl"] a.tm-cart-edit-options,
html[dir="rtl"] .tm-cart-edit-options {
    display: none !important;
}
/* Checkout: отступ списка опций от названия товара */
html[dir="rtl"] .woocommerce-checkout td.product-name dl.variation {
    padding-right: 10px !important;
	padding-top: 18px!important;
}
/* WooCommerce select: стрелка слева для RTL / иврита */
html[dir="rtl"] .woocommerce div.product form.cart select,
html[dir="rtl"] .woocommerce form.cart select,
html[dir="rtl"] .woocommerce .variations select,
html[dir="rtl"] .woocommerce select {
    background-position: left 12px center !important;
    padding-left: 36px !important;
    padding-right: 12px !important;
}

/* Вариации в корзине */
html[dir="rtl"] .woocommerce-cart td.product-name dl.variation {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 2px 8px;
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .woocommerce-cart td.product-name dl.variation dt,
html[dir="rtl"] .woocommerce-cart td.product-name dl.variation dd {
    float: none !important;
    margin: 0 !important;
}

html[dir="rtl"] .woocommerce-cart td.product-name dl.variation dd p {
    margin: 0 !important;
}

.rtl #cart-drawer dl.variation {
    display: grid;
    margin-bottom: 16px !important;
    padding-left: 2px;
}

/* =========================
   Только блок вариаций товара
   ========================= */
/* =========================
   Variation divider (Shopify style)
   ========================= */

.single-product form.variations_form table.variations tr:not(:last-child) {
    margin-bottom: 24px;
}

.single-product form.variations_form table.variations td.label {
    margin-bottom: 6px;
}

.single-product form.variations_form table.variations td.value {
    margin-top: 4px;
}

.single-product form.variations_form table.variations {
    width: 100%;
    max-width: 100% !important;
    background: #fff;
    border: 1px solid #e7e2d8;
    border-radius: 14px;
    padding: 18px 18px 2px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    border-collapse: separate;
    border-spacing: 0 14px;
    margin: 0 0 18px 0;
}

.single-product form.variations_form table.variations tbody,
.single-product form.variations_form table.variations tr,
.single-product form.variations_form table.variations td,
.single-product form.variations_form table.variations th {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    border: 0;
}

html[dir="rtl"] .single-product form.variations_form table.variations td,
html[dir="rtl"] .single-product form.variations_form table.variations th {
    text-align: right;
}

/* Заголовки атрибутов */
.single-product form.variations_form table.variations td.label {
    margin-bottom: 8px;
}

.single-product form.variations_form table.variations td.label label {
    display: block;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.35;
    color: #1f2d3d;
}

/* Значение / поле выбора */
.single-product form.variations_form table.variations td.value {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Выпадающий список на всю ширину */
.single-product form.variations_form table.variations td.value select,
.single-product form.variations_form table.variations select {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px;
    box-sizing: border-box !important;
    border: 1px solid #d7dce3;
    border-radius: 10px;
}

html[dir="rtl"] .single-product form.variations_form table.variations td.value select,
html[dir="rtl"] .single-product form.variations_form table.variations select {
    padding: 0 14px 0 40px;
    background-position: left 14px center !important;
    text-align: right;
}

/* Hover / focus */
.single-product form.variations_form table.variations td.value select:hover,
.single-product form.variations_form table.variations td.value select:focus {
    border-color: #bfa06a;
    box-shadow: 0 0 0 3px rgba(191, 160, 106, 0.12);
    outline: none;
}

/* Свотчи / кнопки внутри блока */
.single-product form.variations_form table.variations .variable-items-wrapper,
.single-product form.variations_form table.variations .cfvsw-swatches-container,
.single-product form.variations_form table.variations .woo-variation-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Ссылка очистки */
.single-product form.variations_form table.variations .reset_variations {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
}

/* =========================================
   Extra Product Options — карточка блока
   ========================================= */

html[dir="rtl"] .single-product .tm-extra-product-options {
    background: #fff;
    border: 1px solid #e7e2d8;
    border-radius: 14px;
    padding: 18px 18px 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
    margin: 18px 0 36px;
		margin-right: 2%;
}

/* Заголовок / label опции */
html[dir="rtl"] .single-product .tm-extra-product-options .tm-epo-field-label,
html[dir="rtl"] .single-product .tm-extra-product-options label {
    display: block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.35;
    color: #1f2d3d;
    margin: 0 0 8px 0;
    text-align: right;
}

/* Select на всю ширину */
html[dir="rtl"] .single-product .tm-extra-product-options select,
html[dir="rtl"] .single-product .tmcp-field-wrap select,
html[dir="rtl"] .single-product .cpf-section select {
    display: block;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid #d7dce3;
    border-radius: 10px;
    background-position: left 14px center !important;
    padding: 0 14px 0 40px;
    text-align: right;
}

/* Hover / focus */
html[dir="rtl"] .single-product .tm-extra-product-options select:hover,
html[dir="rtl"] .single-product .tm-extra-product-options select:focus,
html[dir="rtl"] .single-product .tmcp-field-wrap select:hover,
html[dir="rtl"] .single-product .tmcp-field-wrap select:focus,
html[dir="rtl"] .single-product .cpf-section select:hover,
html[dir="rtl"] .single-product .cpf-section select:focus {
    border-color: #bfa06a;
    box-shadow: 0 0 0 3px rgba(191, 160, 106, 0.12);
    outline: none;
}

/* Отступ снизу под обязательной звездочкой / label */
html[dir="rtl"] .single-product .tmcp-field-wrap,
html[dir="rtl"] .single-product .cpf-section {
    margin-bottom: 0;
}

html[dir="rtl"] .single-product 
.tm-extra-product-options-totals.tm-custom-price-totals {

    background: #fcfbf8;
    border: 1px solid #e7e2d8;
    border-radius: 14px;
    padding: 18px 22px;
    margin-top: 0px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
		margin-right: 2%;
		width: 100%
}

.kt-svg-icon-list-text,
 .kb-iconlist-text {
  text-align: right !important;
}
.woocommerce div.product form.cart .variations {
	margin-right: 2%
}




/* Плавность фона у внутреннего контейнера хедера */
#masthead .site-header-row-container-inner{
  transition: background-color 480ms ease;
}

/* Прозрачный хедер: заливка при наведении (без скролла) — только на десктопе */
@media (min-width: 1025px){
  .transparent-header #masthead:hover .site-header-row-container-inner{
    background-color: #373737 !important; /* тот же цвет, что у sticky */
  }
}

.woocommerce div.product form.cart .variations {
	display: flex;
}


.accord .kt-accordion-header-wrap {
	display: flex;
}
.accord .kt-blocks-accordion-icon-trigger:before,
.accord .kt-blocks-accordion-icon-trigger:after {
	width: 12px;
	height: 2px;
}

.accord .kt-blocks-accordion-title-wrap {
	display: flex;
	gap: 10px;
}

.accord .kt-btn-side-left {
	display: flex;
	align-items: center;
}




/* ===========================
   MiniCart (Kadence drawer)
   Optimized — minimal selectors
   =========================== */

/* Remove button (X) — centered */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .cart_list li a.remove{
  display:flex; align-items:center; justify-content:center;
  right:0; width:22px; height:22px; line-height:1;
  font-size:22px; font-weight:400; text-decoration:none;
}

/* Total price section */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .total{ padding-top:30px; }

/* Buttons container */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .buttons{
  display:flex; flex-direction:row; gap:10px; margin-top:32px;
}

/* General button styles */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .buttons a{
  display:inline-flex; align-items:center; justify-content:center;
  width:50%; height:48px; border-radius:8px;
  font:600 18px/1 inherit; padding:0 10px; border:0; margin-bottom:5px;
}

/* "Continue Shopping" button */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .buttons a:not(.checkout){
  background:#603913; color:#fff;
}
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .buttons a:not(.checkout):hover{
  background:#373737; color:#fff;
}

/* "Checkout" button */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .button.checkout.wc-forward.wp-element-button{
  background:#603913; color:#fff; border:0;
}
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .button.checkout.wc-forward.wp-element-button:hover{
  background:#019341;
}

/* RTL layout — keep "Checkout" on the left */
html[dir="rtl"] :is(#cart-drawer, #mobile-drawer) .widget_shopping_cart .buttons{
  flex-direction:row-reverse;
}

/* Free-shipping progress bar */
/*.kadence-mini-cart-shipping-progress-wrap .kadence-mini-cart-shipping-progress{ background:#34E0A1; }*/
.kadence-mini-cart-shipping {
padding-top: 1.5em;
margin-bottom: 1.5em;
}

/* Quantity text size */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart :is(ul.cart_list li .quantity, ul.product_list_widget li .quantity){
  font-size:1em;
}

/* Product thumbnails */
:is(#cart-drawer, #mobile-drawer) .widget_shopping_cart :is(ul.cart_list li img, ul.product_list_widget li img){
  float:left; margin-right:8px; width:80px; height:auto; box-shadow:none;
}

/* Drawer headers */
#cart-drawer .drawer-inner .drawer-header{
  background:#373737; color:#fff; margin-bottom:5px; padding-bottom:3px !important;
}
#mobile-drawer .drawer-inner .drawer-header{
  margin-bottom:24px !important; padding-bottom:20px !important; min-height:calc(1.2em + 36px);
}
h2.side-cart-header{ color:#fff; }

/* Shipping helper text */
.kadence-mini-cart-shipping-message{ font-size:100% !important; }


/* === СТИЛИ ДЛЯ РАДИОКНОПОК === */
.woocommerce-shipping-methods input[type="radio"],
.woocommerce-checkout-payment input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  border: 2px solid #000; /* ЧЕРНЫЙ — НЕАКТИВНАЯ */
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  box-sizing: border-box;
  flex-shrink: 0;
  transition: border-color 0.3s ease;
}

.woocommerce-shipping-methods input[type="radio"]::before,
.woocommerce-checkout-payment input[type="radio"]::before {
  content: '';
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 50%;
  display: block;
  transition: background 0.3s ease;
}

.woocommerce-shipping-methods input[type="radio"]:checked,
.woocommerce-checkout-payment input[type="radio"]:checked {
  border-color: #28a745; /* ЗЕЛЁНАЯ ОБВОДКА — АКТИВНАЯ */
}

.woocommerce-shipping-methods input[type="radio"]:checked::before,
.woocommerce-checkout-payment input[type="radio"]:checked::before {
  background-color: #28a745; /* ЗЕЛЁНАЯ ТОЧКА ВНУТРИ */
}

.woocommerce ul#shipping_method li label {
  display: flex;
  align-items: center;
 gap: 5px;
	margin-right: 10px;
	padding-left: 5px
}


/*----Cart ------*/

.woocommerce-cart table.cart img {
	width: 100px
}

@media screen and (max-width: 719px) {
tbody > tr.woocommerce-shipping-totals.shipping td {
		display: flex;
	flex-direction: column;
	align-items: flex-start;
	}
}
@media screen and (max-width: 719px) {
	.woocommerce table.shop_table_responsive ul#shipping_method li, .woocommerce-page table.shop_table_responsive ul#shipping_method li {
		justify-content: flex-start!important;
		text-align: right;
	}
}

@media screen and (max-width: 719px) {
.woocommerce ul#shipping_method {
		margin-top: 15px;
	
	}
}
@media screen and (max-width: 719px) {
	.cart_totals h2 {
	text-align: right;
	
}
	
}

.woocommerce-cart .cart-collaterals .cart_totals  tbody{
	display: flex;
	flex-direction: column;
}

tr.cart-subtotal  {
	display: flex;
	justify-content: space-between;
}
.woocommerce-shipping-totals {
	display: flex;
	flex-direction: column;
	
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
	width: 100%;
}
tr.woocommerce-shipping-totals.shipping > td {
	border-top: none!important;
}

.woocommerce-shipping-methods {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 10px!important
	
}
.woocommerce ul#shipping_method li {
	flex-wrap: nowrap;
}

/*.woocommerce ul#shipping_method li label {
	margin-right: 2.7em;
}*/

/*-----END-------*/

/*------Checkout------*/
@media only screen and (max-width: 767px) {
    #order_review .shipping td:nth-child(2)
 {
        min-width: 0;
        width: 100%!important;
    }
}

 #terms {
	 width: 20px;
    height: 20px;
	 margin-left: 5px
}

tr.pickups_location{
	  display: flex;
    justify-content: space-between;
	border-top: 1px solid #015D6C;
}

tr.order-total{
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #015D6C;
}
.woocommerce-checkout-review-order-table thead{
	display: flex;

}

.woocommerce-checkout-review-order-table thead tr{
	  display: flex;
	  width: 100%;
    display: flex;
    justify-content: space-between;
	border-top: 1px solid #015D6C;
}
.woocommerce-checkout-review-order-table {
	display: flex;
    flex-direction: column;
	  margin-top: 20px!important;
}
.woocommerce-checkout-review-order-table tbody{
	display: flex;
	flex-direction: column;
}

.woocommerce-checkout-review-order-table tbody tr{
	display: flex;
    justify-content: space-between;
    width: 100%;
	border-top: 1px solid #015d6c63;

	
}
.woocommerce-checkout-review-order-table  td {
	border: none!important;
}
.woocommerce-checkout-review-order-table th {
	border: none!important;
}

.woocommerce-checkout-review-order-table .cart-subtotal {
	border-top: 1px solid #015d6c63;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals {
	border-top: 1px solid #015D6C;
}
.woocommerce-checkout-review-order-table .product-name {
	display: flex;
}
/*------Checkout END------*/
/* =========================================================
   Cosmetic upgrade (keep your layout) — shadows + radius
   Add AFTER your current CSS
   ========================================================= */

/* CART: totals card */
.woocommerce-cart .cart-collaterals .cart_totals {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}

/* CHECKOUT: order review card */
.woocommerce-checkout #order_review {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}

/* If you also want payment box a bit more premium (safe) */
.woocommerce-checkout .woocommerce-checkout-payment {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.06);
}
/* Softer separators (same hue, softer look) */
tr.pickups_location,
tr.order-total,
.woocommerce-checkout-review-order-table thead tr {
  border-top-color: rgba(1, 93, 108, 0.55);
}

.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table .cart-subtotal {
  border-top-color: rgba(1, 93, 108, 0.25);
}
/* RADIO: keep your shape, just improve feel + use gold */
.woocommerce-shipping-methods input[type="radio"],
.woocommerce-checkout-payment input[type="radio"]{
  border-color: rgba(0,0,0,.55); /* softer black */
  transition: border-color .2s ease, box-shadow .2s ease, transform .08s ease;
}

.woocommerce-shipping-methods input[type="radio"]:checked,
.woocommerce-checkout-payment input[type="radio"]:checked{
  border-color: #C8A24A; /* gold */
  box-shadow: 0 0 0 3px rgba(200, 162, 74, 0.18);
}

.woocommerce-shipping-methods input[type="radio"]:checked::before,
.woocommerce-checkout-payment input[type="radio"]:checked::before{
  background-color: #C8A24A; /* gold dot */
}

/* Small tactile feedback */
.woocommerce-shipping-methods input[type="radio"]:active,
.woocommerce-checkout-payment input[type="radio"]:active{
  transform: translateY(1px);
}
/* Shipping methods row highlight */
.woocommerce ul#shipping_method li {
  padding: 10px 10px;
  border-radius: 12px;
  transition: background-color .15s ease, box-shadow .15s ease;
}

.woocommerce ul#shipping_method li:hover {
  background: rgba(200, 162, 74, 0.08);
}

.woocommerce ul#shipping_method li:has(input[type="radio"]:checked) {
  background: rgba(200, 162, 74, 0.10);
  box-shadow: 0 0 0 1px rgba(200, 162, 74, 0.25) inset;
}
@media screen and (max-width: 719px) {
  .woocommerce-cart .cart-collaterals .cart_totals,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout .woocommerce-checkout-payment{
    border-radius: 14px;
    padding: 4px;
  }
}

/* Унифицированный стиль для всех миниатюр */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    padding: 0;
	max-width: 100%;
    justify-content: center;
	flex-wrap: wrap;
  
}

/* Сброс возможных специфичных стилей */
.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce div.product div.images .flex-control-thumbs li:first-child {
    width: 100px !important;
    height: 100px !important;
    margin: 0 !important;
    padding: 0 !important;
    /*opacity: 0.6;*/
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    list-style: none;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Активная и при наведении */
.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1;
    border-color: #B69862;
}

/* Изображения внутри */
.woocommerce div.product div.images .flex-control-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* или 'cover', если хочешь без отступов */
    display: block;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    margin: 0;
    border: none;
  
}

@media (max-width: 480px) {
  /* Контейнер миниатюр */
  .woocommerce div.product div.images .flex-control-thumbs {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  /* Элементы миниатюр */
  .woocommerce div.product div.images .flex-control-thumbs li,
  .woocommerce div.product div.images .flex-control-thumbs li:first-child {
    flex: 0 0 calc(20% - 8px); /* 3 в строке */
    width: auto !important;
    height: auto !important;
    aspect-ratio: 1 / 1; /* Квадратные миниатюры */
    padding: 2px !important;
  }

  /* Изображения внутри */
  .woocommerce div.product div.images .flex-control-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
	.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    opacity: 1;
    border-color: #ddd;
}
}
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__wrapper img {
    padding: 1px !important;
}

.kt-image-overlay-wrap {
    background: transparent !important;
}
