/* ==================================================
THEME MODELEWEB-FSE

01.) Reset (géré dans le fichier "reset.css")
02.) Initialisation des variables (géré dans le fichier "variables.css")
03.) Initialisation des fonts (géré dans le fichier "fonts.css")
04.) Gestion du thème
05.) Gestion du header (géré dans le fichier "header.css")
06.) Gestion du footer (géré dans le fichier "footer.css")
07.) Gestion des composants (gérés dans les shortcodes, plugins ...)
08.) Gestion des CSS additionnels de l'éditeur Gutenberg (géré dans le fichier "additionnels.css")
09.) Gestion du menu responsive
10.) Gestion de l'éditeur Gutenberg (géré uniquement dans le fichier "editor-style.css")
================================================== */


/* ====================
4.) GESTION DU THEME SUIVANT LE MODELE ET LA CLASSE

Objectif:
- Gérer les thèmes différents suivant les templates.
- Les thèmes sont d'abord initialisés aux valeurs du fichier: "theme.json" puis ajustées suivant le template et la classe.
==================== */





/* ********** CONCERNE LA PAGE ACCUEIL **********  
mw-theme-template-accueil.html 
mw-theme-class-accueil */

:where(body, .editor-styles-wrapper) .mw-theme-class-accueil {
	& .mw-apropos, & .mw-service, & .mw-wordpress-sur-mesure, & .mw-audit {
		& a:link, a:active, & a:visited {
			font-size: var(--wp--preset--font-size--xx-large);
			font-weight: bold;
			background-color: transparent;
			color: var(--wp--preset--color--free-1);
			border-width: 1px;
			border-style: solid;
			border-color: var(--wp--preset--color--free-1);
			text-decoration: none !important;
			outline: none;
		}
		& a:hover {
			background-color: var(--wp--preset--color--free-1);
			color: var(--wp--preset--color--txt-2);
		}		
	}
	& .mw-offre-tarif, & .mw-blog-metier {
		& a:link, a:active, & a:visited {
			font-size: var(--wp--preset--font-size--medium);
			font-weight: bold;
			background-color: transparent;
			color: var(--wp--preset--color--free-1);
			border-width: 1px;
			border-style: solid;
			border-color: var(--wp--preset--color--free-1);
			text-decoration: none !important;
			outline: none;
		}
		& a:hover {
			background-color: var(--wp--preset--color--free-1);
			color: var(--wp--preset--color--txt-2);
		}		
	}	
	& ul, & ol {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 2rem;                                        /* Marge interne droite */
	}
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: 0.75rem;                                        /* Marge interne droite */
	}
	& details {
		padding-left: 1.5rem;                                         /* Marge interne gauche */
		padding-right: 1.5rem; 		
	}
	& details summary::marker {
		color:  var(--wp--preset--color--free-1);
	}
	
	& .mw-grille {
		display: grid;
    	grid-template-columns: repeat(3, 1fr);
    	align-items: stretch;

		& > .mw-group {
    		height: 100%;
		}
		& .mw-group {
			display: flex;
    		flex-direction: column;
    		height: 100%;
		}
		& .mw-group-list {
		 	flex: 1;
		}
		& .mw-group-bouton {
			margin-top: auto;
    		display: flex;
    		justify-content: flex-end;
			width: 100%;
		}
	}

	/* Mise ne forme sur les liens icones */
		/* Conteneur */
		& .mw-bouton-facebook a, .mw-bouton-linkedin a {
			position: relative;
    		display: inline-block;
    		overflow: hidden;		
		}
		/* L'image Gutenberg */
		.mw-bouton-facebook img, .mw-bouton-linkedin img {
    		display: block;
    		transition: opacity .35s ease;
		}
		/* Hover */
		.mw-bouton-facebook a:hover img, .mw-bouton-linkedin a:hover img {
    		opacity: 0;
		}
		/* Image affichée au survol */
			.mw-bouton-facebook a::after, .mw-bouton-linkedin a::after {
    		content: "";
   			position: absolute;
    		inset: 0;
    		background-size: cover;
    		background-position: center;
    		background-repeat: no-repeat;
    		opacity: 0;
    		transition: opacity .35s ease;
    		pointer-events: none;
		}
		/* Image affichée au survol */
		.mw-bouton-facebook a::after {
   			background-image: url("https://modeleweb.fr/wp-content/uploads/2026/07/facebook_color_b24040.png");
		}
		/* Image affichée au survol */
		.mw-bouton-linkedin a::after {
   			background-image: url("https://modeleweb.fr/wp-content/uploads/2026/07/linkedin_color_b24040.png");
		}
		/* Hover */
		.mw-bouton-facebook a:hover::after, .mw-bouton-linkedin a:hover::after {	
    		opacity: 1;
		}
	
}

