/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1728434595
Updated: 2024-10-09 03:43:15

*/

@import url(custom-style.css);

body {
	min-height: auto;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: auto;
	height: auto;
	overflow: visible;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.elementor:has(.woocommerce) {
	position: relative;
	flex: 1 !important;
	/* padding: 50px 0 ; */
	font-family: "Montserrat", sans-serif;
}
.e-con-inner {
	padding: 0 !important;
}
.woocommerce:has(.cart_container) {
	padding: 50px 0 !important;
}

.woocommerce-message {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.cart_container {
	display: grid;
	grid-template-columns: 60% minmax(290px, 30%);
	grid-template-rows: auto;
	gap: 20px;
	justify-content: space-between;
	padding: 0 15px;
}
.table-thead {
	display: none;
}
tbody > tr > td {
	background-color: transparent !important;
}
tbody > tr:not(:last-child):hover {
	background-color: #e8eef3;
}
.woocommerce-cart-form__cart-item td {
	border-bottom: 1px solid #e8eef3 !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: right;
	width: 100%;
}
.product-remove {
	position: relative;
}

.remove {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
}
.product-thumbnail {
	min-width: 60px !important;
}
.product-thumbnail img {
	min-width: 40px;
	min-height: 40px;
	width: 100% !important;
	object-fit: cover !important;
}
.product-name a {
	color: var(--wc-secondary-text);
	border-bottom: 1px dashed rgba(127, 131, 143, 0.7019607843) !important;
}
.woocommerce .quantity .qty {
	/* margin: 0; */
	padding: 0;
	width: 3, 5em;
	text-align: center;
	border: none;
}
/* Скрыть стрелки для всех input type="number"
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    Для Firefox */
/* input[type=number] {
        -moz-appearance: textfield;
    } */

.coupon label {
	display: none;
}

.cart_order-list {
	align-self: start;
	background-color: #f2f5f8;
	border-radius: 20px;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	padding: 20px;
	max-height: fit-content;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.card_order-title {
	text-align: center;
	max-height: fit-content;
	margin: 0 0 30px 0;
}
.coupon {
	position: relative;
}
.coupon input {
	border: none;
	border-radius: 20px;
	min-height: 44px;
	padding-right: 50px;
	margin-bottom: 20px;
}
.coupon button {
	position: absolute !important;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background: #93bd39 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	opacity: 1;
	transition:
		box-shadow 0.3s ease,
		opacity 0.3s ease;
}
.coupon button:hover {
	box-shadow: 1px 1px 5px #93bd39;
	opacity: 0.9;
}
.coupon button svg {
	display: flex;
	justify-content: center;
	align-items: center;
}
.coupon button svg path {
	fill: #fff;
}
.cart-total {
	display: none;
	justify-content: space-between;
	padding: 0 15px;
	margin-bottom: 15px;
}
.cart_order-list .cart-total {
	display: flex;
}
.checkout-button-container {
	border: none;
	padding: 0px;
}
.checkout-button-container:hover {
	background: none !important;
}
.checkout-button-container a {
	width: 100%;
	overflow-wrap: break-word;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	color: #fff !important;
	border-radius: 25px !important;
	height: 45px !important;
	background: #93bd39 !important;
	line-height: 45px !important;
	font-weight: 500 !important;
	opacity: 1;
	transition:
		box-shadow 0.3s ease,
		opacity 0.3s ease;
}
.checkout-button-container a:hover {
	box-shadow: 1px 1px 5px #93bd39;
	opacity: 0.9;
}

@media (max-width: 900px) {
	.cart_container {
		display: flex;
		flex-direction: column-reverse;
		gap: 30px;
	}
}

@media (max-width: 500px) {
	.product-name a {
		display: inline-block;
		max-width: 150px;
	}
}

/* ===================checkout */

.woocommerce-billing-fields h3 {
	margin-bottom: 30px;
	padding-left: 3px;
}

.woocommerce form .form-row {
	position: relative !important;
	width: 100% !important;
	margin-bottom: 15px;
}
.entry-title {
	text-align: center;
}

.woocommerce form .form-row label {
	left: 15px;
	position: absolute;
	top: -2px;
	background: #fff;
	padding: 0px 2px;
	line-height: 1;
	font-size: 12px;
}
.woocommerce form .form-row .input-text {
	display: block;
	width: 100%;
	/* padding: .375rem .75rem !important; */
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #212529 !important;
	background-color: #fff;
	background-clip: padding-box !important;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none !important;
	border-radius: 0.375rem !important;
	transition:
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out !important;
	border-radius: 50px !important;
	padding-right: 22px;
	padding-left: 22px;
	min-width: 189px;
}
.woocommerce form .form-row .input-text:focus {
	border: 1px solid #212529;
}

table.shop_table {
	align-self: start;
	border-radius: 20px !important;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto;
	padding: 20px;
	max-height: fit-content;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	padding: 20px !important;
}
table.shop_table,
.shop_table thead,
.shop_table tbody {
	background: #f2f5f8 !important;
}

tr.cart_item {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.order-total {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	background-color: #93bd39;
	border-radius: 20px;
	color: #fff;
}
.woocommerce table.shop_table {
	/* margin: 0 auto 30px; */
}

.woocommerce-billing-fields,
table.shop_table,
.woocommerce-checkout-payment {
	max-width: 500px;
	/* margin: 0 auto 30px; убираем отступы */
}

.woocommerce-form-coupon-toggle:has(.woocommerce-info) {
	display: none;
}
.woocommerce-checkout-payment {
	background: #f2f5f8 !important;
	border-radius: 20px !important;
	padding: 20px;
}
.form-row.place-order {
	margin: 0;
}

.input-radio {
	-webkit-appearance: none; /* Убираем стандартный стиль для браузера Safari */
	-moz-appearance: none; /* Убираем стандартный стиль для браузеров Firefox */
	appearance: none; /* Убираем стандартный стиль для других браузеров */
	width: 20px; /* Ширина круга */
	height: 20px; /* Высота круга */
	border: 2px solid #93bd39; /* Пустой зеленый круг */
	border-radius: 50%; /* Делаем элемент кругом */
	outline: none; /* Убираем стандартный контур */
	cursor: pointer; /* Курсор при наведении */
	position: relative; /* Для псевдоэлемента */
	background-color: #fff;
}

/* Стили для выбранной радиокнопки */
.input-radio:checked {
	background-color: #93bd39; /* Заполняем круг зеленым при выборе */
}

ul label img {
	width: 30px;
}
.form-row.place-order {
	padding: 0 !important;
	margin-bottom: 30px;
}
.woocommerce-privacy-policy-link {
	color: #93bd39;
}
.woocommerce-privacy-policy-text p {
	font-size: 12px;
}

.woocommerce-checkout-payment .button {
	background-color: #93bd39 !important;
	border-radius: 20px !important;
	color: #fff;
	width: 100%;
	padding: 12px !important;
	font-weight: 600 !important;
}

#order_review_heading {
	display: none;
}

/* =================модалка быстрого просмотра плагин WPC Smart Quick View for WooCommerce */

.woosq-popup {
	/* padding: 20px; */
	border-radius: 20px;
}
/* .mfp-content .woosq-popup,
.mfp-content .woosq-popup .product,
.mfp-content .woosq-popup .product > div {
height: 420px;
} */

.mfp-close {
	transform: scale(1.5);
	top: 10px;
	right: 10px;
	color: #212529 !important;
}
.summary-content {
	display: flex !important;
	flex-direction: column !important;
}
.woocommerce-product-details__short-description {
	display: none;
}
.product-description {
	flex: 1 !important;
	font-size: 14px;
	white-space: pre-wrap;
}
.entry-title {
	text-align: left;
}
.price {
	text-align: left;
	font-size: 20px;
	font-weight: 500px;
	color: #212529 !important;
}
.summary-content form.cart {
	display: flex !important;
	justify-content: end !important;
	margin-bottom: 0 !important;
}
.summary-content form.cart .input-text {
	height: 100%;
	margin-right: 10px;
	font-size: 24px;
	display: none;
}
.summary-content form.cart button {
	/*    padding: 5px 20px;*/
	/*    border-radius: 15px;*/
	background: #93bd39cf;
	transform: opacity 0.3s ease;
}
.summary-content form.cart button:hover {
	background: #93bd39cf;
	opacity: 0.9;
}

.thumbnails {
	overflow: hidden;
	background: transparent !important;
}
.thumbnails .images .thumbnail img {
	border-radius: 20px;
	margin: 20px;
}

/*---------------------------------------------------*/

@media (max-width: 1123px) {
	.thumbnails {
		height: auto !important;
		max-height: none !important;
		padding: 0 !important;
	}
	.thumbnails .images .thumbnail img {
		/* object-fit: cover !important; */
		margin: 0;
		max-height: none !important;
		border-radius: 0;
	}
	.mfp-close::before {
		color: #fff !important;
	}
}
@media (max-width: 500px) {
	.summary-content {
		padding: 10px !important;
	}
	.product_title.entry-title {
		font-size: 22px !important;
	}
}
/* Стили для input[type=number] */
.quantity input[type="number"] {
	-moz-appearance: textfield !important; /* Убирает стандартные стрелочки в Firefox */
}

/* Стили для стрелочек в WebKit (Chrome, Safari) */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: inner-spin-button !important; /* Делает стрелочки видимыми */
	opacity: 1;
	/* margin: 0 !important; Нет отступов */
}

/* Стили для общего внешнего вида */
.quantity input[type="number"] {
	width: 100px; /* Ширина инпута */
	padding: 5px !important; /* Отступы внутри */
	border: 1px solid #ccc !important; /* Граница */
	border-radius: 4px !important; /* Скругление углов */
}

/* предопределение стилей кнопки вызова всплывающего окна для вариативных товаров */
[type="button"],
[type="submit"],
button {
	display: inline-block;
	font-weight: 400;
	color: #ffffff;
	background-color: #fa505d;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: 1px solid #fa505d;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	border-radius: 16px;
	transition: all 0.3s;
}

[type="button"]:focus:not(:focus-visible),
[type="submit"]:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
	outline: none;
}

[type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
	color: #ffffff;
	background-color: #fa505d;
	text-decoration: none;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	border-radius: 10px;
}

.woocommerce-message {
	position: relative;
}

.eael-product-grid.eael-product-simple .woocommerce ul.products li.product a.added_to_cart,
.eael-product-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart,
.eael-post-grid.eael-product-simple .woocommerce ul.products li.product a.added_to_cart,
.eael-post-grid.eael-product-reveal .woocommerce ul.products li.product a.added_to_cart {
	border-radius: 10px;
}

.woocommerce_loop_product-custom-quick-view {
	cursor: pointer;
}
/*Custom quiq view styles*/
#custom-quick-view-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(16, 16, 16, 0.85);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

#custom-quick-view-modal .custom-quick-view-content {
	padding: 28px;
	max-width: 1056px;
	display: flex;
	flex-direction: row-reverse;
	gap: 16px;
	flex: 1 1 auto;
	min-height: 550px;
}

