/*
Theme Name:   Kohler Argentina
Description:  Tema hijo de Kohler Argentina del Hello Elementor
Author:       Jonathan Rikles
Template:     hello-elementor
Version:      1.0.0
*/

/* header */
.logo {
	svg {

		.st0,
		.st1 {
			fill: white;
		}
	}
}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true]+.e-n-menu-wrapper {
	margin-top: 18px;
}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-content>.e-con {
	width: 100% !important;

	@media (min-width: 1025px) {
		width: fit-content !important;
	}
}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper#menubar-261 {
	position: relative !important;
	max-height: 740px !important;
	
	@media (min-width: 1025px) {
		position: absolute !important;
	}
}

.is-sticky .elementor-sticky.elementor-sticky--active,
.product-header {
	background: white !important;

	.logo {
		svg {

			.st0,
			.st1 {
				fill: black;
			}
		}
	}

	.lupa,
	.menu {
		svg {
			path {
				stroke: black;
			}
		}
	}

	.elementor-widget-n-menu {
		.e-n-menu-toggle[aria-expanded=true] {
			.e-n-menu-toggle-icon {
				border-color: black !important;

				svg {
					fill: black;
				}
			}
		}

		.e-n-menu-item {

			&:hover,
			&:has(.e-current) {
				color: black;

				&:after {
					background-color: black;
				}
			}

			.e-n-menu-title .e-n-menu-title-container>.e-n-menu-title-text {
				color: black;
			}
		}
	}
}

.elementor-80,
.elementor-18315 {
	.elementor-element.megamenu-bg {
		&:before {
			content: '';
			top: -6px;
/* 			left: 45%; */
		}

/* 		&.megamenu-bano {
			&:before {
				left: 20%;
			}
		}

		&.megamenu-nosotros {
			&:before {
				left: 68.5%;
			}
		} */
	}
}

.megamenu-d {
	.e-child:has(.btn-destacado-menu) {
		background-color: var(--e-global-color-secondary) !important;

		.btn-destacado-menu {
			transition: ease-in-out .2s;
		}

		.elementor-icon {
			svg {
				path {
					stroke: var(--e-global-color-text);
				}
			}
		}
	}

	&:hover {
		.e-child:has(.btn-destacado-menu) {
			background-color: var(--e-global-color-primary) !important;

			.btn-destacado-menu {
				gap: 12px;
			}
		}
	}
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
	font-weight: inherit;
}

.elementor-widget-n-menu .e-n-menu-item {
	color: white;
	justify-content: center;

	&:hover,
	&:has(.e-current) {
		color: white;

		&:after {
			display: block;
			background-color: white;
		}
	}

	&:after {
		content: '';
		width: 80px;
		height: 2px;
		bottom: -1.5px;
		background-color: white;
		transition: ease-in-out .2s;
		position: absolute;
		display: none;
	}
}

.elementor-widget-n-menu .submenu .e-n-menu-item {
		&:hover,
		&:has(.e-current) {

			&:after {
				display: none;
			}
		}
}

.elementor-80 .elementor-element.elementor-element-ea3e47f {
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.lupa {
	color: transparent !important;
	
	svg path {
		stroke-width: 1px;
	}
	
	&:hover {
		svg path {
			stroke: black;
		}
	}
}

.btn-destacado-menu svg path {
	stroke: white;
}

.elementor-widget-n-menu .e-n-menu-toggle {

	&:hover,
	&:focus {
		background-color: transparent;
	}

	svg {
		stroke: white;

		path {
			stroke-width: 1px;
		}
	}
}

.elementor-80 .elementor-element.elementor-element-3e3c378 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-80 .elementor-element.elementor-element-3e3c378 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
	bottom: -1.5px;
}

