/*
 * Theme Name: Ametok Child
 * Template: ametok
 * Version: 1
 * Description: Ametok Construction WordPress Theme
 * Author: TPLabs
 * Theme URI: http://tplabs.co/ametok
 * Author URI: http://tplabs.co/
 * License: Custom license
 * License URI: Licensing/README_License.txt
 * Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready, rtl support
**/


:root {
	--alt-btn-color: #6EC1E4;
}

.woo-single-post-class .woocommerce-tabs ul {
  margin: 0 0 30px 15px;
  border: none;
}

.woo-single-post-class .woocommerce-tabs > ul {
  margin: 0;
  border-bottom: 1px solid #e1e1e1;
}

.woo-single-post-class .woocommerce-tabs ul li {
  display: list-item;
  list-style: inherit;
}

.woo-single-post-class .woocommerce-tabs > ul > li {
  position: relative;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

td p:last-child {
  margin: 0;
}

.products li .woocommerce-loop-product__title {
  margin-bottom: 0px;
  padding: 0 0 8px 0;
  font-size: 20px;
  line-height: 25px;
  transition: color ease 0.3s;
}

.products li .price {
  font-size: 20px;
  line-height: 1 !important;
  color: var(--e-global-color-ametok_accent_h1);
  display: inline-block;
  font-weight: 600;
}

.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 12px;
}

.wpcf7 input, 
.wpcf7 select, 
.wpcf7 textarea {
	margin-bottom: 0;
}

.wpcf7 input.wpcf7-not-valid, 
.wpcf7 textarea.wpcf7-not-valid {
	border: 1px solid red !important;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 0.85em;
  font-weight: normal;
  display: block;
}

.price-style-1 .premium-pricing-price-container {
  display: flex;
  flex-wrap: wrap;
}

.price-style-1 .premium-pricing-price-container .premium-pricing-price-duration {
  width: 100%;
  display: block;
  flex: 1 0 100%;
  max-width: 100%;
}

.master-text-box .text a,
.master-text-box.active .title a {
	color: inherit;
}

.master-text-box .text a:hover {
	color: inherit;
}

.ametok-header-fixed {
	transform: translateY(-110%);
}
.ametok-header-fixed.fixed-show .premium-nav-slide-overlay.premium-vertical-toggle-open,
.ametok-header-fixed.fixed-show .premium-mobile-menu-outer-container.premium-vertical-toggle-open {
	height: 100vh;
}


.pum-theme-podpiska.pum-active .pum-container {
	background-image: url("https://bbvivax-gerueste.de/wp-content/uploads/2026/01/gerueste_slider_1.webp");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.pum-theme-podpiska.pum-active .pum-container::after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.pum-theme-podpiska .pum-content {
	text-align: center;
}

.pum-theme-podpiska .pum-content .wp-block-heading {
	color: inherit;
	margin: 0 0 4px 0;
	font-size: 1.7em;
}

.pum-theme-podpiska .pum-content .wp-block-image img {
	filter: brightness(0) invert(1);
}

.cky-btn-accept,
.cky-btn-reject,
.cky-btn-preferences,
.wp-element-button {
	background-color: var(--e-global-color-ametok_accent_h1) !important;
	border-color: var(--e-global-color-ametok_accent_h1) !important;
}

.cky-btn-customize,
.wp-element-button {
	border-color: var(--e-global-color-ametok_accent_h1) !important;
	color: var(--e-global-color-ametok_accent_h1) !important;
}

.wp-element-button {
	color: #fff !important;
	transition: color .3s, background .3s !important;
	
}
.wp-element-button:hover, .wp-element-button:focus {
  outline: 0;
  background-color: var(--e-global-color-ametok_primary) !important;
  color: #fff !important;
}

.cky-btn-revisit-wrapper {
	background-color: var(--e-global-color-ametok_accent_h1) !important;
}

/* Скрывает все элементы внутри формы, когда ей присваивается класс .sent */
.wpcf7-form.sent .wpcf7-form-control-wrap,
.wpcf7-form.sent .wpcf7-submit,
.wpcf7-form.sent p {
    display: none;
}

.woocommerce-page .shop_table.cart td, .woocommerce-page .shop_table.cart th {
  padding: 6px 12px;
  vertical-align: middle;
}

.woocommerce-page .shop_table.cart .product-name a {
  font-size: 22px;
  font-weight: 600;
}

.woocommerce-page .shop_table.cart .woosb-cart-item.woosb-item-child td {
	padding: 2px 12px;
	font-size: 85%;
}
.woocommerce-page .shop_table.cart .woosb-cart-item.woosb-item-child .product-name a{
	font-size: 85%;
}

.woocommerce-page .shop_table.cart .cart_item.woosb-cart-item.woosb-item-child .product-thumbnail img {
	display: block;
	margin: 0 auto;
	width: 50px;
}

.woocommerce-page .shop_table.cart .woosb-cart-item.woosb-item-child td.product-thumbnail {
	border-right: none;
}

.woocommerce-page .shop_table.cart .product-remove a {
	position: relative;
	text-indent: 0;
	display: block;
	padding: 0;
	font-weight: normal;
	text-align: center;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 36px;
}
.woocommerce-page .shop_table.cart .product-remove a::after{
	display: none;
}

.wc-block-components-product-price {
	display: block;
	line-height: 1.4;
}
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
	display: block;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	line-height: 36px;
}

