/****************************************************/
/* GLOBAL */
/****************************************************/

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid var(--primary);
    padding: 0.8rem 1.4rem;
    border-radius: 3rem;
    font-size: 1.1rem;
    min-height: 3.1rem;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	max-width: 100%;
}


/****************************************************/
/* AREA PRIVADA */
/****************************************************/

.woocommerce-MyAccount-navigation{}
.woocommerce-MyAccount-navigation ul{
	padding: 0;
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li{}
.woocommerce-MyAccount-navigation ul li a{
    text-decoration: none;
    display: block;
    padding: .4rem .2rem;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
	color: var(--primary);
}


/****************************************************/
/* NOTIFICATIONS */
/****************************************************/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em 2em 1em 3.3em;
    margin: 0 0 2em;
    position: relative;
    background-color: transparent;
    color: #51515F;
    border: 1px solid var(--primary);
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    font-size: 0.9rem;
    justify-content: space-between;
    outline: none;

}
.woocommerce-info .button {
    font-size: 0.8rem;
    color: var(--primary);
}


/****************************************************/
/* PRODUCT ARCHIVE */
/****************************************************/


.archive-header{
	justify-content: center;
	gap: 2rem;
}

.archive-header .woocommerce-result-count{
	flex: 1;
	font-size: 1rem;
}

.archive-header p{
	margin: 0;
}

.archive-header select{
	-webkit-appearance: none;
	border: 1px solid var(--primary);
	border-radius: 2rem;
	padding: 1rem 3.4rem 1rem 1rem;
	background-color: transparent;
	color: var(--primary);
	outline: none;
	background: transparent url(../img/svg/arrow_down.svg) no-repeat 90% center;
	font-size: 1rem;
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product{
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	float: none;
	width: 100%;
}

body.woocommerce ul.products:before,
body.woocommerce-page ul.products:before{
	display: none;
}
ul.products li.product a{ text-decoration: none}
body ul.products li.product h2.woocommerce-loop-product__title,{
	font-size: 1.5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 3.3rem;
	margin-bottom: 0;
}
ul.products li.product .attachment-woocommerce_thumbnail{
	margin-bottom: 1rem;
	display: block;
	aspect-ratio: 0.8;
	border-radius: 2rem;
	object-fit: cover;
}
ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
	display: block;
	margin-block: 1rem;
	font-size: 1.3rem;
	color: var(--text-color);
	font-weight: 300;
}
ul.products li.product .price del{
	font-size: 1rem;
	color: gray;
}
ul.products li.product .price ins{
	font-size: 1.3rem;
	text-decoration: none;
}
ul.products li.product .button{
	margin-bottom: 1rem;
	display: inline-flex;
	text-align: center;
	justify-content: center;
	width: auto;
	color: var(--primary);
	font-size: 0.7rem;
	padding: 0.8rem 1.4rem;
}

ul.products li.product .button:hover{
	border-color: var(--primary);
	color: #ffffff;
}


body ul.products li.product h2.woocommerce-loop-product__title, 
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	font-size: 1rem;
	min-height: 3.4rem;
}

@media (min-width: 992px){
	
	.woocommerce .products ul, .woocommerce ul.products{
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	    gap: 1rem;
	    padding-inline: 0;
	    list-style: none;
	}
	ul.products li.product .button{
		font-size: .9rem;
	}
	ul.products li.product .price{
		margin-block: 1rem 2rem;
	}
	ul.products li.product .price del{
		font-size: 1rem;
	}
	ul.products li.product .price ins{
	}
	body ul.products li.product h2.woocommerce-loop-product__title, 
	.woocommerce ul.products li.product .woocommerce-loop-category__title,
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3 {
		font-size: 1.8rem;
		min-height: 5.4rem;
	}
}

/****************************************************/
/* WOOCOMMERCE BUTTONS */
/****************************************************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button,
body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover{
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	outline: none;
	border: none;
	line-height: 1;
	text-decoration: none;
	padding: 0.8rem 1.9rem;
	margin: 0;
	text-align: center;
	transition: all .3s ease;
	white-space: nowrap;
	font-weight: 400;
	overflow: hidden;
	background-color: transparent;
	border-radius: 2rem;
	margin: 0;
	font-size: 1rem;
	width: auto;
	display: inline-block;
	border: 1px solid;
	border-radius: 10rem;
	padding: 1rem 3rem;
	border-color: inherit;
	color: var(--primary);
	border-color: var(--primary);
}

body a.button.alt:disabled[disabled]:hover,
body.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover{
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{
	background-color: var(--primary);
	color: #ffffff;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor*)) .woocommerce input.button.alt:hover{
	background-color: var(--primary);
	color: #ffffff;
	
}

/****************************************************/
/* SINGLE PRODUCT */
/****************************************************/