.elementor-widget-search,
.elementor-widget-fibosearch {

	.e-search-form,
	.dgwt-wcas-search-form {
		.dgwt-wcas-sf-wrapp {
			padding: 0 !important;
		}

		.e-search-input-wrapper {
			/* 			display: none; */
		}

		.e-search-submit,
		.dgwt-wcas-search-submit {
			border: none !important;
			margin: 0 !important;
			background-color: var(--e-global-color-primary) !important;
			left: unset !important;
			right: 0 !important;
			top: 0 !important;
			border-radius: 0 !important;
			display: flex !important;
			align-items: center !important;
			justify-content: center !important;
			padding: 24px !important;
			width: 65px !important;
			height: 100% !important;
			pointer-events: all !important;

			svg {
				fill: unset !important;
				width: 16px !important;
				height: 16px !important;
				margin: 0;
				transform: translatex(0);
				transition: ease-in-out .2s;
				position: relative !important;

				path {
					fill: transparent !important;
				}
			}

			&:hover {
				background-color: black !important;
				box-shadow: none !important;

				svg {
					transform: translatex(5px);
				}
			}
		}

		.dgwt-wcas-search-input {
			box-shadow: none !important;
			border-style: solid !important;
			border-width: 1px 1px 1px 1px !important;
			border-color: var(--e-global-color-8d1ad5b) !important;
			border-radius: 0 !important;
			padding-inline-start: 16px;
			padding-inline-end: 16px;
			min-height: calc(16px + 16px + max(12px, 24px));
			padding-block-end: 16px;
			padding-block-start: 16px;
			padding: .5rem 1rem !important;
		}
	}
}

/* swiper slider */

.swiper-wrapper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	width: 100%;
	height: 100%;

	&[aria-label="3 / 3"] {
		.kohler-slide-description {
			width: 80%;
		}
	}
}

.kohler-slide-description {
	width: 72%;
}

.swiper-button-disabled {
	display: none;
}

.swiper-button-prev,
.swiper-button-next {
	opacity: .5;
	transition: ease-out .2s;

	&:hover {
		opacity: 1;
	}
}

/* bloques home */

.elementor-6 .bloque-home.elementor-element:not(.elementor-motion-effects-element-type-background),
.elementor-6 .bloque-home.elementor-element>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-size: auto 100% !important;

	&:hover {
		background-size: auto 103% !important;
	}

	@media (min-width: 1000px) {
		background-size: 112% auto !important;

		&:hover {
			background-size: 115% auto !important;
		}
	}

	@media (min-width: 1300px) {
		background-size: auto 100% !important;

		&:hover {
			background-size: auto 103% !important;
		}
	}

	@media (min-width: 1400px) {
		background-size: 126% auto !important;

		&:hover {
			background-size: 129% auto !important;
		}
	}

	@media (min-width: 1920px) {
		background-size: 100% auto !important;

		&:hover {
			background-size: 103% auto !important;
		}
	}
}

.elementor-6 .bloque-home-d.elementor-element:not(.elementor-motion-effects-element-type-background),
.elementor-6 .bloque-home-d.elementor-element>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-size: auto 100% !important;

	&:hover {
		background-size: auto 103% !important;
	}
}

.btn-colecciones {
	column-gap: 15px;
	transition: .2s ease-in-out !important;

	&:hover {
		column-gap: 20px;
	}
}

.bloque-home,
.subbloque-home {
	&:hover {
		.btn-colecciones {
			column-gap: 20px;
		}
	}
}

.elementor-6 .btn-colecciones-black .elementor-element .elementor-icon {
	svg {
		path {
			stroke: black;
		}
	}
}

.elementor-button[type="submit"] {
	margin-top: 20px;
	
	svg {
		transform: translatex(0);
		transition: ease-in-out .2s;
		
		path {
			fill: none !important;
		}
	}
}

.elementor-button-link, .elementor-button[type="submit"] {
	&:hover {
		svg {
			transform: translatex(5px);
			path {
				stroke: var(--e-global-color-primary);
				fill: none;
			}
		}
	}
}

/* form */
.elementor .e-form-base {
	input[type="text"] {
		&::-webkit-input-placeholder {
			opacity: 1;
			color: var(--e-global-color-primary);
		}
	}
}

/* upload */

.elementor-field-type-upload {
/* 	justify-content: flex-end; */
}

