@import "../components/Headers/top-bar.css";
@import "../components/Headers/header_05.css";
@import "../components/Headers/noImgHeader.css";
@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-02.css";

@import "../Moduli/Stripes/newsletter.css";

@import "../components/Shop/woocommerce-form-fields.css";
@import "../components/Shop/woocommerce-in-page-message.css";
@import "shop-general.css";


/* Registration page
----------------------------------------------------------*/
	.afreg_extra_fields h3 {
	    margin: 0;
	}
	#dropdown_state.form-row.afreg_full {
	    margin-bottom: 0;
	}

	/* Log-in Column
	-----------------------------------------------*/
		#custom-account .col-1,
		.woocommerce-MyAccount-navigation {
		    position: relative;
		}
		#custom-account .col-1 .col-container,
		.woocommerce-MyAccount-navigation ul {
		    position: sticky;
		    top: calc( var(--menu-height) + 2.083vw); /*40*/
		    transition: top 0.3s linear;
		}
		.woocommerce-LostPassword a {
		    text-decoration: underline;
		    text-underline-offset: 0.104vw; /*2*/
		}
		.woocommerce-LostPassword a:hover {
		    text-decoration: unset;
		}


/* Password Manager
--------------------------------------------------------------*/
	.woocommerce-password-hint {
	    font-size: 0.677vw; /*13*/
	    margin-bottom: 1.042vw; /*20*/
	    display: block;
	    margin-top: 0.26vw; /*5*/
	}
	.woocommerce-password-strength {
	    font-size: 0.729vw; /*14*/
	    margin-top: 0.521vw; /*10*/
	    font-family: var(--md-font);
	}
	.woocommerce-password-strength,
	.woocommerce-password-hint {
	    padding: 0 1.563vw; /*30*/
	}
	.woocommerce-password-strength.short,
	.woocommerce-password-strength.bad {
	    color: var(--color_2);
	}
	.woocommerce-password-strength.good {
	    color: var(--color-main-);
	}
	.woocommerce-password-strength.strong {
	    color: var(--color_1););
	}
	input#reg_password {
	    margin-bottom: 0;
	}

/*MY ACCOUNY Page
---------------------------------------------------------*/

	#custom-account .woocommerce {
	    display: flex;
	}
	#custom-account .woocommerce-MyAccount-content.text-content {
	    width: calc(100% - 15.625vw); /*300*/
	}


	/* My Account Navigation
	-----------------------------------------------------*/
		nav.woocommerce-MyAccount-navigation ul {
		    margin: 0 !important;
		}
		nav.woocommerce-MyAccount-navigation ul li:before {
		    display: none;
		}
		nav.woocommerce-MyAccount-navigation ul li {
		    margin: 0 !important;
		    border-top: 0.052vw solid var(--color-gray); /*1*/
		}
		nav.woocommerce-MyAccount-navigation ul li:last-child {
		    border-bottom: 0.052vw solid var(--color-gray); /*1*/
		}
		nav.woocommerce-MyAccount-navigation ul li a {
		    display: flex;
		    align-items: center;
		    line-height: 1;
		    padding: 0.833vw 1.563vw; /*16 30*/
		    margin: 0 !important;
		}
		nav.woocommerce-MyAccount-navigation {
		    width: 15.625vw; /*300*/
		    min-width: 15.625vw; /*300*/
		}
		nav.woocommerce-MyAccount-navigation ul li:nth-child(odd) a {
		    background-color: var(--color-main--);
		    color: var(--color-white);
		}
		nav.woocommerce-MyAccount-navigation ul li:nth-child(even) a {
		    background-color: var(--color-pure-white);
		}
		nav.woocommerce-MyAccount-navigation ul li.is-active a,
		nav.woocommerce-MyAccount-navigation ul li a:hover {
		    background-color: var(--color-main-);
		    color: var(--color-white);
		}
		nav.woocommerce-MyAccount-navigation ul li svg {
		    height: 1.042vw; /*20*/
		    width: 1.042vw; /*20*/
		    margin-right: 0.521vw; /*10*/
		}
		nav.woocommerce-MyAccount-navigation ul li:nth-child(odd) a svg,
		nav.woocommerce-MyAccount-navigation ul li.is-active a svg,
		nav.woocommerce-MyAccount-navigation ul li a:hover svg{
		    fill: var(--color-white);
		}
		nav.woocommerce-MyAccount-navigation ul li:nth-child(odd) a svg path,
		nav.woocommerce-MyAccount-navigation ul li:nth-child(odd) a svg line,
		nav.woocommerce-MyAccount-navigation ul li:nth-child(odd) a svg polyline,
		nav.woocommerce-MyAccount-navigation ul li.is-active a svg path,
		nav.woocommerce-MyAccount-navigation ul li.is-active a svg line,
		nav.woocommerce-MyAccount-navigation ul li.is-active a svg polyline,
		nav.woocommerce-MyAccount-navigation ul li a:hover svg path,
		nav.woocommerce-MyAccount-navigation ul li a:hover svg line,
		nav.woocommerce-MyAccount-navigation ul li a:hover svg polyline {
			stroke: var(--color-white);
		}

		/* Addres section
		--------------------------------------------------------------------------------*/
			header.woocommerce-Address-title .edit svg {
			    height: 0.938vw; /*18*/
			    width: 0.938vw; /*18*/
			    margin-right: 0.313vw; /*6*/
			}
			address {
			    border: 0.052vw solid var(--color-gray);
			    padding: 0.781vw; /*15*/
			    line-height: 1.5;
			}
			h3.woocommerce-column__title {
				margin-bottom: 0 !important;
			}

		/* Account detail
		--------------------------------------------------------------------------------*/
			fieldset {
			    border: 0.052vw solid var(--color-gray); /*1*/
			    padding: 0.781vw; /*15*/
			    margin-bottom: 1.042vw; /*20*/
			}
			.afreg_extra_fields fieldset {
			    border: unset;
			    margin-bottom: 0;
			}
			fieldset .af-dependable-field label {
				padding-left: 0 !important;
			}

		/* Order Section
		--------------------------------------------------------------------------------*/
			table.shop_table.woocommerce-orders-table td {
			    padding: 1.042vw 1.302vw !important; /*20 25*/
			}

		/* Metodi di pagamento
		--------------------------------------------------------------------------------*/


		/* Order Detail
		--------------------------------------------------------------------------------*/