.product-features{
	padding: 1rem;
}
.product-features ul{
	padding: 1rem 0;
	font-size: .8rem;
	gap: 0 1rem;
	margin: 0 0 3rem;
}
.product-features ul li{
	margin-bottom: 0.75rem;
}


body span.onsale,
body.woocommerce span.onsale ,
.woocommerce ul.products li.product .onsale{
	aspect-ratio: 1;
	background-color: var(--primary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	padding: 0.3rem;
	position: absolute;
	border-radius: 50%;
	margin: 0.6rem;
	z-index: 2;
	right: inherit;
}

.woocommerce-product-gallery{
	position: relative;
	margin-bottom: 3rem;
	border-radius: 3rem;
	overflow: hidden;
}

.woocommerce-product-gallery img{
	display: block;
	border-radius: 3rem;
}
.woocommerce-product-gallery__trigger{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	z-index: 1;
	text-decoration: none;
	background: var(--white);
	padding: 0rem;
	border-radius: 4rem;
	aspect-ratio: 1;
	width: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s;
}


@media (min-width: 992px){
		
	.product-features{
		padding: 3rem;
	}
		
	.product-features ul{
		font-size: 1rem;
		padding: 0;
		gap: 0 3rem;
		margin-bottom: 4rem;
	}
	.product-features ul li{
	}
}


.related.products > h2{
	color: var(--primary);
	margin-block: 2rem;
	text-align: center;
}


/****************************************************/
/* SINGLE PRODUCT */
/****************************************************/



form.cart{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 0.8rem;
}
form.cart > *{}
form.cart .variations{
	gap: 1rem
}

.woocommerce-variation-add-to-cart{
	display: flex;
	align-items: center;
	gap: 0rem;
}
form.cart .variations .label{
	display: none;
}
form.cart .variations select{
    -webkit-appearance: none;
    border: 1px solid var(--primary);
    border-radius: 2rem;
    padding: 0.9rem 3.4rem 0.9rem 1rem;
    background-color: transparent;
    color: var(--primary);
    outline: none;
    background: transparent url(../img/svg/arrow_down.svg) no-repeat 90% center;
    font-size: 1rem;
    width: auto;
    min-width: 0;
}
.woocommerce form.cart .quantity input.qty{
    -webkit-appearance: none;
    border: 1px solid var(--primary);
    border-radius: 2rem;
    padding: 1.5rem 0;
    background-color: transparent;
    color: var(--primary);
    outline: none;
    font-size: 1rem;
    width: auto;
    min-width: 0;
    -webkit-appearance: none;
}
form.cart .variations .reset_variations{
    font-size: 0.9rem;
    text-decoration: none;
    padding-left: 0.8rem;
}

form.cart .variations .woocommerce-variation-add-to-cart{}
form.cart .variations input[type="submit"]{}


.single-product p.price{
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
p.price del{
    font-size: 1.2rem;
    color: var(--gray);
}
p.price  ins{
    text-decoration: none;
    font-size: 2rem;
    color: var(--primary);
}
p.price ins span{
    font-family: var(--heading-font);
}

.product-buy_price-content{
    color: var(--primary);
}
.product-buy_price-content del{
    color: gray;
    font-size: 0.9rem;
}
.product-buy_price-content ins{
    font-size: 1.2rem;
    text-decoration: none;
}
.product-buy_price-content ins span{}


@media (min-width: 992px){
}


.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 150px;
    position: relative;
}

.quantity input[type="number"] {
    width: 50px;
    height: 40px;
    text-align: center;
    border: 1px solid #DA5032;
    border-radius: 21px;
    font-size: 16px;
}

.quantity button {
    background-color: transparent;
    border: none;
    color: #DA5032;
    font-size: 20px;
    cursor: pointer;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0;
}

.quantity button:hover {
    background-color: #EB4600;
    color: white;
}

.custom-quantity-minus {
    position: absolute;
    left: 3px;
}

.custom-quantity-plus {
    position: absolute;
    right: 3px;
}



/****************************************************/
/* CART */
/****************************************************/



.wc-block-cart .wc-block-cart__submit-container{}
.wc-block-cart .wc-block-cart__submit-container  .wc-block-components-button:not(.is-link){
	text-decoration: none;
	color: var(--primary);
	border: 2px solid;
	border-radius: 4rem;
	transition: all .3s;
	margin-top: 2rem;
}