/*
Theme Name: Paper Design
Theme URI: 
Author: Marco Crosta
Author URI: 
Description: Tema per gestire il sito paper design
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paperdesign
Tags: 
*/


@media (max-width: 1200px) {
  :root {
    --wp--style--global--content-size: 960px;
  }
}

@media (max-width: 768px) {
  :root {
    --wp--style--global--content-size: 720px;
  }
}

@media (max-width: 576px) {
  :root {
    --wp--style--global--content-size: 540px;
  }
}


/*********************************************************************************************
Style general
*********************************************************************************************/

.radius-16{ border-radius: 16px; }
.rounded-circle img{ border-radius: 50% !important; }
.d-none{ display: none !important;}
.w-100{ width: 100% !important;}

@media (max-width: 768.98px) {
	.d-m-t-none{
		display: none;
	}
}


/*********************************************************************************************
Header
*********************************************************************************************/
.header-custom ul li a:hover{
	color: var(--wp--preset--color--custom-primary) !important;
}
.header-custom .current-menu-item {
	border-bottom: 2px solid var(--wp--preset--color--custom-primary) !important;
	color: var(--wp--preset--color--custom-primary) !important;
}
.header-custom .wp-block-navigation-item{
	border-bottom: 2px solid transparent;
}
.header-custom .wp-block-navigation-item:hover{
	border-bottom: 2px solid var(--wp--preset--color--custom-primary) !important;
}
.prodotti-template-default.single .header-custom .prodotti .wp-block-navigation-item__content{
	color: var(--wp--preset--color--custom-primary) !important;
	border-bottom: 2px solid var(--wp--preset--color--custom-primary) !important;
}
.post-type-archive-prodotti .header-custom .prodotti .wp-block-navigation-item__content{
	color: var(--wp--preset--color--custom-primary) !important;
	border-bottom: 2px solid var(--wp--preset--color--custom-primary) !important;	
}
.custom-menu .wp-block-navigation__responsive-container{
	background-color:#ffffff !important;
}
.is-menu-open{ z-index: 9999!important; }

@media (max-width: 767px) {	
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }
		.header-custom .order-menu{
		order:1;
	}
	.header-custom .custom-menu{
		width: 100%;
		align-items: center !important;
	}
	.header-custom .custom-menu li a span{
		font-size:24px !important;
		font-weight: bold;
	}		
	.header-custom .wp-block-navigation__responsive-container-open svg,
	.header-custom .wp-block-navigation__responsive-container-close svg {
		height: 36px !important;
		width: 36px !important;
	}
}

@media (max-width: 767px) {
	.menu-mobile-toggle .wp-block-navigation__submenu-container {
		display: none !important;
		margin: 24px 0;		
	}
	.menu-mobile-toggle .wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block-navigation-link{
		padding: 8px 0;
	}
	.menu-mobile-toggle .submenu-open > .wp-block-navigation__submenu-container {
		display: block !important;		
	}
	.menu-mobile-toggle .submenu-open > .wp-block-navigation__submenu-container .wp-block-navigation-item__label{
		font-weight: 400;
		font-size:18px !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
		display: block !important;
	}
	.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle{
		//position: absolute;
		//top: 8px;
		//right: -25px;
		font-size: 30px;		
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open{
		align-items: center;
	}	
}

/*********************************************************************************************
Contact form 7
*********************************************************************************************/
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea,
select {
	position: relative;
	font-family: var(--wp--preset--font-family--nunito);
	border: 1px solid #ddd;
	padding: 6px 10px;
	border-radius: 8px;
	width: 100%;
	font-size: 16px;
	display: block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	color: var(--wp--preset--color--black);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number],
textarea:focus,
select:focus {
	font-size: 16px;
}
textarea {
	width: 100%;
}
select::-ms-expand {
  display: none;
}
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    padding-right: 35px; /* Spazio per la freccia */
}
.wpcf7-form{
	display: flex;
    flex-direction: column;
    gap: 16px;	
}
.wpcf7-form label {
	display: block;
    padding-bottom: 8px;
	font-size:14px;
}
.wpcf7-form .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form input[type=submit] {
  background: #139320;
  padding: 4px 50px;
  line-height: 2.5;
  color: white;
  box-sizing: border-box;
  border: 1px solid #139320;
  margin-top: 24px;
  border-radius: 8px;
  cursor: pointer;
  font-family: var(--wp--preset--font-family--poppins);
  font-weight:700;
  font-size:16px;
}
.wpcf7-form input[type=submit]:hover {
  background: #085110;
}
.wpcf7-form input[type=submit]:disabled {
  background: #c2c1c1;
  color: #888787;
  border: 1px solid #c2c1c1;
}
span.wpcf7-list-item { display: block; }

@media (min-width: 992px) {
  .form-website {
    width: 50%;
  }
}

*, ::after, ::before {
  box-sizing: border-box;
}

.form-group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
}
.wpcf7-not-valid-tip{
	font-size:14px;
	margin-top: 4px;
}
.form-group .form-group-col {
  flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .form-group .form-group-col {
    flex: 1 0 0%;
  }
}

.wpcf7-form.sent * {
	display:none;
}
.wpcf7-form.sent .wpcf7-response-output {
	display:block;
}

.disabled{
	pointer-events:none;
	border-color: #c2c1c1 !important;
	background: #c2c1c1 !important;
	color: #888787 !important;
}

.wpcf7-response-output{
	padding: 24px !important;
    border-radius: 16px;
    font-size: 18px;	
}

.prodotti-template-default #wpcf7-f6-o1 label{
	color:#2E2E2E;
}
.prodotti-template-default #wpcf7-f6-o1 label a{
	color:#3B5564;
}

/*********************************************************************************************
Page product
*********************************************************************************************/
@media (max-width: 768px) {
	.section-product-item{
		flex-direction: column-reverse;
	}	
}


/*********************************************************************************************
List product
*********************************************************************************************/
@media (min-width: 768px) {
    .lista-prdotti ul li:nth-of-type(even) .prodotto-immagine{
        order:2;    
    }    
}

/*********************************************************************************************
Label category product
*********************************************************************************************/
.label-categoria {
	display: inline-block;
	padding: 4px 16px;
	border-radius:8px;
	color:#2E2E2E;
	text-decoration:none;
	background:#EFECE9;
	border: 1px solid #cfcfcf;
}

/*********************************************************************************************
Homepage
*********************************************************************************************/
.card-home .wp-block-group.has-custom-bianco-background-color{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.card-home .wp-block-group.has-custom-bianco-background-color .wp-block-group {
    flex: 1 1 auto;
}