input[type="file"] {
	width: 49%;

	&::-webkit-file-upload-button {
		background-color: var(--e-global-color-primary);
		color: #ffffff;
		border-width: 1px;
		border-color: var(--e-global-color-primary);
		padding: 12.5px 35px 12.5px 20px;
		background-image: url("https://kssbuenosaires.com.ar/wp-content/uploads/2026/06/up.svg");
		background-repeat: no-repeat;
		background-size: 7px 11.5px;
		background-position: 90% center;
		margin-right: 20px;

		&:hover {
			background-color: white;
			color: var(--e-global-color-primary);
		}
		
		+ span {
			display: none;
		}
	}
}


/* archive products */

.woocommerce .elementor-loop-container {
	.product {
		a {
			&:hover {
				.btn-colecciones {
					column-gap: 20px;
				}
			}

			.elementor-widget-image {
				overflow: hidden;
			}
		}
	}
}

.elementor-18632 .elementor-element.elementor-element-105cfe4:not(.elementor-motion-effects-element-type-background),
.elementor-18632 .elementor-element.elementor-element-105cfe4>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-position: 60% 80%;
	background-repeat: no-repeat;
	background-size: cover;
}

.elementor-10735 .elementor-element.elementor-element-0b0227f:not(.elementor-motion-effects-element-type-background),
.elementor-10735 .elementor-element.elementor-element-0b0227f>.elementor-motion-effects-container>.elementor-motion-effects-layer {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* filtros (widgets) */

.elementor-widget-sidebar {
	
	#woocommerce_product_categories-5 {
			li {
				display: block;
				
				&.cat-parent {
					padding-bottom: 20px;
				}
				
				&.cat-item-251 {
					display: none;
				}
			}
		}

	.woocommerce-widget-layered-nav-list,
	.product-categories {
		padding: 0;

		li {
			display: flex;
			align-items: center;
			font-size: 14px;
			margin: 0 !important;

			a {
				font-size: 14px;
				line-height: 1;
				color: #666;

				&:hover {
					color: black;
				}

				&:before {
					display: none;
				}
			}

			.count {
				padding: 0 5px;
				color: #666;
			}
		}
	}

	/* 	display: flex;
	flex-direction: column !important;
	gap: 80px !important; */

	/* 	.select2-container--default .select2-selection--single {
		display: flex;
		border: none;
		background: transparent;
		font-size: 16px;
		
		.select2-selection__placeholder {
			color: black;
		}
	}
	
	.select2-container--default .select2-selection--single .select2-selection__arrow {
		position: relative;
	} */
}

:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0 !important;
}

/* filtros en tags de productos */

.tax-product_tag {
	#woocommerce_product_categories-2 {
		display: none;
	}
}

/* loop productos */

.elementor-pagination {
	display: flex;
	justify-content: center;
	
	.page-numbers {
		font-size: 14px;
		padding: 5px 10px;
		border: solid thin white;

		&.current {
			background-color: var(--e-global-color-primary);
			border-color: var(--e-global-color-primary);
			color: white;
		}

		&:hover {
			border-color: var(--e-global-color-primary);
		}
	}
}

/* single product */

.elementor-18289 .elementor-element.elementor-element-9fa32b4 .woocommerce-breadcrumb {
	>a {
		font-size: 14px;
	}
}

.woocommerce {
	div.product div.images {
		.flex-control-thumbs {
			display: flex;

			li {
				width: 17%;
			}
		}

		.woocommerce-product-gallery__trigger {
			z-index: 98;
		}
	}

	.elementor-18289 .woocommerce-tabs {
		ul.wc-tabs li.reviews_tab {
			display: none;
		}

		.woocommerce-Tabs-panel {
			h2 {
				display: none;
			}

			a {
				font-size: 14px;
			}
		}
	}
}


/* footer */

.parking-footer {
	svg path {
		fill: black;
	}
}


/* Custom Header Search Toggle */
.header-search-widget {
	display: none !important;
	position: absolute !important;
	top: 100%;
	/* Ajusta según el diseño de tu header, ej: 80px */
	right: 0;
	/* O ajusta a la posición que desees (ej: 10%, 20px, etc) */
	width: 300px;
	/* Ancho deseado del buscador */
	max-width: 100%;
	z-index: 999;
}

.header-search-widget.is-active {
	display: block !important;
	/* Se maneja con el fadeToggle de jQuery, pero por las dudas */
}

.lupa {
	cursor: pointer;
}