/*==============================================================================================================
 XX. WORDPRESS / GUTENBERG FRONT
==============================================================================================================*/

/*----wp-hentry-----*/
.hentry h2, .hentry h3, .hentry h4, .hentry h5, .hentry h6 {margin: 0.6em 0;}
.hentry h2:first-child {margin-top:0;}

.hentry a, .hentry a:not(.theme-btn), .hentry a:not(.wp-element-button), .hentry p a, .hentry p a:focus, .hentry p a:visited {text-decoration: underline; color: var(--primary);}
.hentry a.theme-btn, .hentry a.wp-block-button__link {text-decoration: none;}
.hentry a:hover, .hentry p a:hover {color: var(--secondary);}
.hentry a.theme-btn:hover {color: var(--white);}


.hentry ol, .hentry ul {
	padding-left: 25px;
	margin: 15px 0;
}
.hentry ul li::marker, .hentry ol li::marker {color: var(--secondary);}
.hentry ul li, .hentry ol li, .hentry p {line-height: 1.6em; line-height: 28px;}

.hentry iframe {width: 100%;}

/*----wp-block-columns-----*/
:where(.wp-block-columns) {margin-bottom: 15px;}

/*----wp-block-background-----*/
.has-background {
	border-radius: 0px;
}
:where(.wp-block-group.has-background) {padding: 1em; padding:30px;}
:where(.wp-block-columns.has-background) {padding: 1em; padding:30px;}
:where(.wp-block-column.has-background) {padding: 1em; padding:30px;}

