h4,h3,h2,h1 {
    clear: both;
    color: #ffffff;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Staatliches', cursive;
}

p {
  margin: 0 0 1em;
  text-align: justify;
}

.gallery-icon {
			visibility: hidden; 
}

.cdln-block-video {
			width:100px;
}


.img-blog {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
		border-radius: 15px !important;
    height: 320px !important;
		width: 320px !important;
}

.entry-content img,
.wp-post-image {
    border-radius: 15px;
}

.auther {
		visibility: hidden; 
}

span.date {
			visibility: hidden; 	
}

span.byline .author.vcard { 
		visibility: hidden; 
}


time {
		display:none;
}

#page-site-header {
  background-color: #0A041F;
  background-size: cover;
  background-position: 50%;
  position: relative;
  text-align: center;
  padding: 10px 0;
}

.is-style-rounded {
    border-radius: 10px;
}

.wp-block-embed {
  clear: both;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* lien de navigation dans archive.php 
a.cdln-taxo-button {
  margin-top: 1em;
  color: #fff;
  background: #00f8ff;
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  text-decoration: none;
  line-height: 1em;
  font-size: 0.9em;
  padding: 0.65em 1em;
}

*/
/* cat-links */
.cat-links {
	/*	  visibility: hidden; */
		color: #f8c2321;
}

.cat-links a {
    color: #f8c232 !important; /* Définit la couleur en jaune */
}

.cat-links a:hover {
    color: #e0a621 !important; /* Optionnel : assombrit légèrement au survol */
}

.cat-links::before {
    color: #f8c232 !important; /* Change aussi la couleur de l’icône */
    /*fill: #f8c232 !important;  Si c'est un SVG */
}

.tags-list {
    list-style: none;
    padding: 0;
}

.tags-list li {
    display: inline-block;
    margin: 5px;
}

.tags-list a {
    text-decoration: none;
    background: #f8c321; /* #00f8ff; #f0f0f0;*/
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff; /*#333;*/
}

.tags-list a:hover {
    background: #757575; /* #333; */
    color: #fff;
}

h2.single_tag_title {
			text-align:center;
}

a[href*="tag/2025"] {
    display: none !important;
}

a[href*="category/33eme-festival"] {
    display: none !important;
}

a[href*="category"]:hover {
    color: #FFFFFF !important; /* Blanc au survol */
}

a.post-edit-link:hover {
		color: #FFFFFF !important; /* Blanc au survol */
}		

p a:hover {
    color: white !important; /* Force la couleur blanche */
}

li a:hover {
	    color: white !important; /* Force la couleur blanche */	
}
div.entry-meta {
			display: none !important;
}
/* display none taxonomy */
div.sow-taxonomy {
		display: none !important;
}

div.tags-links  {
		display: none !important;
}


a.link-accordion { color: orange !important; } /* CSS link color (red) */
a.link-accordion:hover { color: #00f8ff !important; } /* CSS link hover (green) */

.sow-accordion-panel-header {
    border-radius: 10px;
}

.sow-accordion-panel-content {
    border-radius: 10px; /* Ajuste la valeur pour plus ou moins d'arrondi */
    overflow: hidden; /* Évite que le contenu dépasse les coins arrondis */
    /*padding: 15px; /* Optionnel : Ajoute de l'espace à l'intérieur pour un meilleur rendu */
    /*border: 1px solid #ccc; /* Optionnel : Ajoute une bordure pour mieux voir l'effet */
}

/** Widget Actualités**/

#secondary .widget-title::after {
		/**
  content: "";
  position: absolute;
  bottom: 0;
  margin: auto;
  display: block;
  border-radius: 100%;
  width: 100%;
  height: 3px;
  filter: blur(1px);
		**/
  background-color: #fff;
}

#secondary .widget-title {
  color: #fff;

}

/* Menu mobile, supprime l'effet shadow */
.menu-toggle span {
		box-shadow: none !important;
}

.menu-toggle span:before, 
.menu-toggle span:after {
				box-shadow: none !important;
}

/* Coins arrondis dans form de recherche */

