/*
Theme Name: Thème Webalors
Theme URI: 
Author: Webalors
Author URI: https://webalors.com
Description: Thème agence pour le Full Site Editing
Requires at least: 6.5
Tested up to: 6.5
Requires PHP: 8.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-wa
*/



@media (width < 768px)  { .hide-768  { display: none !important; } }
@media (width < 990px)  { .hide-990  { display: none !important; } }
@media (width < 1200px) { .hide-1200 { display: none !important; } }
@media (width < 1440px) { .hide-1440 { display: none !important; } }

@media (width >= 768px)  { .hide-above-768  { display: none !important; } }
@media (width >= 990px)  { .hide-above-990  { display: none !important; } }
@media (width >= 1200px) { .hide-above-1200 { display: none !important; } }
@media (width >= 1440px) { .hide-above-1440 { display: none !important; } }





/* ==========================================================================
   NAVBAR
   ========================================================================== */


.wp-block-template-part:has(>.is-position-sticky) {
	--wp-admin--admin-bar--position-offset: var( --wp-admin--admin-bar--height, 0px );
	position: sticky;
	top: calc( 0px + var( --wp-admin--admin-bar--position-offset, 0px ) );
	z-index: 100;
}

.wp-block-template-part .is-responsive button.wp-block-navigation__responsive-container-open > :first-child {
	width: 36px !important;
	height: 36px !important;
}



/* ==========================================================================
   DIVERS
   ========================================================================== */


/* Supprime le margin top du 2ème bloc des pages */
.header-accueil > :nth-child(2) {
  margin-block-start: 0 !important;
}


.titre-rouge {
	color: var(--wp--preset--color--warning) !important;
}
.titre-3xl {
	font-size: var(--wp--preset--font-size--3xl) !important;
}



/* ==========================================================================
   HERO PAGE D'ACCUEIL
   ========================================================================== */

@keyframes slideUpFadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes slideRightFadeIn {
	from {
		opacity: 0;
		transform: translateX(-40px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideLeftFadeIn {
	from {
		opacity: 0;
		transform: translateX(40px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.header-accueil {
	display: flex !important;
	flex-direction: column !important;
	margin-block-start: 0 !important;
	padding-bottom: 3rem !important;
	
	.wp-block-group.is-layout-grid {
		flex-grow: 1;
		align-items: center !important; /* Aligne verticalement au centre par défaut */
		
		& > *:first-child .wp-block-image {
			animation: slideRightFadeIn 3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
			margin-top: clamp(-10rem, 10vw, -8rem) !important;
			margin-bottom: 3rem !important;
			margin-left: -3rem !important;
			width: 100% !important;
			max-width: 42rem !important;
			img {
				width: 90%;
			}
		}
	}

	h1.titre-header-acceuil {
		animation: slideUpFadeIn 2s cubic-bezier(0.16, 1, 0.3, 1) both;
		width: 100% !important;
		min-width: 15rem !important;
		max-width: 30rem !important;
		margin-top: 4rem !important;
		margin-bottom: 0 !important;
		font-family: var(--wp--preset--font-family--secondary) !important;
		font-size: clamp(5rem, 12vw, 10rem) !important;
		font-weight: 400 !important;
		line-height: 0.65 !important;
		color: var(--wp--preset--color--primary) !important;
		@media (width < 990px) {
			margin-bottom: 3rem !important;
		}
		@media (width >= 990px) {
			margin-top: 2rem !important; /* Plus d'espace sur les écrans >= 1600px */
		}
		@media (width >= 1900px) {
			margin-top: 6rem !important; /* Plus d'espace sur les écrans >= 1600px */
		}

	}


}

@media (width < 990px) {
	.header-accueil {
		.wp-block-group.is-layout-grid {
			grid-template-columns: 1fr !important; 
		}
	}
}

.boutons-hero-accueil {
	margin-right: 5vw !important;
	
	@media (width < 990px) {
		margin-right: 0 !important;
	}

	.wp-block-image {
		animation: slideLeftFadeIn 2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
		@media (width < 990px) {
			float: none !important;
			margin-inline-start: 0 !important;
		}	
	}
}




/* ==========================================================================
   PAGES STANDARD
   ========================================================================== */


.wp-site-blocks .wp-block-cover {
	margin-block-start: 0 !important;
}






/* ==========================================================================
   FOOTER
   ========================================================================== */

.wp-block-template-part .wp-block-group.has-background {	
	background-size: 100% auto !important;
	background-repeat: no-repeat !important;
	background-position: center bottom !important;
}