/* Smartphone */
@media (max-width: 767px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-accueil {
		& .mw-wordpress-sur-mesure .mw-grille-1 .mw-paragraphe-ht-mini, & .mw-wordpress-sur-mesure .mw-grille-2 .mw-paragraphe-ht-mini {
   			min-height: 2.6rem;  
		}
	}
}

/* Tablette */
@media (min-width: 768px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-accueil {
    	& .mw-wordpress-sur-mesure .mw-grille-1 .mw-paragraphe-ht-mini, & .mw-wordpress-sur-mesure .mw-grille-2 .mw-paragraphe-ht-mini  {
        	min-height: 11.25rem;   
    	}
	}
}

/* PC */
@media (min-width: 1024px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-accueil {
    	& .mw-wordpress-sur-mesure .mw-grille-1 .mw-paragraphe-ht-mini, & .mw-wordpress-sur-mesure .mw-grille-2 .mw-paragraphe-ht-mini  {
        	min-height: 9rem;   
    	}
	}
}





/* ********** CONCERNE LES PAGES METIERS ********** 
A Propos, Services proposés, Offres&Tarifs, Planning, Les pages légales, Contraintes techniques, WordPress sur mesure, Audit technique, Les 24 fiches, Mon atelier numérique
mw-theme-template-metier.html 
mw-theme-class-metier */