#secondary .search-form {
    border-radius: 12px; /* Arrondit les coins du formulaire */
    overflow: hidden; /* Empêche les coins des éléments internes de dépasser */
}

#secondary .search-field,
#secondary .search-submit {
    border-radius: 0 12px 12px 0; /* Arrondit aussi les champs de recherche et le bouton */
}

/* Pour le form de recherche resultat, solution boiteuse */
				div.form-result {
					width: 80%;
				}
				#cdln.search-form {
    				border-radius: 12px; /* Arrondit les coins du formulaire */
    				overflow: hidden; /* Empêche les coins des éléments internes de dépasser */
				}

				#cdln.search-field,
				#cdln.search-submit {
    				border-radius: 0 12px 12px 0; /* Arrondit aussi les champs de recherche et le bouton */
				}
/* Adaption youtube et spotify en fonction du média*/
@media screen and (min-width: 640px) {
	.wp-block-embed {
			width: max-content !important;
	}
}
/* Marge sur les boutons, Scène, jour... */
tags-list li {
  display: inline-block;
  margin: 6px;
}

/* Menu CHAUFFER jLCF & ChatGPT */
@media screen and (min-width: 1025px) {
	/* Style des sous-menus : fond gris moyen et coins arrondis */
	.nav-menu .sub-menu {
  	background-color: #808080; /* Couleur gris moyen */
  	border-radius: 8px;        /* Coins arrondis */
  	padding: 10px;             /* Espace interne */
	}

	/* Survol des éléments du sous-menu avec fond jaune, texte blanc et coins arrondis */
	.nav-menu .sub-menu li a:hover,
	.nav-menu .sub-menu li:hover > a {
  	background-color: #F8C232; /* Jaune souhaité */
  	color: #ffffff;            /* Texte en blanc */
  	border-radius: 8px;        /* Coins arrondis au survol */
	}
		
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a {
    color: #fff !important;       /* Conserve le texte en blanc */
    -webkit-text-stroke: 0 !important;  /* Supprime le contour bleu */
}		

.main-navigation ul.nav-menu .current_page_item > a:before,
.main-navigation ul.nav-menu .current-menu-item > a:before,
.main-navigation ul.nav-menu .current_page_ancestor > a:before,
.main-navigation ul.nav-menu .current-menu-ancestor > a:before,
.main-navigation ul.nav-menu > li:hover > a:before,
.main-navigation ul.nav-menu > li.focus > a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    border-radius: 100%;
    width: 80% !important;   /* Souslignage moins large (50% de la largeur du lien) */
    height: 2px !important;   /* Moins épais que 3px */
    background-color: #fff !important;  /* Couleur blanche */
    filter: none !important;  /* On retire le blur */
}

}

.ow-button-base.ow-button-align-center {
  text-align: center;
  padding:0 0 10px 0;
}

/* Nuage d'articles */

.nuage-image-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
    border-radius: 12px;
}

.nuage-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Nuage en surimpression sur le tiers inférieur */
/*
.nuage-titres-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33.33%; 
    background: rgba(0,0,0,0.65);
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    overflow-y: auto;
}

.nuage-titre-item {
    color: white;
    font-weight: bold;
    margin: 0 0.5rem;
    text-decoration: none;
    font-size: 1rem;
    white-space: nowrap;
    transition: transform 0.2s;
}

.nuage-titre-item:hover {
    transform: scale(1.1);
    text-decoration: underline;
}

*/
.nuage-image-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
    border-radius: 12px;
}

.nuage-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Dégradé noir transparent → noir opaque sur le tiers bas */
.nuage-titres-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33.33%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    padding: 1rem;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    overflow-y: auto;
}

.nuage-titre-item {
    color: white;
    font-weight: bold;
    margin: 0 0.5rem;
    text-decoration: none;
    font-size: 1rem;
    white-space: nowrap;
    transition: transform 0.2s;
}


.nuage-titre-item:hover {
    transform: scale(1.1);
    text-decoration: underline;
    color: #F8C232; /* jaune au survol */
}
/* Video YT arrondies */
.wp-block-embed__wrapper iframe {
    border-radius: 16px; /* ou 12px, 1rem, etc. selon le look souhaité */
    overflow: hidden;
}