/* css/artisan.css : style "carnet de voyage" (8 octobre 2026)
   Titres en Fraunces (serif) sur tout le contenu du site. Ne touche ni le menu,
   ni le pied de page, ni les textes courants, ni les boutons.
   Retour arrière : retirer le <link> vers ce fichier dans includes/header.php. */

body :is(h1, h2, h3, h4):not(header *):not(nav *):not(footer *):not(.navbar *):not(.cookie-banner *) {
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    overflow-wrap: break-word;
    text-transform: none !important;
}

/* Mot mis en avant dans les titres de section : italique, comme sur la page Inde */
body .site-title h3 strong,
body .site-title h2 strong,
body .site-title h1 strong {
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
    font-style: italic;
    font-weight: 600;
}

/* Titres de cartes (vignettes photo, suggestions) : un peu plus de présence */
body :is(.caption, .suggestions, .presentation-section) :is(h4, h3) {
    font-weight: 600;
}

/* ---- Réglage des tailles (Fraunces est plus large que Barlow Condensed) ---- */

/* Titres sur les vignettes photo (pages pays, destinations...) */
body .img-wrap .caption h3,
body .img-wrap .caption h4 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
body .img-wrap .caption h3 + h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: italic;
}
/* Accueil : "Voyages et destinations populaires" */
body #selection-voyages .caption h4 {
    font-size: 30px !important;
    line-height: 1.2 !important;
}
/* Cartes articles / "que voir à X" et suggestions */
body .mosaique .caption h3,
body .mosaique .caption h4 {
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}
body .suggestions .caption h4 {
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-transform: none !important;
}

/* Thèmes de voyage (pictos) : colonnes très étroites, on réduit et on passe en minuscules */
body .services-mark-2 .one-service h4,
body .eight-cols .one-service h4 {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    height: auto !important;
    min-height: 2.6em;
}

@media (max-width: 767px) {
    body .img-wrap .caption h3,
    body .img-wrap .caption h4 { font-size: 23px !important; }
    body #selection-voyages .caption h4 { font-size: 23px !important; }
    body .mosaique .caption h3,
    body .mosaique .caption h4 { font-size: 23px !important; }
    body .suggestions .caption h4 { font-size: 15px !important; }
    body .services-mark-2 .one-service h4,
    body .eight-cols .one-service h4 {
        font-size: 11px !important;
        font-weight: 500 !important;
        letter-spacing: -0.01em !important;
        padding: 0 !important;
        margin-left: -3px !important;
        margin-right: -3px !important;
        overflow: visible !important;
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}

/* Titres des cartes en majuscules dans le CSS d'origine : casse normale, plus douce */
body .site-title :is(h1, h2, h3, h4, p) { text-transform: none; }

/* ---- Hero de la page d'accueil : titre plus grand + signature manuscrite ---- */
body .hero .caption h1 {
    font-size: 56px !important;
    line-height: 1.12 !important;
    font-weight: 400 !important;
    margin-bottom: 6px !important;
    color: #fff !important;
    letter-spacing: 0.01em !important;
    /* lisibilité sur la vidéo : double ombre douce + halo sombre */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 3px 18px rgba(0, 0, 0, 0.6), 0 0 38px rgba(0, 0, 0, 0.45);
    -webkit-font-smoothing: antialiased;
}
body .hero .caption h1 strong {
    font-style: normal;
    font-weight: 600;
}
body .hero .caption h5 {
    text-transform: none !important;
    font-family: 'Jost', sans-serif !important; /* même police que la signature et le logo */
    font-weight: 300 !important;
    font-size: 17px !important;
    letter-spacing: 0.2px;
}
body .hero .caption h5 b {
    display: block;
    font-family: 'Jost', sans-serif; /* police du logo « mondeasie » */
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.1;
    margin: 0 0 2px;
    letter-spacing: -0.4px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}
body .hero .caption h5 b + br { display: none; }
@media (max-width: 991px) {
    body .hero .caption h1 { font-size: 44px !important; }
}
@media (max-width: 767px) {
    body .hero .caption h1 { font-size: 41px !important; line-height: 1.1 !important; }
    body .hero .caption h5 { font-size: 15px !important; }
    body .hero .caption h5 b { font-size: 18px; }
}

/* ---- Titres H1 des pages : plus grands (le serif en minuscules paraît plus petit) ---- */
body .site-title h1,
body .custom-section h1,
body .project-details h1 {
    font-size: 46px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
body .top-image .site-title h1 {
    font-size: 54px !important;
    line-height: 1.12 !important;
}
body .site-title h1 strong,
body .custom-section h1 strong {
    font-style: italic;
    font-weight: 600;
}
@media (max-width: 991px) {
    body .site-title h1,
    body .custom-section h1,
    body .project-details h1 { font-size: 38px !important; }
    body .top-image .site-title h1 { font-size: 44px !important; }
}
@media (max-width: 767px) {
    body .site-title h1,
    body .custom-section h1,
    body .project-details h1 { font-size: 30px !important; }
    body .top-image .site-title h1 { font-size: 34px !important; }
}

/* ---- Suggestions de voyages (cartes photo avec titre centré) : titres plus grands ---- */
body .suggestions .caption h4,
body .suggestions .img-wrap .caption h4 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-transform: none !important;
}
@media (max-width: 767px) {
    body .suggestions .caption h4,
    body .suggestions .img-wrap .caption h4 { font-size: 23px !important; }
}

/* ---- Titres de section (« Les avis de nos voyageurs », « Idées de voyages »...) : plus grands ---- */
body .site-title h3,
body .inde-xp h3.xp-title {
    font-size: 37px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}
@media (max-width: 991px) {
    body .site-title h3,
    body .inde-xp h3.xp-title { font-size: 31px !important; }
}
@media (max-width: 767px) {
    body .site-title h3,
    body .inde-xp h3.xp-title { font-size: 26px !important; }
}

/* ---- Signature : « Le Monde de l'Inde et de l'Asie » se resserre en « Mondeasie » (une seule fois) ---- */
body .hero .caption h5 b.brand-merge { white-space: nowrap; }
/* Signature fixe (plus d'animation) : tout en texte courant, sur la même ligne de base */
body .hero .caption h5 b.brand-merge .bm-x,
body .hero .caption h5 b.brand-merge .bm-k {
    display: inline;
    vertical-align: baseline;
}

/* Barre de recherche du hero : police du site (Barlow Condensed), plus foncée et un peu plus grande ; loupe et texte rapprochés */
body .hero-search { max-width: 480px; }
body .hero-search input,
body .hero-search input::placeholder {
    font-family: 'Barlow Condensed', Arial, sans-serif !important;
    letter-spacing: 0.3px !important;
}
body .hero-search input { font-size: 19px !important; font-weight: 500 !important; padding-left: 42px !important; }
body .hero-search input::placeholder { color: #555 !important; opacity: 1; font-weight: 500; }
body .hero-search i.fa-search { color: #555; left: 18px; }

@media (max-width: 380px) {
    body .hero .caption h1 { font-size: 37px !important; }
}