/*
Sections
*/
#top {
	.avia-section {
		position: relative;
		min-height: initial;
		.container{
			z-index: 2;
		}
		&.avia-section-huge {
			.content:not([style*='epPadding']) {
				@media only screen and (max-width: 989px) {
					padding-top: 75px;
					padding-bottom: 75px;
				}
			}
		}
	}

	@for $i from 0 through 100 {
		.mb-#{$i} {
			margin-bottom: #{$i}px !important;
		}
	}

	@for $i from 0 through 100 {
		.mt-#{$i} {
			margin-top: #{$i}px !important;
		}
	}


	@for $i from 0 through 100 {
		.ml-#{$i} {
			margin-left: #{$i}px !important;
			
            @media (max-width: 1440px) {
            margin-left: 0 !important;
            }
		}
	}

	&.mb-0-p {
		p {
			margin-bottom: 0px !important;
		}
	}
	&.mt-0-p {
		p {
			margin-top: 0px !important;
		}
	}

	.body-font {
		.av-subheading  {
			font-family: $body-font-family !important;
		}
	}
}

// Social Profiles styles 


#top ul.social_bookmarks , #top ul.ep-social-bookmarks {
	width: fit-content;
	display: flex;
	align-items: center;
	height: fit-content !important;
	display: flex;
	column-gap: 19px;
	margin: 0px !important;
	flex-direction: row;
        li {
            width: 20px !important;
            height: 20px !important;
            transition: all 0.3s ease-in-out;
			border: none !important;


            &.social_bookmarks_facebook , &.av-social-link-facebook{
                background: url('/wp-content/uploads/2025/08/logo-facebook.svg') center / contain no-repeat !important;
            
			}


            &.social_bookmarks_instagram , &.av-social-link-instagram{
                background: url('/wp-content/uploads/2025/08/logo-instagram.svg') center / contain no-repeat !important;
            }

            &.social_bookmarks_tiktok , &.av-social-link-tiktok {
                background: url('/wp-content/uploads/2025/08/logo-tiktok.svg') center / contain no-repeat !important;
            }

			&.social_bookmarks_linkedin , &.av-social-link-linkedin {
                background: url('/wp-content/uploads/2025/08/logo-linkedin.svg') center / contain no-repeat !important;
            }

            &:hover {
                transform: scale(1.2);
                 a{
                  background-color: unset !important;
                }
            }

            a{
                cursor: pointer;
                width: 100%;
                height: 100%;
                min-height: unset !important;
                &:focus {
                    background: transparent !important;
                }
                &::before {
                    content: unset !important;
                }
            }
        }
}


.ep-social-bookmarks-wrapper   {
	&.section-contact {
		&::before {
			content: "Síguenos";
			display: block;
			position: relative;
			color: $primary-color;
			font-family: $body-font-family;
			font-weight: $medium;
			font-size: 20px;
			margin-right: 15px ;
			z-index: 3;
		}
		@media (min-width: 989px){
			position: absolute;
			z-index: 2;
			bottom: 10px;
			left: 230px;
		}

	}
}

// scroll top button position fix 
a#scroll-top-link {
	bottom: 100px;
    right: 34px;
}


// general separator style

#top {
	.hr--general-separator {
		.hr-inner  {
			border-width: 4px ;
		}
	}
}


// general hover effect 

#top {
	.hover-effect {
		img {
			transition: all 0.3 ease-in-out;
			&:hover {
				filter: brightness(1.1);
				transform: scale(1.05);
			}
		}
	}
}

// border-radius to imgs

#top {
  @for $i from 0 through 50 {
    .br-#{$i}-px {
      img {
        border-radius: #{$i}px;
      }
    }
  }
}