@media screen and (max-width: 1920px) {
	/* Registration page
	----------------------------------------------------------*/
		/* Log-in Column
		-----------------------------------------------*/
			#custom-account .col-1 .col-container,
			.woocommerce-MyAccount-navigation ul {
			    top: calc( var(--menu-height) + 40px); /*40*/
			}
			.woocommerce-LostPassword a {
			    text-underline-offset: 2px; /*2*/
			}

	/* Password Manager
	--------------------------------------------------------------*/
		.woocommerce-password-hint {
		    font-size: 13px; /*13*/
		    margin-bottom: 20px; /*20*/
		    margin-top: 5px; /*5*/
		}
		.woocommerce-password-strength {
		    font-size: 14px; /*14*/
		    margin-top: 10px; /*10*/
		}
		.woocommerce-password-strength,
		.woocommerce-password-hint {
		    padding: 0 30px; /*30*/
		}

	/*MY ACCOUNY Page
	---------------------------------------------------------*/
		#custom-account .woocommerce-MyAccount-content.text-content {
		    width: calc(100% - 300px); /*300*/
		}

		/* My Account Navigation
		-----------------------------------------------------*/
			nav.woocommerce-MyAccount-navigation ul li {
			    border-top: 1px solid var(--color-gray); /*1*/
			}
			nav.woocommerce-MyAccount-navigation ul li:last-child {
			    border-bottom: 1px solid var(--color-gray); /*1*/
			}
			nav.woocommerce-MyAccount-navigation ul li a {
			    padding: 16px 30px; /*16 30*/
			}
			nav.woocommerce-MyAccount-navigation {
			    width: 300px; /*300*/
			    min-width: 300px; /*300*/
			}
			nav.woocommerce-MyAccount-navigation ul li svg {
			    height: 20px; /*20*/
			    width: 20px; /*20*/
			    margin-right: 10px; /*10*/
			}

			/* Addres section
			--------------------------------------------------------------------------------*/
				header.woocommerce-Address-title .edit svg {
				    height: 18px; /*18*/
				    width: 18px; /*18*/
				    margin-right: 6px; /*6*/
				}
				address {
				    border: 1px solid var(--color-gray); /*1*/
				    padding: 15px; /*15*/
				}

			/* Account detail
			--------------------------------------------------------------------------------*/
				fieldset {
				    border: 1px solid var(--color-gray); /*1*/
				    padding: 15px; /*15*/
				    margin-bottom: 20px; /*20*/
				}
}


/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	/* Account detail
	--------------------------------------------------------------------------------*/

}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	/* Registration page
	----------------------------------------------------*/


	/* Order Section
	----------------------------------------------------*/


	/* Account Detail
	----------------------------------------------------*/


}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}