:where(body, .editor-styles-wrapper) .mw-theme-class-metier {
	
	/* Commun à chaque page */
	& .wp-block-group:is(section) {
		background-color: var(--wp--preset--color--section-bg-1);		/* Couleur fond */
	}
	& h2.wp-block-heading {
		padding-left: 1rem;                                         /* Marge interne gauche */
		padding-right: 1rem;                                        /* Marge interne droite */
	}
	& h3.wp-block-heading {
		padding-left: 1.5rem;                                         /* Marge interne gauche */
		padding-right: 1rem;                                        /* Marge interne droite */
	}
	& h4.wp-block-heading {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 1rem;                                        /* Marge interne droite */
	}
	& h5.wp-block-heading {
		padding-left: 2.5rem;                                       /* Marge interne gauche */
		padding-right: 1rem;                                        /* Marge interne droite */
	}
	& h6.wp-block-heading {
		padding-left: 3rem;                                         /* Marge interne gauche */
		padding-right: 1rem;                                        /* Marge interne droite */
	}
	& p {
		padding-left: 1.5rem;                                         /* Marge interne gauche */
		padding-right: 1.5rem;                                        /* Marge interne droite */
	}
	& ul, & ol {
		padding-left: 2.5rem;                                         /* Marge interne gauche */
		padding-right: 2.5rem;                                        /* Marge interne droite */
	}
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: 0.75rem;                                        /* Marge interne droite */
	}
	& h1.wp-block-heading {
		background-color: var(--wp--preset--color--free-1);			/* Couleur fond  */
		color: var(--wp--preset--color--txt-2);						/* Couleur caractère */
	}
	& h2.wp-block-heading {
		color: var(--wp--preset--color--free-2);					/* Couleur caractère */
	}
	& .wp-block-separator {
		width: 90%;
		border: 0;
		border-top: 3px solid var(--wp--preset--color--free-2);
		margin: 2rem auto;
	}

	/* Mise ne forme sur les liens textes */
	& a:link {
		font-size: var(--wp--preset--font-size--medium);
		font-weight: bold;
		background-color: transparent;
		color: var(--wp--preset--color--txt-1);
		/* text-decoration: none !important; */
		/* outline: none; */
		text-decoration: underline;
	}
	& a:hover, & a:active {
		font-weight: bold;
		color: var(--wp--preset--color--free-1);
	}
	& a:visited {
	}			
	
	/* page offre standard */
	& .offre-standard {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */			
	}
	
	/* Page 24 fiches */
	& .mw-fiches-24 {
		
		& .mw-grille {
			
			display: grid;
    		grid-template-columns: repeat(3, 1fr);
    		align-items: stretch;
			
			& a:link, & a:active, & a:visited {
				font-size: var(--wp--preset--font-size--xx-large);
				font-weight: bold;
				background-color: transparent;
				color: var(--wp--preset--color--free-1);
				border-width: 1px;
				border-style: solid;
				border-color: var(--wp--preset--color--free-1);
				text-decoration: none !important;
				outline: none;
			}
			& a:hover {
				background-color: var(--wp--preset--color--free-1);
				color: var(--wp--preset--color--txt-2);
			}
			
			& > .mw-group {
    			height: 100%;
			}
			& .mw-group {
				display: flex;
    			flex-direction: column;
    			height: 100%;
			}
			& .mw-group h2 {
    			min-height: 10.2rem;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			text-align: center;
			}
			& .mw-group-list {
		 		flex: 1;
			}
			& .mw-group-bouton {
				margin-top: auto;
    			display: flex;
    			justify-content: flex-end;
				width: 100%;
			}
		}	
	}
	
	/* Page Fiche x */
	& .fiche-navigateur {
		/* Mise ne forme sur les liens textes */
		& a:link {
			font-size: var(--wp--preset--font-size--medium);
			font-weight: bold;
			background-color: transparent;
			color: var(--wp--preset--color--txt-1);
			text-decoration: none !important;
			outline: none;
		}
		& a:hover, & a:active {
			font-weight: bold;
			color: var(--wp--preset--color--free-1);
		}
		& a:visited {
		}			
		
		/* Mise ne forme sur les liens icones */
		/* Conteneur */
		& .mw-bouton a {
			position: relative;
    		display: inline-block;
    		overflow: hidden;		
		}
		/* L'image Gutenberg */
		.mw-bouton img {
    		display: block;
    		transition: opacity .35s ease;
		}
		/* Hover */
		.mw-bouton a:hover img {
    		opacity: 0;
		}
		/* Image affichée au survol */
		.mw-bouton a::after {
    		content: "";
   			position: absolute;
    		inset: 0;
   			background-image: url("https://modeleweb.fr/wp-content/uploads/2026/06/dataset_over.svg");
    		background-size: cover;
    		background-position: center;
    		background-repeat: no-repeat;
    		opacity: 0;
    		transition: opacity .35s ease;
    		pointer-events: none;
		}
		/* Hover */
		.mw-bouton a:hover::after {
    		opacity: 1;
		}
	}
	& .mw-checklist p {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-left: 0;
		padding: 0.45rem 1rem;
		border-bottom: 1px solid;
	}
    & .mw-checklist p::after {
		content: "☐";
		font-size: 1.2rem;
		flex-shrink: 0;
	}
	& .mw-competences {
		list-style: none;
		padding-left: 0;
	}
	.mw-competences li {
		position: relative;
		padding-left: 3rem;
		margin-bottom: .6rem;
	}
	.mw-competences li::before {
		content: "✔";
		position: absolute;
		left: 1.5rem;
		top: 0;
		font-weight: 700;
		color: var(--wp--preset--color--free-1);
	}
}

/* Smartphone */
@media (max-width: 767px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-metier {
		.mw-fiches-24 {
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}
}

/* Tablette */
@media (min-width: 768px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-metier {
		.mw-fiches-24 {
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}
}

/* PC */
@media (min-width: 1024px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-metier {
		.mw-fiches-24 {
			padding-left: 5rem;
			padding-right: 5rem;
		}
	}
}

	
	
	
	

/* ********** CONCERNE LA PAGE AUTOENTREPRENEUR ********** */ 
/* mw-theme-template-portfolio-1.html */
/* mw-theme-class-portfolio-1 */

:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-1 {

	& h1.wp-block-heading, & h2.wp-block-heading {
		color: var(--wp--preset--color--free-5);					/* Couleur caractère */
	}

	& .wp-block-details summary {
	}

	& .wp-block-details p {
	background-color: var(--wp--preset--color--free-4);			/* Couleur fond  */
	cursor: pointer;
	margin-top: 1rem;
	padding-left: 1rem;
	padding-right: 0.5rem;
	}
	
	& ul, & ol {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 2rem;                                        /* Marge interne droite */
	}
	
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: 0.75rem;                                        /* Marge interne droite */
	}

	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}

	.wp-block-button .wp-block-button__link {
    	transition:
        	transform 0.3s ease,
        	box-shadow 0.3s ease;
	}

	.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus-visible {
    	transform: translateY(-4px);
    	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
	}
}


