/** Media & Text **/
.wp-block-media-text.is-style-radius-s .wp-block-media-text__media img{border-radius: var(--wp--custom--radius-s-fluid);}
.wp-block-media-text.is-style-radius .wp-block-media-text__media img{border-radius: var(--wp--custom--radius-fluid);}
.wp-block-media-text.is-style-radius-m .wp-block-media-text__media img{border-radius: var(--wp--custom--radius-m-fluid);}
.wp-block-media-text.is-style-radius-l .wp-block-media-text__media img{border-radius: var(--wp--custom--radius-l-fluid);}
.wp-block-media-text.is-style-radius-50 .wp-block-media-text__media{min-height: unset;}
.wp-block-media-text.is-style-radius-50 .wp-block-media-text__media img{position: relative; border-radius: 50%; aspect-ratio: 1; height: auto; top: 50%; transform: translateY(-50%)}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media picture img{object-position: inherit;}

/**	Paragraph tag	**/
p.tag, p.is-style-tag{display: inline-block; font-size: var(--wp--preset--font-size--xs); width: auto; padding: var(--wp--custom--spacer-xs) var(--wp--custom--spacer-s) !important; border-radius: var(--wp--custom--radius-m);}


/**	List style **/
ul.list-style-none, ul.is-style-list-style-none,
ul.list-chip, ul.is-style-list-chip{list-style: none; padding-left: 0;}
ul.list-chip > li, ul.is-style-list-chip > li{position: relative; margin-bottom: var(--wp--custom--spacer-s);}
ul.list-chip > li:before, ul.is-style-list-chip > li:before{content: url(../images/check.svg);
	border-radius: 50%;
	padding: var(--wp--custom--spacer-xs);
	background: var(--wp--custom--accent);
	display: inline-block; vertical-align: middle;
    margin-right: var(--wp--custom--spacer-s-fluid);
    line-height: 0;
	height: 0.8em;
	aspect-ratio: 1;
}
ul.list-chip > li > div.block-editor-rich-text__editable, ul.is-style-list-chip > li > div.block-editor-rich-text__editable{display: inline-block;}

@media(min-width: 782px){
	ul.list-2-col, ul.is-style-list-2-col{column-count: 2; column-gap: var(--wp--custom--spacer-s-fluid);  list-style-position: inside; /* Pour éviter que les puces ne se chevauchent */}
}

/** Image inline **/
.wp-block-heading img,
p img,
ul:not(.wc-block-product-template):not(.wp-block-post-template):not(.wc-block-product-gallery-large-image__container):not(.wp-block-latest-posts) > li img:not(.wpml-ls-flag),
ol > li img,
.wp-block-button__link img,
.wp-block-file a img {
  position: relative;
  display: inline-block;
  height: 1.62em;
  width: auto !important;
  top: 0.38em;
  margin-right: 0.5em;
}
.wp-block-heading .has-text-align-center img,
p .has-text-align-center img,
ul > li .has-text-align-center img,
ol > li .has-text-align-center img,
.wp-block-button__link .has-text-align-center img,
.wp-block-file a .has-text-align-center img {
  margin-right: 0;
  display: block;
}

.wp-block-site-logo img {
    width: 100%; /* S'ajuste à la largeur définie dans le back-office */
    height: auto; /* Maintient les proportions */
}

.wp-block-media-text.is-style-mobile, .wp-block-media-text.mobile {
	grid-template-columns: 100% !important;
}
.wp-block-media-text.is-style-mobile>.wp-block-media-text__media, .wp-block-media-text.mobile>.wp-block-media-text__media {
	grid-column: 1;
	grid-row: 1;
}
.wp-block-media-text.is-style-mobile>.wp-block-media-text__content, .wp-block-media-text.mobile>.wp-block-media-text__content {
	grid-column: 1;
	grid-row: 2;
}