.woo-single-post-class .summary .price {
	font-size: 28px;
	display: inline-flex;
	flex-direction: column;
}

.woo-single-post-class .summary .sku_wrapper{
	float: right;
}


.price .woocommerce-price-suffix {
	font-size: 65%;
	font-weight: normal;
	color:  var(--e-global-color-ametok_text);
}

.products li .price .woocommerce-price-suffix{
	width: 100%;
	clear: both;
	display: flex;
	font-size: 75%;
}


.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes td {
	padding: 4px 8px;
}

.tagged_as {
	display: inline-flex;
	gap: 8px;
	margin: 0 0 12px 0;
}
.tagged_as a{
	line-height: 1;
	padding: 8px 12px;
	border-radius: 4px;
	background-color: var(--e-global-color-ametok_accent_h1) !important;
	color: #fff;
	text-transform: uppercase;
}

.woocommerce-page .content-woocommerce .products {
	display: flex;
	flex-wrap: wrap;
}

.products li .tagged_as {
	width: 100%;
}
.products li .tagged_as a{
	width: 100%;
	margin: 0 10px 0 10px;
	padding: 6px 6px;
	font-size: 85%;
}

.products li .inner {
	position: relative;
	border: 1px solid grey;
	overflow: visible;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.products li:hover .inner {
	border: 1px solid grey;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
	overflow: visible;
}

.products li .inner .wpcbm-badges.wpcbm-badges-flat {
	position: absolute;
	margin-left: 0;
	margin-right: 0;
	justify-content: flex-start;
	left: -12px;
	top: 5px;
}

.products li:hover .product-thumbnail img {
	transform: scale(1.1);
}

.products li .product-info {
	margin: 15px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 0 auto;
	justify-content: space-between;
}

.products li .product-attributes-in-loop {
	width: 100%;
	padding: 10px 10px 15px 10px;
}

.products li .product-attributes-in-loop .product-attribute {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 90%;
	border-bottom: 1px solid;
}

.products li .product-attributes-in-loop .product-attribute:last-child{
	border: none;
}

.products li .added_to_cart,
.products li .add_to_cart_button,
.products li .product-info .button,
.products li .product-info .added_to_cart,
.products li .product-thumbnail .added_to_cart,
.products li .product-thumbnail .add_to_cart_button {
	display: inline-block;
	position: relative;
	transform: none;
	font-size: 14px;
	line-height: 40px;
	padding: 0 35px;
	background-color: var(--alt-btn-color);
	color: #fff;
	opacity: 1;
	transition: opacity 0.3s, background 0.3s;
}

.products li .product-info .button::before, 
.products li .product-info .added_to_cart::before, 
.products li .product-info .button::after, 
.products li .product-info .added_to_cart::after {
  font-size: 14px;
  font-style: normal;
  position: absolute;
  top: 0;
  right: 15px;
  transition: all ease 0.3s;
}

.products li .product-info .added_to_cart.wc-forward {
	background: none;
}

.products li .product-info .added_to_cart.wc-forward {
	background: none;
	color: var(--e-global-color-ametok_text);
	line-height: 1.5;
	text-transform: none;
}

.products li .product-info .added_to_cart.wc-forward::before,
.products li .product-info .added_to_cart.wc-forward::after  {
	display: none;
}

.products li .product-info .button::before,
.products li .product-info .added_to_cart::before {
	right: 15px;
	opacity: 0;
}

.products li .product-info .button:hover::before, 
.products li .product-info .added_to_cart:hover::before {
	opacity: 1;
	right: 15px;
}

.woo-single-post-class .summary .stock {
	border: 1px solid;
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	line-height: 1;
	border-radius: 30px;
}

.woo-single-post-class .summary .stock.in-stock {
	color: #129627;
	border-color: #129627;
}
.woo-single-post-class .summary .stock.in-stock::before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.66797 5.5L5.66797 9.5L12.3346 1.5' stroke='%23129627' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	display: inline-block;
	padding: 0 5px 0 0;
}