/* ********** CONCERNE LA PAGE ENTREPRISE ********** */ 
/* mw-theme-template-portfolio-2.html */
/* mw-theme-class-portfolio-2 */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-2 {

	& h1, & h2, & h3 {
		color: var(--wp--preset--color--free-6);					/* Couleur caractère */
	}
	
	 & .wp-block-group:is(section):nth-of-type(4), & .wp-block-group:is(section):nth-of-type(6) {
		background-color: var(--wp--preset--color--free-4);			/* Couleur fond  */
	}
	
	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}
	
	& ul, & ol {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 2rem;                                        /* Marge interne droite */
	}
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: 0.75rem;                                        /* Marge interne droite */
	}

	.wp-block-button .wp-block-button__link {
    	transition:
        	transform 0.3s ease,
        	box-shadow 0.3s ease;
	}

	.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus-visible {
    	transform: translateY(-4px);
    	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
	}
	
}

@media (max-width: 767px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-2 {
		.formulaire-adresse {
			gap: 0;
		}
	}
}



/* ********** CONCERNE LA PAGE SALON DE COIFFURE ********** */ 
/* mw-theme-template-portfolio-3.html */
/* mw-theme-class-portfolio-3 */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-3 {
	& .wp-block-heading, & p, & ul, & li {
		font-family: LibrebasKerville;								/* Fonte */
	}
	& h1.wp-block-heading, & h2.wp-block-heading {
		color: var(--wp--preset--color--free-7);					/* Couleur caractère */
	}
	& .wp-block-separator {
		border: none ;
		width: 50%;
		height: 10px;
		border-radius: 2px;
		--c1: var(--wp--preset--color--free-7);
		--c2: color-mix(in srgb, var(--c1) 50%, white);
		background: linear-gradient(to right, var(--c2), var(--c1), var(--c2));
	}
	& ul {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 2rem;                                        /* Marge interne droite */
	}
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: .075rem;                                        /* Marge interne droite */
	}

	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}

	

	
}




/* ********** CONCERNE LA PAGE BOUTIQUE ********** */ 
/* mw-theme-template-portfolio-4.html */
/* mw-theme-class-portfolio-4 */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-4 {

	& h1.wp-block-heading, & h2.wp-block-heading {
		color: var(--wp--preset--color--free-10);					/* Couleur caractère */
	}
	& .hero p {
		color: var(--wp--preset--color--free-10);					/* Couleur caractère */
	}
	& .navigation a {
		font-size: var(--wp--preset--font-size--medium) ;
		background-color: var(--wp--preset--color--section-bg-2);
  		color: var(--wp--preset--color--txt-1);
  		border-width: 1px;
  		border-style: solid;
  		border-color: var(--wp--preset--color--free-9); 
		text-decoration: none !important;
	}
	& .navigation a:hover {
		background-color: var(--wp--preset--color--free-9) !important;
  		color: var(--wp--preset--color--txt-2) !important;
		/* A enlever si une bordure est déjà présente */
  		border-width: 1px !important;
  		border-style: solid;
  		border-color: var(--wp--preset--color--free-9) !important;  
		text-decoration: none !important;
	}
	& ul, & ol {
		padding-left: 2rem;                                         /* Marge interne gauche */
		padding-right: 2rem;                                        /* Marge interne droite */
	}
	& li {
		padding-left: 0.75rem;                                         /* Marge interne gauche */
		padding-right: 0.75rem;                                        /* Marge interne droite */
	}

	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}

	& .zone-hero .hero .contenu-bas {
		& .wp-block-button__link {
    		padding: 0.8rem 1.8rem;

    		color: var(--wp--preset--color--free-10);
    		background-color: transparent;
    		border: 2px solid var(--wp--preset--color--free-10);
    		border-radius: 10px;

    		font-size: 1rem;
    		font-weight: 600;
    		text-decoration: none;

    		transition:
        		background-color 0.3s ease,
        		color 0.3s ease,
        		border-color 0.3s ease,
        		transform 0.3s ease;
		}
		& .wp-block-button__link:hover {
    		color: var(--wp--preset--color--txt-2);
    		background-color: var(--wp--preset--color--free-10);
    		border-color: var(--wp--preset--color--txt-2);

    		transform: translateY(-3px);
		}

		& .wp-block-button__link:focus-visible {
    		color: var(--wp--preset--color--txt-2);
    		background-color: var(--wp--preset--color--free-10);
    		border-color: var(--wp--preset--color--txt-2);

    		transform: translateY(-3px);

    		outline: 3px solid var(--wp--preset--color--free-10);
    		outline-offset: 3px;
		}
	}

}