.wp-block-group.alignfull.has-background.is-style-alignfull-right{padding-top: 0; padding-bottom: 0;}
.has-white-0-background-color.alignfull + .has-white-0-background-color.alignfull{padding-top: 0}

.wp-block-columns > .wp-block-column.is-style-sticky, .wp-block-columns > .wp-block-column.sticky{position: sticky; top: 0;}

@media(min-width: 782px){
	.wp-block-group.alignfull.is-style-alignfull-right{padding-right: 0 !important;}
	
	.wp-block-group.alignfull.is-style-alignfull-right > *{
		max-width: calc(var(--wp--style--global--content-size) + ((100vw - var(--wp--style--global--content-size)) / 2));
		margin-left: auto !important;
		margin-right: 0 !important;
	}
	
	
	.is-layout-flex.stretch, .is-layout-flex.is-style-stretch{align-items: stretch}
	.is-layout-flex.align-stretch .wp-block-cover, .is-layout-flex.is-style-align-stretch .wp-block-cover{height: 100%}
	.is-layout-flex.align-stretch .wp-block-column:not(:has(.wp-block-cover)), 
	.is-layout-flex.is-style-align-stretch .wp-block-column:not(:has(.wp-block-cover)){padding-top: var(--wp--custom--spacer-m-fluid); padding-bottom: var(--wp--custom--spacer-m-fluid)}
	
	.wp-block-column.is-style-full-height, .wp-block-column.full-height{display: flex; flex-direction: column; gap: 0;}
	.wp-block-column.is-style-full-height > *, .wp-block-column.full-height > *{flex-basis: auto; flex-grow: 1;}
}

figure.wp-block-image.is-style-height-100,
.wp-block-cover.is-style-height-100{height: 100%;}
figure.wp-block-image.is-style-height-100 img{height: 100%; object-fit: cover;}


/**	Alignement de boutons en bas de colonne		**/
.wp-block-column .wp-block-group.is-vertical.is-layout-flex:has(.wp-block-buttons.is-content-justification-right){height: 100%; gap: 0;}
.wp-block-column .wp-block-group.is-vertical.is-layout-flex .wp-block-buttons.is-content-justification-right{flex-grow: 1; align-self: flex-end; margin-top: var(--wp--custom--spacer-s-fluid);}


/**	Buttons as link	**/
.wp-block-button.is-style-link >a.wp-block-button__link{padding: 0; background: none; color: var(--wp--custom--accent);}

/**
*	Blog
**/
.swiper-container{
	--swiper-navigation-color: var(--wp--custom--accent);
	--swiper-pagination-color: var(--wp--custom--accent);
	--swiper-pagination-bullet-inactive-color: var(--wp--custom--false-white);
	--swiper-pagination-bullet-inactive-opacity: 1;
	--swiper-pagination-bullet-size: 14px;
	--swiper-pagination-bullet-width: 14px;
	--swiper-pagination-bullet-active-width: 24px;
	--swiper-pagination-bullet-height: 14px;
	--swiper-pagination-bottom: -1em;
	--swiper-navigation-sides-offset: 0;
	--swiper-pagination-bullet-border-radius: 9999px;
	--swiper-pagination-bullet-horizontal-gap: var(--wp--custom--spacer-xs);
	--swiper-navigation-size: 36px;
}
@media(min-width:782px){
	.swiper-container{
		--swiper-navigation-size: 48px;
		--swiper-navigation-sides-offset: calc(var(--swiper-navigation-size) * -1);
	}
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius: 9999px; width: var(--swiper-pagination-bullet-active-width,var(--swiper-pagination-bullet-width,8px))}
/* .swiper-slider-wrapper > .is-style-swiper-slider.is-swiper-auto-0{pointer-events: none} */
.swiper-slider-wrapper > .is-style-swiper-slider.is-swiper-auto-0 .swiper-wrapper{transition-timing-function: linear !important;}
.swiper-slider-wrapper > .is-style-swiper-slider.is-swiper-auto-0 + .swiper-pagination{display: none;}

