/* Theme Name: Twenty Twenty-Five Child
Theme URI: https://www.hypnoma.fr/
Description: Theme enfant de twentytwentyfive
Author: Paul Fleury 
Author URI: https://paulfleury.fr/ 
Template: twentytwentyfive  
Version: 0.1.0 */

/** MEDIA QUERIES OFFICIELS **/
@media (max-width: 599px) {
	/* elements */
	.wp-block-button { width: 100%; }
	.wp-block-buttons { row-gap: 16px; }
}

@media (max-width: 781px) {
	/* blocks */
	.presentation-banner { aspect-ratio: 3 / 2 !important; }
	.hypoanalgesie-col-1 { order: 2; }
	.hypoanalgesie-col-2 { order: 1; }
}


/** MEDIA QUERIES CUSTOMS **/
@media (max-width: 767px) {
	/* utilities */
	.hide-mobile { display: none !important; }
}

@media (min-width: 768px) {
	/* utilities */
	.hide-desktop { display: none !important; }
}

@media (max-width: 900px) {
	/* Navigation principale (burger) */
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

@media (min-width: 901px) {
	/* Navigation principale */
/* 	.nav-contact  { display: none !important; } */
}

/* Reset */
*:focus {
	outline: none;
}

/* Boutons */
.wp-block-button__link {
	box-shadow: 0;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transition: all 0.2s ease-out;
}

.wp-block-button__link:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
	transform: matrix(1.02, 0, 0, 1.02, 0, -3);
}

/* Navigation */
.wp-block-navigation .wp-block-navigation-item__content {
	text-underline-offset: 6px;
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-2);
	text-decoration: underline;
}

/* Formulaires */
.btn-formulaire {
	box-shadow: 0 !important;
	transform: matrix(1, 0, 0, 1, 0, 0) !important;
	transition: all 0.2s ease-out !important;
	padding: 15px 20px !important;
	font-family: var(--wp--preset--font-family--manrope) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 22.4px !important;
	height: auto !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.btn-formulaire:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px !important;
	transform: matrix(1.02, 0, 0, 1.02, 0, -3) !important;
}