/*----Colors-----*/
.has-blanc-color {color: #fff;}
.has-noir-color {color:  #000;}
.has-bleu-1-color {color: var(--primary);}
.has-vert-1-color {color: var(--secondary);}
.has-gris-color {color: var(--third);}
.has-bleu-2-color {color: var(--fourth);}
.has-vert-2-color {color: var(--fifth);}
.has-ocre-color {color: var(--sixth);}
.has-orange-color {color: var(--seventh);}

.has-blanc-background-color {background-color: #fff;}
.has-noir-background-color {background-color: #000;}
.has-bleu-1-background-color {background-color: var(--primary);}
.has-vert-1-background-color {background-color: var(--secondary);}
.has-gris-background-color {background-color: var(--third);}
.has-bleu-2-background-color {background-color: var(--fourth);}
.has-vert-2-background-color {background-color: var(--fifth);}
.has-ocre-background-color {background-color: var(--sixth);}
.has-orange-background-color {background-color: var(--seventh);}


/*----wp-images-----*/
.wp-block-image {
	margin: 0 0 1em;
	margin: 0 0 0.3em;
}
.wp-block-image img {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	width: 100%;
}

.wp-block-image figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	font-size: 0.9em;
}


.wp-block-image.alignleft,
.wp-block-gallery.alignleft {
	float: left;
	margin: .5em 1em .5em 0;
}

.wp-block-image.alignright,
.wp-block-gallery.alignright {
	float: right;
	margin: .5em 0 .5em 1em;
}

@media only screen and (max-width: 767px) {
.wp-block-image.alignleft,
.wp-block-image.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
float: none;
margin: 0 auto;
}
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: linear-gradient(0deg,#0006,#0000);
	box-sizing: border-box;
	color: #fff;
	font-size: 13px;
	margin: 0;
	overflow: auto;
	padding: 1em;
	scrollbar-color: #0000 #0000;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
	text-align: center;
	text-shadow: 0 0 1.5px #000;
	will-change: transform;
	line-height: 1rem;
}


/*----wp-block-quote-----*/
/*
blockquote::before {background: var(--secondary);}

blockquote p {
	color: #4a4647;
	font-size: var(--font-size16);
	line-height: 28px;
	margin-bottom: 0px;
	margin: 10px 0 !important;
}
blockquote {
	text-indent: 10px;
	padding: 0 50px;
	position: relative;
	display: inline-block;
	font-style: italic;
	border-left: .25em solid;
	margin: 10px 0 20px;
	padding-left: 1em;
}
*/
.wp-block-quote {
	border-left: .25em solid;
	border-left: none;
	margin: 10px 0 20px;
	margin: 10px 0;
	padding-left: 1em;
	padding-left: 15px;
	padding-right: 15px;
  border-color: var(--secondary);
	display: inline-block;
}
.wp-block-quote{position: relative;}
.wp-block-quote::before, .wp-block-quote::after {
	font-size: 42px;
	color: var(--primary);
	font-weight: 700;
	position: absolute;
}
.wp-block-quote::before {
    content: "“";
    left: -10px;
    top: -20px;
}
.wp-block-quote::after {
    content: "”";
    right: -10px;
    bottom: -20px;
}

/*
.wp-block-pullquote {
	margin: 0 0 5px;
	padding: 5px;
	text-align: left;
	overflow-wrap: break-word;
	box-sizing: border-box;
}
*/


/*----figcaption-----*/
.wp-block-embed :where(figcaption) {
	margin-bottom: 1em;
	margin-top: .5em;
	color: var(--fourth);
}


/*----wp-block-iframe-----*/
.wp-block-embed iframe {
	width: 100%;
	height: 500px;
}


/*----Fancybox-----*/
.fancybox-caption {
	bottom: 0;
	color: #eee;
	font-size: 16px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 25px 44px;
	right: 0;
	text-align: center;
	z-index: 99996;
}




/*----buttons-----*/
.wp-block-button {line-height: 1;}
.hentry a.wp-block-button__link,
.wp-block-button .wp-block-button__link {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 15px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	padding: 15px 30px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-family: var(--font-family-title);
	background-color: var(--primary);
	border: solid 2px var(--primary);
	border-radius: 0;
	color: var(--white);
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.wp-block-button.med .wp-block-button__link {
	font-size: 14px;
  padding: 12px 30px;
}
.wp-block-button.small .wp-block-button__link {
	font-size: 12px;
	padding: 10px 20px;
}
.wp-block-button.xsmall .wp-block-button__link {
	font-size: 10px;
	padding: 4px 5px;
}

.wp-block-button .wp-block-button__link.has-blanc-color {color: var(--white);}
.wp-block-button .wp-block-button__link.has-noir-color {color: var(--black);}
.wp-block-button .wp-block-button__link.has-bleu-1-color {color: var(--primary);}
.wp-block-button .wp-block-button__link.has-vert-1-color {color: var(--secondary);}
.wp-block-button .wp-block-button__link.has-gris-color {color: var(--third);}
.wp-block-button .wp-block-button__link.has-bleu-2-color {color: var(--fourth);}
.wp-block-button .wp-block-button__link.has-vert-2-color {color: var(--fifth);}
.wp-block-button .wp-block-button__link.has-ocre-color {color: var(--sixth);}
.wp-block-button .wp-block-button__link.has-orange-color {color: var(--seventh);}

.wp-block-button .wp-block-button__link.has-blanc-background-color {background-color: var(--white); border-color: var(--white);}
.wp-block-button .wp-block-button__link.has-noir-background-color {background-color: var(--black); border-color: var(--black);}
.wp-block-button .wp-block-button__link.has-bleu-1-background-color {background-color: var(--primary); border-color: var(--primary);}
.wp-block-button .wp-block-button__link.has-vert-1-background-color {background-color: var(--secondary); border-color: var(--primary);}
.wp-block-button .wp-block-button__link.has-gris-background-color {background-color: var(--third); border-color: var(--third);}
.wp-block-button .wp-block-button__link.has-bleu-2-background-color {background-color: var(--fourth); border-color: var(--fourth);}
.wp-block-button .wp-block-button__link.has-vert-2-background-color {background-color: var(--fifth); border-color: var(--fifth);}
.wp-block-button .wp-block-button__link.has-ocre-background-color {background-color: var(--sixth); border-color: var(--sixth);}
.wp-block-button .wp-block-button__link.has-orange-background-color {background-color: var(--seventh); border-color: var(--seventh);}

.hentry a.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.has-background:hover {
color: var(--white)!important; background-color: var(--secondary)!important; border-color: var(--secondary)!important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  color: var(--primary);
  border: 2px solid var(--primary);
	background-color: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-blanc-color {color: var(--white);}
.wp-block-button.is-style-outline .wp-block-button__link.has-noir-color {color: var(--black);}
.wp-block-button.is-style-outline .wp-block-button__link.has-bleu-1-color {color: var(--primary);}
.wp-block-button.is-style-outline .wp-block-button__link.has-vert-1-color {color: var(--secondary);}
.wp-block-button.is-style-outline .wp-block-button__link.has-gris-color {color: var(--third);}
.wp-block-button.is-style-outline .wp-block-button__link.has-bleu-2-color {color: var(--fourth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-vert-2-color {color: var(--fifth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-ocre-color {color: var(--sixth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-orange-color {color: var(--seventh);}

.wp-block-button.is-style-outline .wp-block-button__link.has-blanc-background-color {border-color: var(--white);}
.wp-block-button.is-style-outline .wp-block-button__link.has-noir-background-color {border-color: var(--black);}
.wp-block-button.is-style-outline .wp-block-button__link.has-bleu-1-background-color {border-color: var(--primary);}
.wp-block-button.is-style-outline .wp-block-button__link.has-vert-1-background-color {border-color: var(--secondary);}
.wp-block-button.is-style-outline .wp-block-button__link.has-gris-background-color {border-color: var(--third);}
.wp-block-button.is-style-outline .wp-block-button__link.has-bleu-2-background-color {border-color: var(--fourth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-vert-2-background-color {border-color: var(--fifth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-ocre-background-color {border-color: var(--sixth);}
.wp-block-button.is-style-outline .wp-block-button__link.has-orange-background-color {border-color: var(--seventh);}

.wp-block-button.is-style-outline .wp-block-button__link.has-background:hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover {
color: var(--white); background-color: var(--secondary); border-color: var(--secondary);
}

.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {margin-top:0 !important;}


.has-text-align-left {text-align: left !important;}
.has-text-align-center {text-align: center !important;}
.has-text-align-right {text-align: right !important;}


/* embeds et vidéos */
/* Conteneur pour tous les embeds */
.wp-block-embed {max-width: 100%;}
/* Wrapper interne pour le ratio */
.wp-block-embed.wp-has-aspect-ratio {position: relative; width: 100%;}
/* Ratio selon le type */
.wp-block-embed.wp-has-aspect-ratio.wp-embed-aspect-16-9 .wp-block-embed__wrapper {padding-top: 56.25%; /* 16:9 */}
.wp-block-embed.wp-has-aspect-ratio.wp-embed-aspect-4-3 .wp-block-embed__wrapper {padding-top: 75%; /* 4:3 */}
/* iframe et vidéo responsive */
.wp-block-embed iframe, .wp-block-embed video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}




/* Tableaux */
.wp-block-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* scroll fluide sur iOS */
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* évite que le tableau se tasse trop sur mobile */
}

/* IMG inline */
.wp-block-heading img {margin-right: 15px;}