.onk-block-posts{position: relative}
.onk-block-posts .onk-block-posts-container{display: flex;}
.onk-block-posts article{}
@media(min-width: 782px){
	.onk-block-posts article.is-style-media-on-left{}
	.onk-block-posts article.is-style-media-on-right > .wp-block-columns.is-layout-flex{flex-direction: row-reverse;}
}

/**
*	Beautiful grid v1
**/
.wp-block-query.is-style-grid-v1 ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 colonnes égales */
	grid-auto-flow: dense; /* pour combler automatiquement les trous */
	gap: var(--wp--custom--spacer-fluid); /* espace entre les éléments */
}

.wp-block-query.is-style-grid-v1 ul li {
	position: relative;
	background: var(--wp--custom--white);
	border-radius: var(--wp--custom--radius-fluid);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.wp-block-query.is-style-grid-v1 ul li figure.wp-block-post-featured-image{margin: 0;}
.wp-block-query.is-style-grid-v1 ul li img {top: 0; width: 100% !important; height: 100%; object-fit: cover; margin: 0;}
.wp-block-query.is-style-grid-v1 ul li .wp-block-group.is-vertical{gap: 0; padding: var(--wp--custom--spacer-fluid);}
.wp-block-query.is-style-grid-v1 ul li .wp-block-post-title {margin-bottom: var(--wp--custom--spacer-s-fluid);}
.wp-block-query.is-style-grid-v1 ul li .wp-block-post-title a:before{content: ''; top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
.wp-block-query.is-style-grid-v1 ul li .wp-block-read-more{margin-top: var(--wp--custom--spacer-s-fluid); border-radius: var(--wp--custom--radius-m);
    background: transparent none;
    border-color: currentColor;
    border-width: 1px;
    border-style: solid;
    color: currentColor;
    padding-top: var(--wp--custom--spacer-xs);
    padding-right: 1.33em;
    padding-bottom: var(--wp--custom--spacer-xs);
    padding-left: 1.33em;
}


@media(min-width: 782px){
	.wp-block-query.is-style-grid-v1 ul li {flex-direction: row;}
	/* Tous les 3 articles, le premier doit être plus grand */
	.wp-block-query.is-style-grid-v1 ul li:nth-child(3n+1) {grid-row: span 2; flex-direction: column;}
	.wp-block-query.is-style-grid-v1 ul li:not(:nth-child(3n+1)) .wp-block-read-more{display: none;}
	.wp-block-query.is-style-grid-v1 ul li:not(:nth-child(3n+1)) > *{flex-basis: calc(50% - var(--wp--custom--spacer-fluid)); flex-grow: 0;}
	.wp-block-query.is-style-grid-v1 ul li:nth-child(3n+1) figure.wp-block-post-featured-image{max-height: 300px;}
}


/**
*	Term description
**/
.wp-block-term-description.is-style-truncate {
    position: relative;
    display: block;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; /* Pour ajouter une transition fluide */
}

.wp-block-term-description.is-style-truncate.expanded {
    max-height: none !important; /* Afficher tout le contenu quand l'élément est étendu */
}

.wp-block-term-description.is-style-truncate + .show-more {
    color: var(--wp--custom--accent);
    cursor: pointer;
    font-weight: bold;
    display: block;  /* S'assure que le lien soit sur une nouvelle ligne */
    margin-top: var(--wp--custom--spacer-s-fluid);  /* Un peu d'espace avant le lien */
	font-size: var(--wp--preset--font-size--s);
}

.wp-block-term-description.is-style-truncate + .show-more:hover {
    text-decoration: underline;  /* Souligner au survol */
}


/**
*	Quote
**/
blockquote.is-style-with-quote, blockquote.with-quote{position: relative; margin-inline-start: unset; margin-inline-end: unset; padding-left: calc(2em + var(--wp--custom--spacer-s-fluid)); padding-top: var(--wp--custom--spacer-s-fluid);}
blockquote.is-style-with-quote:before, blockquote.with-quote:before{position: absolute; left: 0; top: 0; content: url('../images/quote.svg'); width: 2em;}
blockquote.is-style-with-quote p, blockquote.with-quote p{font-style: italic;}
blockquote.is-style-with-quote cite, blockquote.with-quote cite{margin-block-start: var(--wp--custom--spacer-s-fluid)}


/**
*	Gallery
**/
figure.wp-block-gallery.is-style-logo,
figure.wp-block-gallery.logo{align-items: center;}
figure.wp-block-gallery.is-style-logo.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image),
figure.wp-block-gallery.logo.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-top: auto; margin-bottom:auto;}
figure.wp-block-gallery.is-style-logo.has-nested-images figure.wp-block-image img,
figure.wp-block-gallery.logo.has-nested-images figure.wp-block-image img{max-height: 75px; object-fit: contain;}
figure.wp-block-gallery.is-style-logo.has-nested-images figure.wp-block-image>a, 
figure.wp-block-gallery.is-style-logo.has-nested-images figure.wp-block-image>div{margin-left: auto; margin-right: auto;}