/* ********** CONCERNE LA PAGE CABINET INFIRMIERE ********** */ 
/* mw-theme-template-portfolio-5.html */
/* mw-theme-class-portfolio-5 */

body main.mw-theme-class-portfolio-5 {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.editor-styles-wrapper .wp-site-blocks .mw-theme-class-portfolio-5 {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

body main.mw-theme-class-portfolio-5 {
		background-image: url("https://modeleweb.fr/wp-content/uploads/2025/09/infirmieres.webp");
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center -25px;/* point focalisation horizontal ; vertical */
}

.editor-styles-wrapper .wp-site-blocks .mw-theme-class-portfolio-5 {
		background-image: url("https://modeleweb.fr/wp-content/uploads/2025/09/infirmieres.webp");
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center -25px;/* point focalisation horizontal ; vertical */
}

:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-5 {
	& .is-layout-grid, & .wp-block-media-text, & table, & .wp-block-heading, & p {
		background-color: var(--wp--preset--color--free-8);
		color: var(--wp--preset--color--txt-1);
	}
	& .picture-size {
		height: 92dvh;
		margin: 0;
	}
	& .picture-size img {
		width: 100%;
		height: 100%;
		object-fit: contain; /* ou cover */
		display: block;
	}
	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}
	& .wp-block-group:is(section):first-of-type {
		& .wp-block-heading {
			background-color: transparent;
			color: var(--wp--preset--color--txt-2);
		}
	}
}


/* ********** CONCERNE LA PAGE CHAMBRE D'HOTE ********** */ 
/* mw-theme-template-portfolio-6.html */
/* mw-theme-class-portfolio-6 */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-6 {
	& .wp-block-heading, & p, & ul, & li {
		font-family: LibrebasKerville;								/* Fonte */
	}
	& h2 {
		color: var(--wp--preset--color--free-13);					/* Couleur caractère */
	}
	& .presentation .wp-block-button__link, & .chambre .wp-block-button__link , & .contenu-bas .wp-block-button__link {
		background-color: var(--wp--preset--color--free-12) !important;
		color: var(--wp--preset--color--txt-1) !important;
		border-width: 3px;
		border-style: solid;
		border-color: var(--wp--preset--color--free-13); 
		border-radius: 25px;
		padding: 0.5rem;
		text-decoration: none;
		transition: background-color 0.5s, color 0.5s !important; 
	}
	& .presentation .wp-block-button__link:hover, & .chambre .wp-block-button__link:hover, & .contenu-bas .wp-block-button__link:hover {
		background-color: var(--wp--preset--color--free-13) !important;
		color: var(--wp--preset--color--txt-2) !important;
	}

	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}

}

/* Smartphone */
@media (max-width: 767px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-6 {
		.chambre .mw-ht-mini {
			min-height: 2rem;
		}
	}
}

/* Tablette */
@media (min-width: 768px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-6 {
		.chambre .mw-ht-mini {
			min-height: 8.3rem;
		}
	}
}

/* PC */
@media (min-width: 1024px) {
	:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-6 {
		.chambre .mw-ht-mini {
			min-height: 7.3rem;
		}
	}
}





/* ********** CONCERNE LA PAGE RESTAURATION RAPIDE **********  */
/* mw-theme-template-portfolio-7.html */
/* mw-theme-class-portfolio-7 */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-7 {
	& h1 {
		color: var(--wp--preset--color--free-15);					/* Couleur caractère */
	}
	& .wp-block-group:is(section):not(:first-of-type):not(:last-of-type):not(#portfolio-intro):not(#portfolio-cta) {
		padding-left: var(--mw-css-padding-left);                       /* Marge interne gauche */
		padding-right: var(--mw-css-padding-right);                      /* Marge interne droite */
	}
}

/* ========== FIN ========== */