/*!
Theme Name: FRB 2025
Theme URI: http://underscores.me/
Author: cedric Lagrand\'court
Author URI: https://10ket.studio/
Description: Thème sympathique pour le site de la Fondation pour la Recherche sur la Biodiversité
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: frb-2025
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FRB 2025 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

header .nav1 .nav0_0_sm .langs,
header .nav0 ul.langs {
  display: none!important;
}

.content_0 .content-text ul {
	list-style-type: disc;
	padding-left: 17px;
}
.presentation_1 a,
.presentation_0 a {
	color: #000;
}

.presentation_0 .sstitre_pres,
.presentation_1 a:hover,
.presentation_0 a:hover {
    color: #0674A3;
}

.presentation_0 .sstitre_pres,
.presentation_1 .sstitre_pres {
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    color: #0674A3;
    font-size: 1.43em;
    margin-bottom: 27px;
    display: block;
    font-weight: 500;
}
article .content ul {
    list-style-type: disc;
    margin-left: 20px;
}
.liste-publications .publi .date {
    display: block;
    color: #0674a3;
    font-weight: 600;
}
/* Style général pour <sup> et <sub> */
sup,
sub {
  font-size: 0.75em;   /* Taille réduite mais lisible */
  line-height: 0;      /* Évite les décalages verticaux */
  position: relative;  
  vertical-align: baseline;
}

/* Positionnement précis de <sup> */
sup {
  top: -0.5em;  /* Décale vers le haut */
}

/* Positionnement précis de <sub> */
sub {
  bottom: -0.25em; /* Décale vers le bas */
}

.ressource-content .reference p {
  word-break: normal!important;          /* stop au cassage agressif */
  overflow-wrap: break-word!important;   /* coupe si vraiment nécessaire */
  hyphens: auto!important;               /* césure typographique */
}

@media screen and (min-width: 993px) {
  .nav1 nav > ul li:nth-child(4) .sub-menu {
    columns: 2;
  }
}

.media-header.search {
  background-image: none!important;
  padding: 50px 0!important;
}

.content_para a.bt {
        font-family: 'Poppins', serif;
        color: #007C85;
        border: 1px solid #007C85;
        text-transform: uppercase;
        padding: 12px 20px;
        border-radius: 4px;
        transition: all .4s ease;
        text-decoration: none;
}
.content_para a.bt:hover {
    background-color: #007C85;
    color: #fff;
    box-shadow: 0 5px 40px -10px rgba(0, 0, 0, 0.57)!important;
}
.trombinoscope a.bt {
  text-decoration: none;
}

.posts_transac .titre {
  color: #045C82;
  text-decoration: none;
}
.posts_transac .titre.left, .medias_transac .titre.left {
  text-align: left;
}
.posts_transac .titre a, 
.medias_transac .titre a {
    float: none;
    font-size: 0.6em !important;
    color: #51B9BC!important;
    margin-top: 2px;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    
    /* C'est ICI que la magie opère (SVG encodé) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2351B9BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 18px; /* Contrôle la taille de la flèche */
    
    padding-left: 25px; /* Ajusté pour coller à la nouvelle icône */
    padding-right: 10px;
    transition: all 300ms ease;
}

/* Le petit effet au survol */
.posts_transac .titre a:hover, 
.medias_transac .titre a:hover {
    padding-left: 30px; /* La flèche reste fixe, le texte se décale */
    opacity: 0.8;
}
.footer-promo {
  padding: 60px 0;
}
.footer-promo .shop-block .cta,
.footer-promo .header-title .cta {
    font-size: 14px;
}

/* Conteneur global */
.sitemap-box {
    background: transparent;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid transparent;
    height: 100%;
}

.sitemap-title {
    font-size: 1.2rem;
    color: #51B9BC; /* Votre couleur turquoise */
    border-bottom: 2px solid #51B9BC;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: none;
}

/* La liste principale */
ul.sitemap-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

ul.sitemap-list li {
    margin-bottom: 8px;
    position: relative;
}

ul.sitemap-list li a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    transition: color 0.3s;
}

ul.sitemap-list li a:hover {
    color: #51B9BC;
}

/* Les sous-menus (enfants) */
ul.sitemap-list ul.sub-menu {
    list-style: none;
    padding-left: 20px; /* Décalage vers la droite */
    margin-top: 5px;
    border-left: 1px solid #ddd; /* Petite ligne guide verticale */
}

ul.sitemap-list ul.sub-menu li a {
    font-weight: 400; /* Moins gras pour les enfants */
    font-size: 0.95em;
    color: #666;
}

.credits-container {

}

ul.credits-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 0!important;
}

li.credit-item {
    display: flex;
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    padding: 0px;
    border-radius: 6px;
    width: 100%; /* Ou 48% pour faire 2 colonnes */
}

/* La petite image ronde ou carrée */
img.credit-thumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 15px;
    border: 1px solid #ddd;
    flex-shrink: 0;
}

.credit-info {
    display: flex;
    flex-direction: column;
}

/* Le texte du crédit (ex: Photo: AFP) */
.credit-text {
    font-weight: bold;
    color: #333;
    font-size: 0.95em;
}

/* Le nom du fichier image (ex: img-conference.jpg) en gris */
.credit-filename {
    font-size: 0.8em;
    color: #888;
    margin-top: 2px;
}