@media (min-width: 600px) {
    body:not(.wp-admin) figure.wp-block-gallery.has-nested-images.is-style-swiper-slider figure.wp-block-image:not(#individual-image) {width: 100% !important;}
}



/**	Separator **/
hr.wp-block-separator.is-style-wave, hr.wp-block-separator.wave{margin-top: -1px; -webkit-mask-image: url(../images/wave.svg); mask-image: url(../images/wave.svg); mask-repeat: no-repeat; padding: var(--wp--custom--spacer-m-fluid) 0}



/**	Copyright	**/
.is-style-copyright .image-credit{
	opacity: 0; display: flex; align-items: center; 
	transition: opacity .3s ease-in-out; 
	position: absolute; 
	bottom: var(--wp--custom--spacer-xs); 
	left: var(--wp--custom--spacer-xs);
	color: var(--wp--custom--white); 
	font-size: var(--wp--preset--font-size--s);
	height: 30px;
    max-width: calc(100% - 20px);
	font-family: var(--wp--preset--font-family--text);
    font-weight: 400;
    line-height: 1;
    padding: 5px 7.5px;
    z-index: 1;
    pointer-events: auto;
    box-sizing: border-box;
    transition: opacity .3s ease-in-out;
}
.is-style-copyright .image-credit::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: var(--wp--custom--false-black);
    border-radius: 30px;
    z-index: -1;
	transition: 1.1s cubic-bezier(.19, 1, .22, 1);
}
.is-style-copyright .image-credit:hover::before {
    width: 100%;
}
.is-style-copyright .image-credit .copy-sign{
    height: 30px;
    width: 30px;
    margin-left: -7.5px;
    transition: 1.1s cubic-bezier(.19, 1, .22, 1);
	justify-content: center;
	display: flex;
	align-items: center;
}
.is-style-copyright .image-credit .copy-content{
    font-size: 0;
    opacity: 0;
    transform: translateX(5px);
    transition: transform 1.1s cubic-bezier(.19, 1, .22, 1), opacity .3s ease-in-out;
}
.is-style-copyright .image-credit:hover .copy-content {
    font-size: var(--wp--preset--font-size--s);
    opacity: 1;
    transform: translateX(0);
}

.wp-block-media-text.is-style-copyright .wp-block-media-text__media,
.wp-block-image.is-style-copyright{position: relative}
.wp-block-media-text.is-style-copyright .wp-block-media-text__media:hover .image-credit,
.wp-block-cover.is-style-copyright:hover .image-credit,
.wp-block-image.is-style-copyright:hover .image-credit {
    opacity: 1;
}