/*
Styles personnalisés
*/

::selection{
    background-color: var(--couleur-1);
    color: var(--couleur-2);
}

/*titrage*/

h1, h2, h3, h4{
	caret-color: transparent;
}

h1{
	text-transform: uppercase;
	font-weight: 400;
}

h3.wp-block-heading{
	font-family: var(--font-texte);
	font-size: var(--font-size-large);
	font-weight: 700;
}

strong{
	font-weight: 700;
}

body{
	color: var(--couleur-texte);
}

/*listes*/

:root{
	--item-list-width: 10px;
	--item-list-height: var(--item-list-width);
	--item-list-margin: calc(var(--item-list-width) + .5rem);
}

.entry-content ul li{
	list-style-type: none;
	margin-left: var(--item-list-margin);
	position: relative;
	margin-bottom: 0;
}

.entry-content ul li::before{
	content:'';
	background-color: var(--couleur-2);
	width: var(--item-list-width);
	height: var(--item-list-height);
	position: absolute;
	left: calc(-1 * var(--item-list-margin));
	top: .65em;
	transform: translateY(-50%);
	border-radius: 99rem;
}

img{
	transition: all var(--transition-basic-duration);
}

/*media + text*/

.wp-block-media-text{
	position: relative;
	margin: 0;
}

#main-container .wp-block-media-text__content :where(h1, h2, h3){
	padding: 0;
	text-transform: none;
}

.wp-block-media-text__content:has(.has-couleur-1-background-color){
	background-color: var(--couleur-1);
}

.wp-block-media-text__content:has(.has-couleur-2-background-color){
	background-color: var(--couleur-2);
	color: var(--couleur-6);
}

:root{
	--media-width: 50vw;
	--content-width: calc(56 / 50 * var(--media-width))
}

figure.wp-block-media-text__media{
	width: var(--media-width);
	min-width: var(--media-width);
	max-width: var(--media-width);	
}

#main-container .wp-block-media-text__content{
	width: var(--content-width);
	min-width: var(--content-width);
	max-width: var(--content-width);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 3.375rem 6vw;
	padding-left: calc(var(--content-width) - var(--media-width));
	border: 9px solid var(--couleur-fond);
	border-right: none;
	color: var(--couleur-noir);
}

#main-container .has-media-on-the-right .wp-block-media-text__content{
	right: auto;
	left: 0;
	padding: 3.375rem 6vw;
	padding-right: calc(var(--content-width) - var(--media-width));
	border: 9px solid var(--couleur-fond);
	border-left: none;
}

.wp-block-media-text__content::after{
	content : '';
	position: absolute;
	bottom: -26vw;
  	right: -33rem;
	width: 53vw;
	height: 33vw;
	background-image: url('../images/branche.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: rotate(180deg);
}

.has-media-on-the-right .wp-block-media-text__content::after,
.no-flower .wp-block-media-text__content::after
{
	display: none;
}

.wp-block-columns{
	gap: 6rem;
}

/****************************/
/* galerie/images gutenberg */
/****************************/

figure.wp-block-gallery.homogen-gallery.columns-2 figure.wp-block-image{
	max-width : calc(50% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-3 figure.wp-block-image{
	max-width : calc(33.333333% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-4 figure.wp-block-image{
	max-width : calc(25% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-5 figure.wp-block-image{
	max-width : calc(20% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-6 figure.wp-block-image{
	max-width : calc(16.6666667% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-7 figure.wp-block-image{
	max-width : calc(14.285714% - var(--wp--style--unstable-gallery-gap));
}

figure.wp-block-gallery.homogen-gallery.columns-8 figure.wp-block-image{
	max-width : calc(12.5% - var(--wp--style--unstable-gallery-gap));
}

/*comportement des images cliquables au survol en cas de lien vers le fichier média*/
figure.wp-block-image{
	overflow: hidden;
}

figure.wp-block-image a:hover{
	transform : scale(1.05);
}

figure.wp-block-image a{
	display: block;
	width: 100%;
	height: 100%;
}

/* comportement des légendes en tiroir - complément dans functions-child.js sur la transparence*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	width: 100%;
	height: 33%;
	background: var(--couleur-2);
	padding: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size : var(--font-size-medium);
	font-weight: 400;
	transition : transform var(--transition-basic-duration);
	transform : translateY(100%);
}

.wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption{
	transform : translateY(0);
}

/*****************/
/*****grilles*****/
/*****************/

.wp-block-group-is-layout-grid figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-group-is-layout-grid figure:nth-child(7),
.wp-block-group-is-layout-grid figure:nth-child(8)
{
	max-height: 20rem;
}


/****************/
/*****footer*****/
/****************/

footer#colophon{
    max-width: 100vw;
    overflow: hidden;
}

/* Ecrans moyens */
@media (min-width: 992px) and (max-width: 1600px) {}

/* Tablettes et Smartphones */
@media (max-width: 991px) {}

/* Tablettes */
@media (min-width: 768px) and (max-width: 991px) {}

/* Smartphones */
@media (max-width: 767px) {}

/* Petit Smartphones */
@media (max-width: 540px) {}