#custom-quick-view-modal .custom-quick-view-close {
	font-size: 24px;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	border-radius: 30px;
	color: #1c264999;
	box-shadow: 0 6px 20px #0000001a;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
#custom-quick-view-modal .custom-quick-view-close::before,
#custom-quick-view-modal .custom-quick-view-close::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background-color: #000;
}
#custom-quick-view-modal .custom-quick-view-close::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
#custom-quick-view-modal .custom-quick-view-close::after {
	transform: translate(-50%, -50%) rotate(45deg);
}

#custom-quick-view-modal .custom-quick-view-body {
	flex: 1 1 auto;
	background: #fff;
	border-radius: 24px;
	padding: 40px;
	position: relative;
	max-width: 936px;
}
#custom-quick-view-modal.loading .custom-quick-view-body::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 48px;
	height: 48px;
	border: 5px solid #fa505d;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
@keyframes rotation {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
#custom-quick-view-modal.loading .custom-quick-view-body .quick-view-product {
	opacity: 0;
}
#custom-quick-view-modal .custom-quick-view-body .quick-view-product {
	opacity: 1;
}
#custom-quick-view-modal .product {
	display: flex;
	align-items: start;
	gap: 28px;
}
#custom-quick-view-modal .woocommerce-product-gallery {
	border-radius: 16px;
	overflow: hidden;
	margin: 0;
	width: auto;
	flex: 0 1 50%;
}
#custom-quick-view-modal .summary {
	margin: 0;
	display: flex;
	flex-direction: column;
	width: auto;
	max-width: 50%;
	flex: 0 1 50%;
	align-self: stretch;
}
#custom-quick-view-modal .product_title {
	font-size: 26px;
	font-weight: 400;
}
#custom-quick-view-modal .woocommerce_single_product-weight {
	color: #7f838f;
	font-size: 14px;
	white-space: inherit;
	padding-bottom: 8px;
}
#custom-quick-view-modal .single-product-full-description {
	padding-top: 24px;
	flex: 1 1 auto;
	font-size: 14px;
	white-space: pre-wrap;
	color: #1c2649;
}
#custom-quick-view-modal form.cart {
	margin: 0;
}
#custom-quick-view-modal form.cart .quantity {
	display: none;
}
#custom-quick-view-modal .single_add_to_cart_button {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 12px 28px;
	box-shadow: 0 3px 20px #ff414d4c;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
}
#custom-quick-view-modal .variations_form .single_add_to_cart_button {
	justify-content: center;
}
#custom-quick-view-modal .variations_form .wpwc_product_price_wrapper {
	max-width: 100%;
}
#custom-quick-view-modal .single_add_to_cart_button span {
	display: inline;
	flex: 1 1 auto;
	text-align: right;
}
@media (max-width: 1024px) {
	#custom-quick-view-modal .custom-quick-view-content {
		padding: 0;
		height: 100%;
		width: 100%;
	}
	#custom-quick-view-modal .custom-quick-view-close {
		position: absolute;
		right: 32px;
		top: 32px;
		z-index: 2;
	}
	#custom-quick-view-modal .custom-quick-view-body {
		border-radius: 0;
		padding: 32px;
		height: 100%;
		overflow-y: auto;
	}
	#custom-quick-view-modal .product {
		flex-direction: column;
	}
	#custom-quick-view-modal .woocommerce-product-gallery {
		max-width: 480px;
		margin: 0 auto;
	}
	#custom-quick-view-modal .summary {
		max-width: 100%;
	}
}

.custom-product-grid .product .eael-product-wrap a.add_to_cart_button.added {
	display: block !important;
}