/* ________ Bloc : Média & Texte : media-text-au-dessus ________ */

.wp-block.is-style-media-text-au-dessus,
.is-style-media-text-au-dessus {
	display: flex;
	flex-direction: column;
}

.wp-block.is-style-media-text-au-dessus .wp-block-media-text__media,
.is-style-media-text-au-dessus .wp-block-media-text__media {
	width: 100%;
}


/* ________ Bloc : Média & Texte : media-style-a : Texte au 1er plan ________ */


/* Appareils moyens ( au-dessus de 960px) */
@media (min-width: 960px) {

	.wp-block.is-style-media-style-a,
	.is-style-media-style-a {
		position: relative;
	}


	.wp-block.is-style-media-style-a .wp-block-media-text__content,
	.is-style-media-style-a .wp-block-media-text__content {
		background-color: #fff;
		position: absolute;
		left: -40%;
		right: 0;
		padding: 2rem 3rem;
		z-index: 10;
	}

	/* __ has-media-on-the-right __ */
	.wp-block.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content,
	.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content {
		left: 0;
		right: 40%;
	}

	.wp-block.is-style-media-style-a .wp-block-media-text__content::after,
	.is-style-media-style-a .wp-block-media-text__content::after {
		content: ' ';
		position: absolute;
		left: -20px;
		bottom: -20px;
		width: 40px;
		height: 40px;
		background-color: var(--wp--preset--color--primary);
	}

	.wp-block.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content::after,
	.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content::after {
		left: auto;
		right: -20px;
	}
}

/* __ Titre h2 __ */

.wp-block.is-style-media-style-a .wp-block-media-text__content h2,
.is-style-media-style-a .wp-block-media-text__content h2 {
	font-size: var(--wp--preset--font-size--large);
}




/* ________ Bloc : Média & Texte : media-style-b : Image au 1er plan ________ */


.wp-block.is-style-media-style-b,
.is-style-media-style-b {
	position: relative;
	margin-top: 6rem!important;
	margin-bottom: 6rem!important;
}


.wp-block.is-style-media-style-b .wp-block-media-text__content,
.is-style-media-style-b .wp-block-media-text__content {
	background-color: #fff;
	padding: 2rem 3rem;
}

.wp-block.is-style-media-style-b .wp-block-media-text__media,
.is-style-media-style-b .wp-block-media-text__media {
	position: relative;
}

/* Tablettes ( au-dessus de 782px) */
@media (min-width: 782px) {

	.wp-block.is-style-media-style-b .wp-block-media-text__media::after,
	.is-style-media-style-b .wp-block-media-text__media::after {
		content: ' ';
		position: absolute;
		right: -20px;
		bottom: -20px;
		width: 40px;
		height: 40px;
		background-color: var(--wp--preset--color--primary);
	}
}

/* __ has-media-on-the-right __ */
.wp-block.is-style-media-style-b.has-media-on-the-right .wp-block-media-text__media::after,
.is-style-media-style-b.has-media-on-the-right .wp-block-media-text__media::after {
	right: auto;
	left: -20px;
}


/* __ Titre h2 __ */

.wp-block.is-style-media-style-b .wp-block-media-text__content h2,
.is-style-media-style-b .wp-block-media-text__content h2 {
	font-size: var(--wp--preset--font-size--large);
}

/* ________ Bloc : Média & Texte : media-style-c : Coin Arrondis   ________ */


.wp-block.is-style-media-style-c,
.is-style-media-style-c {
	margin-block-start: 8rem;
	margin-block-end: 8rem;
	gap: 5rem;
}

.wp-block.is-style-media-style-c .wp-block-media-text__media img,
.is-style-media-style-c .wp-block-media-text__media img {
	border-radius: 10px;
}

.wp-block.is-style-media-style-c .wp-block-media-text__content,
.is-style-media-style-c .wp-block-media-text__content {
	padding: 0;
}

/* ____________________________________ Responsive __________________________________ */


/* Large appareils (ordinateurs de bureau, moins de 1120px) */
@media (max-width: 1120px) {

	.wp-block.is-style-media-style-c,
	.is-style-media-style-c {
		gap: 3rem !important;
	}
}


/* Tablettes, Smartphone ( moins de 782px) */
/* Affiche image au dessus */
@media (max-width: 782px) {

	.wp-block.is-style-media-style-b,
	.is-style-media-style-b,
	.wp-block.is-style-media-style-c,
	.is-style-media-style-c {
		display: flex;
		flex-direction: column;
	}

	.wp-block.is-style-media-style-b .wp-block-media-text__media,
	.is-style-media-style-b .wp-block-media-text__media {
		width: 100%;
	}

	.wp-block.is-style-media-style-b.has-media-on-the-right,
	.is-style-media-style-b.has-media-on-the-right {
		flex-direction: column-reverse;
	}

	.wp-block.is-style-media-style-c,
	.is-style-media-style-c {
		gap: 1rem !important;
	}

	.wp-block.is-style-media-style-c img,
	.is-style-media-style-c img {
		max-width: 70%;
	}
}


/* Smartphone ( moins de 480px) */
@media (max-width: 480px) {

	.wp-block.is-style-media-style-c,
	.is-style-media-style-c {
		margin-block-start: 6rem !important;
		margin-block-end: 6rem !important;
	}

	.wp-block.is-style-media-style-c img,
	.is-style-media-style-c img {
		max-width: 100%;
	}


	.wp-block.is-style-media-style-a .wp-block-media-text__content,
	.is-style-media-style-a .wp-block-media-text__content,
	.wp-block.is-style-media-style-b .wp-block-media-text__content,
	.is-style-media-style-b .wp-block-media-text__content {
		position: relative;
		padding: 1.5rem 2rem;
	}

	/*
	.wp-block.is-style-media-style-a .wp-block-media-text__content::after,
	.is-style-media-style-a .wp-block-media-text__content::after {
		left: -15px;
		bottom: -15px;
		width: 30px;
		height: 30px;
	}

	.wp-block.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content::after,
	.is-style-media-style-a.has-media-on-the-right .wp-block-media-text__content::after {
		left: auto;
		right: -15px;
	}
	*/
}