/* =========================
 Accessibilité / Base
 ========================= */
 :where(.wp-site-blocks *:focus) {
	outline-style: solid;
	outline-width: 2px;
}


/* =========================
	 Navigation / Menus
	 ========================= */
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
	border-bottom: 1px solid;
	text-transform: uppercase;
}

/* Liens : soulignement fluide */
:is(a:not(:has(img)), .wp-block-navigation a) {
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 2px;
	text-decoration: none;
	transition: background-size .2s ease;
}
:is(a:not(:has(img)), .wp-block-navigation a):hover,
:is(a:not(:has(img)), .wp-block-navigation a):focus,
li:hover a:not(:has(img)) {
	background-size: 100% 2px;
}

header .wp-block-group a{
	transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
	opacity: 1;
}
header:hover .wp-block-group a{
	opacity: 0.65;
}
header .wp-block-group a:hover{
	opacity: 1;
}

/* survol image avec lien */
a:has(img.wp-post-image){
	overflow: hidden;
	/* border-radius: 26px; */
}
img{
    transition: all 1s ease;
}
a:hover img, li:hover img{
    filter: saturate(1);
}
a:hover img.wp-post-image, li:hover img.wp-post-image{
    transform: scale(1.05);
}


/* =========================
	 Titres / Mise en page
	 ========================= */
main h1{
	border-bottom: 1px solid;
	border-image: linear-gradient(to right, currentColor 0%, #00000000 95%) 1;
}
main h2, main h3{
	transform: translateX(-1em);
}

/* légende img */
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	display:none;
}
figure.wp-block-image figcaption{
	transition: all ease 0.3s;
	opacity: 0;
}
figure.wp-block-image:hover figcaption{
	opacity: 1;
}

/* =========================
	 Tableaux
	 ========================= */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #f0f0f008;
}

tr {
    transition: all 0.2s ease;
	backdrop-filter: brightness(100%);
}
tr:hover { backdrop-filter: brightness(200%); }


/* =========================
	 Animations d’ouverture
	 ========================= */
/* opening main anim */
@keyframes main-open-anim {
	from { opacity: 0; transform: translateY(20px);}
	to   { opacity: 1; transform: translateY(0px);}
}

/* Main site anim */
.page main div, .archive main div{
    animation-duration: 1s;
	animation-name: main-open-anim;
	animation-timing-function: ease;
}
.page main a, .archive main a{
    animation-duration: 1.5s;
	animation-name: main-open-anim;
	animation-timing-function: ease;
}
.page main img, .archive main img{
    animation-duration: 2s;
	animation-name: main-open-anim;
	animation-timing-function: ease;
}

/* opening logo anim */
@keyframes logo-open-anim {
	from { filter: blur(.2rem); opacity: 0; transform: translateX(-10px);}
	to   { filter: blur(0);     opacity: 1; transform: translateX(0px);}
}
/* Logo site anim */
.wp-block-site-title {
    animation-duration: 1.2s;
	animation-name: logo-open-anim;
	animation-timing-function: ease;
}

/* =========================
	 Polylang (switcher + menus)
	 ========================= */
.polylang_langswitcher li {
	display: inline;
	list-style-type: none;
}

/* FR visible, EN caché quand page FR */
.menu-fr { display: flex !important; }
.menu-en { display: none !important; }

/* EN visible, FR caché quand page EN */
html[lang^="en"] .menu-fr { display: none !important; }
html[lang^="en"] .menu-en { display: flex !important; }


/* =========================
	 Lightbox
	 ========================= */
.slb_data_title { display: none; }


/* =========================
	 Boutons
	 ========================= */
.wp-element-button,
.wp-block-button__link {
	transition: all .2s ease;
    transform: translateY(0px);
}
.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* =========================
	 Page d'acceuil
	 ========================= */
.top-fixed-bloc{
    position: absolute;
    top: 3%;
    left: 0; 
    right: 0; 
    margin-inline: auto; 
    width: fit-content;
    z-index: 10;
}

.linknounderline a{
    text-decoration: none !important;
}

.wp-element-button,
.acceuil .wp-block-columns .wp-block-column{
    transition: all ease 0.2s;
    filter:invert(0%) contrast(1);
}
.acceuil .wp-block-columns .wp-block-column:hover{
    filter:invert(70%) contrast(2);
}

.acceuil .wp-block-columns {
    min-height: 100svh;
    min-height: 100dvh;
    min-height: 100vh;
    align-items: stretch;
}

.acceuil .wp-block-column {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.acceuil .wp-block-column > .wp-block-cover {
    flex: 1;
    min-height: auto;
    width: 100%;
}

@media (max-width: 768px) {
    .acceuil { min-height: auto; }
    .acceuil .wp-block-column > .wp-block-cover { min-height: 40svh; }
}