#top {
	.buscador_producto_container {

		.facetwp-icon {
			width: 16px;
			height: 16px;
			top: 50%;
			transform: translateY(-55%);
			right: 16px;
			&::before {
				background-position: unset !important;
				width: 16px;
				height: 16px;
				background-size: contain !important;
				background: url("/wp-content/uploads/2025/08/search.svg") no-repeat center / contain;
				opacity: 1 !important;
			}
		}

		input {
			background-color: transparent;
			border: 1.5px solid $primary-color !important;
			border-radius: 30px;
			padding: 9px 16px !important;

			font-family: $body-font-family;
			font-weight: $regular;
			font-size: 14px;
			line-height: 1;
			color: $primary-color !important;
			margin-bottom: 0px;

			&::placeholder {
				color: $neutral-70 !important; 
				opacity: 1 !important;
			}

		}

		.facetwp-facet {
			margin-bottom: 0px !important;
			display: flex;

			@media (min-width: 989px) {
				justify-content: right;
			}
			@media (max-width: 989px) {
				justify-content: center;
			}
		}
	}
}


#top {
	.filtro_producto_categoria_container {
		max-width: 312px;
		border-radius: 20px;
		border: 0.72px solid #E3E3E3;
		overflow: hidden;

		@media (max-width: 767px) {
			width: 100%;
			max-width: unset;
		}

		.title {
			font-family: $body-font-family;
			font-weight: $regular;
			font-size: 17.75px;
			color: $white;
			background-color: $primary-color;
			padding: 16px 50px;
			text-align: center;

			@media (max-width: 767px) {
				padding: 10px 7.5%;
			}
		}

		.facetwp-type-checkboxes {
			display: flex;
			flex-direction: column;
			padding: 16px 0px !important;
			margin-bottom: 0px;

			@media (max-width: 767px) {
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: 10px 5% !important;
				row-gap: 10px;
				column-gap: 10px;
			}


		}
		.facetwp-checkbox {
			padding: 8px 50px 10px;
			background: transparent;
			background-image: none !important;
			transition: all 0.3s ease-in-out;
			position: relative;
			line-height: 1;

			@media (max-width: 767px) {
				width: 45%;
				padding: 8px 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-bottom: 1px solid $neutral-20;
			}

			&.checked {
				background: $neutral-20;
				&::before {
					content: "";
					display: block;
					position: absolute;
					width: 3px ;
					height: 22px;
					background-color: $primary-color;
					top: 50%;
					transform: translateY(-50%);
					left: 30px;
					@media (max-width: 767px) {
						left: 10px;
					}
				}
			
			}

			&:hover {
				background-color: $neutral-20;
			}

			.facetwp-display-value , .facetwp-counter {
				font-family: $body-font-family;
				font-weight: $regular;
				font-size: 14px;
				color: $neutral-90;
				text-transform: uppercase !important;

				@media (max-width: 767px) {
					font-size: 12px !important;
					text-align: center;
				}
			}


		}
	}

}

#top {
	.producto_paginator_container  {
		.facetwp-facet-paginator_productos  {
			margin-top: 50px;
			.facetwp-pager {
				display: flex;
				justify-content: center;
			}

			.facetwp-page  {
				color: $neutral-70 !important;
				font-family: $body-font-family;
				font-weight: $regular !important;
				font-size: 14px;
				display: flex	;
				justify-content: center;
				align-items: center;
				color: $neutral-70;

				a {
					color: $neutral-70 !important;
						
				}

				&.next , &.prev {
					padding: 3px ;
					border: 1px solid $neutral-70;
					border-radius: 100%;
					width: 31px;
					height: 31px;
					color: $neutral-70;
				}

			
			}
			.facetwp-page:not(.active):not(.next):not(.prev) {
				display: none;
			}


		
		}
	}

	.facetwp-facet-reset_productos{
		display: flex;
		justify-content: center;

		.facetwp-reset {
			background-color: $secondary-color;
			color: $white;
			padding: 10px 16px;
			border-radius: 30px;
			border: none !important;
			display: flex;
			cursor: pointer;

			  &::before{
				content: "";
				display: block;
				position: relative;
				width: 16px;
				height: 16px;
				margin-right: 6px;
				background: url("/wp-content/uploads/2025/08/home-outline.svg") no-repeat center / contain;
			}
		}
	}

}