/* ==========================================================================
   Nouvelle charte graphique Foodex — octobre 2026
   Chargé en dernier (après media.css) : surcharge les styles existants.
   Les couleurs elles-mêmes sont réglées dans les variables de style.css (:root).
   Valeurs de taille et d'espacement marquées « à valider » : à ajuster en préprod.
   ========================================================================== */

/* --- Titres : BT Widesonik ------------------------------------------------
   Widesonik est une police large : on réduit l'espacement entre les lettres
   hérité de l'ancienne charte pour éviter les débordements (à valider). */
.title,
.wpforms-title,
.title-small,
.home-hero__title,
.form__title,
.single-post__subtext.description h1 {
    font-family: 'BT Widesonik', 'Manrope', sans-serif;
    letter-spacing: 0.02em;
}

/* Grands titres : texte en graisse normale, mots mis en valeur (<strong> saisi
   dans l'éditeur) en gras. Le thème met tous les <strong> en 400 (style.css,
   prévu pour l'ancien texte en Lato Light), d'où la règle dédiée.
   Les autres titres (.title-small, .form__title…) gardent leur graisse 600. */
.title,
.wpforms-title,
.home-hero__title {
    font-weight: 400;
}

.title strong,
.wpforms-title strong,
.home-hero__title strong {
    font-weight: 700;
}

.title,
.wpforms-title {
    font-size: 32px; /* 35px auparavant — à valider */
}

.title-small {
    font-size: 28px; /* 32px auparavant — à valider */
}

.home-hero__title {
    font-size: 40px; /* 45px auparavant — à valider */
}

@media screen and (max-width: 767px) {
    .title,
    .wpforms-title {
        font-size: 24px;
    }

    .home-hero__title {
        font-size: 28px;
    }
}

/* --- Japonais et chinois : Noto Sans (préconisation de la charte) -------- */
:lang(ja) body,
:lang(ja) .title,
:lang(ja) .wpforms-title,
:lang(ja) .title-small,
:lang(ja) .home-hero__title,
:lang(ja) .form__title {
    font-family: 'NotoSansJP', sans-serif;
    letter-spacing: normal;
}

:lang(zh) body,
:lang(zh) .title,
:lang(zh) .wpforms-title,
:lang(zh) .title-small,
:lang(zh) .home-hero__title,
:lang(zh) .form__title {
    font-family: 'NotoSansJP', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    letter-spacing: normal;
}

/* --- Logo carré dans l'en-tête --------------------------------------------
   L'ancien logo débordait volontairement vers le bas (translateY) ;
   le nouveau logo carré est centré dans la barre. */
.header__logo {
    transform: none;
}

.header__logo img {
    display: block;
    width: auto;
    height: 66px;
    max-height: none;
}

@media screen and (max-width: 1024px) {
    .header__logo img {
        height: 56px;
    }
}

@media screen and (max-width: 414px) {
    .header__logo img {
        height: 44px;
    }
}

/* --- Pictos « Nos engagements » (SVG) -------------------------------------
   Les anciens PNG avaient une taille propre ; un SVG prend la taille qu'on lui donne. */
.engagements__item-image img {
    width: auto;
    height: 80px;
}

@media screen and (max-width: 640px) {
    .engagements__item-image img {
        width: 100%;
        height: auto;
    }
}

/* --- Carte « Notre réseau » ----------------------------------------------
   Choix du client (7 octobre, inversé le 9 octobre pour garder les frontières
   lisibles) : pays en orange pastel, pays survolé en orange, noms de pays et
   points des villes en noir.
   Remplace les couleurs par pays de style.css (.network-country_france…) ;
   le préfixe .network-countries donne la priorité à ces règles. */
.network-countries .network-country {
    color: var(--color-default); /* noms de pays, points, contour au survol */
}

.network-countries .network-country path {
    fill: #FFD9BD; /* orange pastel */
}

.network-countries .network-country.hovered path {
    fill: var(--color-orange);
}

/* --- Intro du premier passage (intro/intro.php) ---------------------------
   Nouveau logo animé, carré : le cadre d'origine (195 × 222 px) était taillé
   pour l'ancien logo. Préfixe .intro : intro/css/styles.min.css est chargé
   après cette feuille. Les réductions mobiles d'origine (scale) s'appliquent. */
.intro .intro__animation__logo {
    width: 160px;
    height: 160px;
}

.intro .intro__animation__logo img {
    width: 100%;
    height: 100%;
}

/* --- Retours client du 9 octobre ------------------------------------------ */

/* Titre d'accueil : 3e ligne « de la tradition à la fusion. » en minuscules et
   graisse normale. À saisir dans le contenu : <span class="home-hero__signature">. */
.home-hero__title .home-hero__signature {
    text-transform: none;
    font-weight: 400;
}

/* Titres des actualités en Manrope (ils portent aussi la classe .title) */
.news-list-item__title {
    font-family: 'Manrope', sans-serif;
    letter-spacing: normal;
}

/* Titres de colonnes du pied de page et textes des engagements en Widesonik */
.footer-block__title,
.subscribe__title,
.engagements__item-text {
    font-family: 'BT Widesonik', 'Manrope', sans-serif;
}

/* Page « Notre réseau » : légende « FOODEX » sous la carte retirée */
.network__companies {
    display: none;
}

/* Liens et titres colorés par la couleur ACF de chaque implantation (ancien
   orange #f37e06 en base, injecté en style en ligne) : nouvel orange partout.
   !important nécessaire pour passer devant l'attribut style. */
.network-cities__tab[style],
.network-cities a.link_blank[style],
.network-company__title[style],
.map-city__title[style],
.network a.link_blank[style] {
    color: var(--color-orange) !important;
}

/* Carte de France (page « Notre réseau en France », partials/map-france.php) :
   même principe que la carte d'Europe (régions en pastel, région survolée en
   orange), validé par le client le 9 octobre.
   Les couleurs d'origine sont des attributs fill du SVG, que le CSS remplace. */
.network-map-france .country-side path {
    fill: #FFD9BD; /* orange pastel */
}

.network .network-map-france .country-side:hover path {
    fill: var(--color-orange);
}

.network-map-france text,
.network-map-france circle {
    fill: var(--color-default); /* numéros de départements, points des entrepôts */
}

/* --- Noir de la charte ---------------------------------------------------- */
.header.active {
    background: var(--color-default) !important;
}