/*
Theme Name: B padel Casale
Theme URI: 
Author: Marco Crosta
Author URI: 
Description: Tema per gestire il sito B padel Casale
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;}
.h-100 { height: 100%;}

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

.wp-block-separator { border-top: 1px solid; }


/*********************************************************************************************
Header Fixed
*********************************************************************************************/
header{
	position: fixed;
	width: 100%;
	z-index: 1024;
    padding: 14px 0;
}
header::after {
  content: "";
  position: absolute;
  inset: 0; /* top right bottom left = 0 */
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* Safari */
  background: rgba(255, 255, 255, 0.4); /* fondamentale */
  z-index: -1;
}
@media (min-width: 767px) {
	padding: 21px 0;
}
/*********************************************************************************************
Header
*********************************************************************************************/
.header-custom ul li a:hover{
	color: var(--wp--preset--color--custom-primary) !important;
}
.header-custom .current-menu-item {
	color: 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; }

.header-custom  a:where(:not(.wp-element-button)) {
    font-family: var(--wp--preset--font-family--sofia-sans);
	font-size: 18px;
	font-weight: bold;
}

@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{
		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;
	}
	.header-custom .ar-menu,
	.header-custom .line-menu{
		display: none;
	}
	.header-custom .custom-logo{
		width: 94px;
		height: 40px;
	}
	.header-custom .tool-header{
		gap: 16px;
	}
	.header-custom .nav-tool{
		gap: 8px;
	}	
	.header-custom .tool-header .wp-block-button__link{
		font-size: 13px;
	}
	.header-custom .nav-header{
		order: 1;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	header .wp-block-navigation{ gap: 22px; }
	header .wp-block-navigation li a{ font-size: 15px !important; }
	.header-custom .ar-menu{
		display: none;
	}	
}


/*********************************************************************************************
Footer
*********************************************************************************************/
footer a{ text-decoration: none;}
@media (max-width: 768px) {
	footer p { text-align: center !important;}
	.footer-logo, .col-social{
		justify-content: center;
	}
	footer .col-logo-footer{
		text-align: center;
	}
	footer .col-footer{
		gap: 24px;
	}	
}

/*********************************************************************************************
HP - Banner info
*********************************************************************************************/
.hp-banner-info{
	justify-content: center;
}
/*********************************************************************************************
Space
*********************************************************************************************/
@media (min-width: 768px) {
	.space{
		padding: 60px 0 !important;
	}
}
@media (min-width: 1200px) {
	.space{
		padding: 100px 0 !important;
	}	
}