/**
Theme Name:	Solidaires CCRF-SCL
Template:   twentytwentyfive
Version:    1.0
Author URI: https://solidaires-ccrf-scl.org
Description:Thème enfant pour les sites Solidaires CCRF&SCL
*/

/* Bloc "fichier", taille d'affichage du nom du fichier : annuler paramétrage twentytwentyfive */
.wp-block-file:not(.wp-element-button) {
    font-size: unset;
}

/* Effet au survol des images mises en avant */
/* 1. Le conteneur (le bloc qui a la bordure) */
.has-border-color {
    overflow: hidden;    /* coupe ce qui dépasse des coins */
    /* Pour éviter certains bugs d'affichage sur Safari avec les arrondis */
    isolation: isolate; 
}
/* 2. L'image à l'intérieur */
.attachment-post-thumbnail {
    transition: transform 0.4s ease-in-out;
    transform-origin: center;
}
/* 3. L'effet au survol */
.wp-block-post-featured-image {
	overflow: hidden;	/* coupe ce qui dépasse de la vignette initiale */
}
.wp-block-post-featured-image:hover .attachment-post-thumbnail {
    transform: scale(1.1);
}

/* réglage HEADER et ANCRES */ 
/* header sticky */
header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
/* ancre sous le header */
html {
    scroll-behavior: smooth;
    /* On utilise la variable mise à jour par JS */
    scroll-padding-top: var(--header-height, 0px);
}

/* réglages SLICK */
/* éviter le flash au chargement du carrousel Slick */
.responsive {
    visibility: hidden;
    opacity: 0;
}
.responsive.slick-initialized {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s;
}

/* Répartition des diapos en largeur : Force une marge fixe  */
/* Le conteneur racine du slider */
.slick-slider {
    width: 100% !important;
    display: block;
}

/* Center la diapo dans son bloc */
.slick-track .wp-block-post {
	display: flex !important;
	justify-content: center;
}
/* SUPERPOSER le texte sur l'image dans le carrousel Slick + animation au survol */
/* Conteneur pour le titre et l'image */
.slick-track .wp-block-group {
    position: relative;
    display: inline-block;
	overflow: hidden; /* Empêche le débordement */
}
/* Style pour l'image */
.slick-track .wp-block-post-featured-image {
    display: block;
    width: 100%;
    height: auto;
	transition: transform 0.4s ease-in-out;
    transform-origin: center; /* Ou top, bottom, etc. */
}
/* Style pour le titre (superposé en bas de l'image) */
.slick-track .wp-block-post-title {
    font-weight: bold;
	position: absolute;
    bottom: 0; /* Positionne le titre en bas */
    left: 0;
    width: 100%; /* Largeur égale à celle de l'image */
	max-height: 70%;
    background: rgba(255, 255, 255, 0.7); /* Fond blanc transparent */
    padding: 10px !important;
    margin: 0;
    text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
    box-sizing: border-box; /* Inclut le padding dans la largeur */
	display: block; /* Assure que le lien prend toute la largeur */
    z-index: 10; /* Assure que le titre reste au premier plan */
	transition: background 0.4s ease-in-out; /* Animation du fond de texte */
}
/* Style au survol du conteneur */
.slick-track .wp-block-group:hover .wp-block-post-featured-image img,
.slick-track .wp-block-group:hover .wp-block-post-featured-image {
    transform: scale(1.05); /* Zoom fois 1.05 */
}
.slick-track .wp-block-group:hover .wp-block-post-title {
    box-sizing: border-box; /* Inclut le padding dans la largeur */
    background: rgba(255, 255, 255, 1); /* Fond blanc complet */
}