.woo-single-post-class .summary .stock.out-of-stock {
	color: #ff4f6d;
	border-color: #ff4f6d;
}
/*
.woo-single-post-class .summary .stock.out-of-stock::before {
	content: "🚫";
	display: inline-block;
	padding: 0 5px 0 0;
}
*/

.woo-single-post-class .summary .stock.available-on-backorder {
	color: #0d8bcd;
	border-color: #0d8bcd;
}

.woo-single-post-class .summary .cart .button {
	background-color: var(--alt-btn-color);
}

.woo-single-post-class .summary .cart .button:hover  {
	outline: 0;
	background-color: var(--e-global-color-ametok_primary);
	color: #fff;
}

.products li.first {
  clear: none;
}

@media only screen and (max-width: 575px) {
	.products.columns-3 li,
	.woocommerce-page.shop-col-3 .products li {
		width: 50%;
		padding: 0 6px;
		clear: none;
	}

	.products li .woocommerce-loop-product__title {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 20px;
	}
	
	.products li .product-attributes-in-loop .product-attribute {
		font-size: 80%;
  	}
	
	.products li .added_to_cart,
	.products li .add_to_cart_button,
	.products li .product-info .button,
	.products li .product-info .added_to_cart,
	.products li .product-thumbnail .added_to_cart,
	.products li .product-thumbnail .add_to_cart_button {
		font-size: 12px;
		line-height: 38px;
		padding: 0 15px;
	}
	
	.products li .product-info .button::before,
	.products li .product-info .added_to_cart::before,
	.products li .product-info .button::after,
	.products li .product-info .added_to_cart::after{
		display: none;
	}
	
	.woocommerce-pagination {
		margin-top: 24px;
		padding-top: 24px;
	}

	.ametok-pagination ul li .page-numbers,
	.woocommerce-pagination .page-numbers li .page-numbers {
		font-size: 14px;
		font-weight: 600;
		line-height: 28px;
		width: 28px;
		height: 28px;
	}
}

@media only screen and (max-width: 767px) {
	h1 {
		font-size: 2.2em;
		line-height: 1.2;
	}
	
	h2 {
		font-size: 2.0em;
		line-height: 1.2;
	}
	
	h3 {
		font-size: 1.8em;
		line-height: 1.2;
	}
	
	h4 {
		font-size: 1.7em;
		line-height: 1.2;
	}

	.woo-single-post-class .woocommerce-tabs ul li > a {
		display: block;
		padding: 8px 10px;
		font-size: 16px;
		line-height: 1.2;
	}
}

.wpc-custom-selected-terms {
	display: block !important;
}

.sidebar-toggle {
	display: none;
}

#sidebar {
	display: block;
}
#sidebar.active {
	/* Включаем клики обратно */
	pointer-events: auto; 
	opacity: 1;
  
	background: white;
	transform: translateX(0); /* Возвращаем на место */
	transition: all 0.5s ease;
}
#sidebar.active #inner-sidebar {
	width: 90%;
}

@media only screen and (max-width: 767px) {
	
	#sidebar {
		display: block;
		position: absolute;
		z-index: 100;
		left: 0; 
		transform: translateX(-100%); /* Прячем за экран */
		transition: all 0.5s ease; /* Анимируем трансформацию */
		
		/* Отключаем взаимодействие, пока скрыт */
		pointer-events: none; 
		opacity: 0; /* Опционально для мягкости */
	}
	
	.sidebar-toggle {
		display: block;
		padding: 0;
		width: 60px;
		height: 60px;
		line-height: 1;
		float: left;
	}
	
	.sidebar-toggle.closebtn {
		float: none;
		margin: 0 0 0 calc(90% - 62px);
	}

	.woocommerce-page .content-woocommerce .woocommerce-ordering {
		width: 70%;
		float: right;
	}	
}