/*
 Theme Name: Divi-Child-theme-Jpr-Agence
 Theme URI: 
 Description: Divi Child Theme
 Author: Olivier Rochefort
 Author URI: 
 Template: Divi
 Version: 1.0.1
*/

/* État de base du bouton du menu */




/* Ciblage précis du lien dans le dernier élément de liste */
.planketon-menu-desktop #menu-top_menu {
	display: flex !important;
	align-items: center !important;
}

.planketon-menu-desktop #menu-top_menu > li:last-child > a {
	border: 2px solid #ffffff !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	padding: 15px 20px !important;
	background-color: #e92027 !important;
	transition: all 0.3s ease !important;
}

.planketon-menu-desktop #menu-top_menu > li:last-child > a:hover {
	transform: scale(1.05) !important;
	background-color: #3f6c43 !important;
	color: #ffffff !important;
}

/* BOUTONS FILTRES - ÉTAT DE BASE */
#planketon-filter .divi-radio-buttons label {
	border-radius: 999px !important;
	color: #fff !important;
	font-size: clamp(0.85rem, 1.75vw, 0.9rem) !important;
	border: 2px solid #ffffff !important;
	padding: 8px 20px !important;
	transition: all 0.3s ease !important;
	display: inline-block !important;
}

/* FILTRES - HOVER ET EFFETS */
#planketon-filter .divi-radio-buttons label:hover {
	transform: scale(1.05) !important;
	background-color: #e92027 !important;
	color: #ffffff !important; /* Force le texte en blanc au survol */
}

#planketon-filter .divi-radio-buttons label:active {
	transform: scale(0.98) !important;
}

/* FILTRES - ÉTAT SÉLECTIONNÉ / ACTIF (Correction bug Divi Machine) */
#planketon-filter .divi-radio-buttons input[type="radio"]:checked + label,
#planketon-filter .divi-radio-buttons .active label,
#planketon-filter .divi-radio-buttons label.active {
	background-color: #e92027 !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

#planketon-loop-filter img {
	border-radius: 15px 15px 0px 0px !important;
}

.dnxte-next-video__header {
	display: none !important;
}

/* CPT content */
#planketon-cpt-artiste h3,
#planketon-cpt-musicale h3 {
	font-size: clamp(1.35rem, 2.2vw, 1.7rem) !important;
	color: #4b4b4b !important;
	font-weight: 800 !important;
	padding: 25px 0 10px !important;
}

#planketon-cpt-artiste h4,
#planketon-cpt-musicale h4 {
	font-size: clamp(1.1rem, 2vw, 1.15rem) !important;
	color: #4b4b4b !important;
	font-weight: 700 !important;
	padding: 10px 0 15px !important;
}

/* blockquote */
#planketon-cpt-artiste blockquote,
#planketon-cpt-musicale blockquote {
	border: 2px solid #b5b4b4;
	padding: 30px;
	position: relative;
	margin: 1em 0 2em;
	background: #fff;
}

#planketon-cpt-artiste blockquote p,
#planketon-cpt-musicale blockquote p {
	font-style: italic;
	font-size: 1.15rem;
	line-height: 1.6;
	margin: 0;
}

#planketon-cpt-artiste blockquote cite,
#planketon-cpt-musicale blockquote cite {
	position: absolute;
	bottom: -15px;
	right: 20px;
	background: #333;
	color: #fff;
	padding: 5px 15px;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: bold;
	border-radius: 4px;
}
/* end blockquote */

#planketon-cpt-artiste ul,
#planketon-cpt-musicale ul {
	width: fit-content;
	color: #1b1c1e !important;
	background-color: #fbfbfb !important;
	font-size: clamp(0.85rem, 1.75vw, 0.9rem) !important;
	border-radius: 15px !important;
	list-style: none !important;
	padding: 20px !important;
	margin: 0px 0 20px !important;
}

#planketon-cpt-artiste ul li,
#planketon-cpt-musicale ul li {
	list-style-type: none !important;
	position: relative; /* Permet de positionner l'icône par rapport au texte */
	padding-left: 30px; /* Crée l'espace nécessaire pour l'icône */
	margin-bottom: 8px; /* Espacement entre les lignes */
}

/* injecte l'icône sur le ::before */
#planketon-cpt-artiste ul li::before,
#planketon-cpt-musicale ul li::before {
	content: "\e031"; /* Code Unicode de l'icône (ici une coche) */
	font-family: "ETmodules" !important; /* Utilise la police d'icônes de Divi */
	position: absolute;
	left: 0; /* Aligne l'icône tout à gauche du li */
	top: 2px; /* Ajustement vertical selon la taille de ton texte */
	color: #1b1c1e; /* Couleur de l'icône (blanc pour ton fond noir) */
	font-size: 18px; /* Taille de l'icône */
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* end CPT content */

#planketon-loop-filter .filter-param-item {
	border: 2px solid #e6e6e6 !important;
	border-radius: 999px !important;
	color: #e6e6e6 !important;
}

#planketon-loop-filter .divi-filter-archive-loop > .divi-filter-loop-container {
	color: rgb(255, 255, 255) !important;
	margin-bottom: 50px !important;
}
/* enleve le lien de la categorie par defaut de diviajax template */

#planketon-loop-filter .loop-grid .post-content_cont h2.entry-title a {
	color: #ffffff !important;
}
#planketon-loop-filter .loop-grid .post-content_cont p a {
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
	color: #ffffff !important;
}
/* Load more btn */
#planketon-loop-filter .et_pb_button,
.et_pb_module .et_pb_button {
	transition: transform 0.3s ease-in-out !important;
	transform-origin: center !important;
}

/* Centrer le bouton Voir plus de Divi Machine */
#planketon-loop-filter .dmach-loadmore.et_pb_button {
	display: block !important;
	width: fit-content !important; /* Le bouton prend uniquement la largeur de son texte */
	margin-left: auto !important; /* Pousse le bouton au centre depuis la gauche */
	margin-right: auto !important; /* Pousse le bouton au centre depuis la droite */
	margin-top: 30px !important; /* Ajoute de l'espace avec la grille au-dessus */
}

/* Au survol : on applique le scale et on force le padding symétrique */
#planketon-loop-filter .dmach-loadmore.et_pb_button:hover,
.et_pb_module .et_pb_button:hover {
	transform: scale(1.05) !important;
	padding: 10px 20px !important; /* Écrase le padding asymétrique défectueux de Divi Machine */
	color: #ffffff !important; /* Assure le maintien du texte blanc au survol */
}
/* end Load more btn */

/* Styles pour la galerie d'images ACF */
.custom-acf-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
	margin-top: 20px; /* Ajout d'un petit espace au-dessus de la galerie */
}

.gallery-item-link img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 5px;
	transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition plus douce */
}

.gallery-item-link:hover img {
	transform: scale(1.03);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Ajout d'une ombre au survol */
}