@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Crimson+Pro:ital,opsz,wght@0,6..72,200..900;1,6..72,200..900&display=swap');


@font-face {
  font-family: "GeneratePress";
  src: url("../fonts/generatepress.eot");
  src: url("../fonts/generatepress.eot#iefix") format("embedded-opentype"),
       url("../fonts/generatepress.woff2") format("woff2"),
       url("../fonts/generatepress.woff") format("woff"),
       url("../fonts/generatepress.ttf") format("truetype"),
       url("../fonts/generatepress.svg#GeneratePress") format("svg");
  font-weight: normal;
  font-style: normal;
}


/* ========================================================================== */
/*  Variables globales                                                        */
/* ========================================================================== */

:root {
  /* Espacements (footer-menu, etc.) */
  --space-8: 8px;
  --space-16: 16px;
  --space-20: 20px;

  /* Couleurs cohérentes avec le thème */
  --color-text:#00004d;
  --color-primary: #b9913f;
  --color-text-box: #f8f5ec;

  /* Typo footer-menu */
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-weight-bold: 600;

  /* Transitions */
  --duration-normal: 250ms;
  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ========================================================================== */
/*  Layout global & base                                                      */
/* ========================================================================== */

html,
body {
  height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    text-align: justify;
    background-color: #efefef;
    color: var(--color-text);
    font-family: "Crimson Pro", "Times New Roman", serif;
    font-size: 20px;
}

.site-content {
  flex: 1 0 auto;
}

.site-footer {
  flex: 0 0 auto;
}

/* Wrapper global potentiel (si utilisé) */
.wrapper {
  flex: 1 0 auto;
}

/* Liens globaux */

a,
a:visited {
  color: #b9913f;
}

a:hover,
a:focus,
a:active {
  color: #987734;
}

/* Largeur du contenu */

body .grid-container {
  max-width: 80%;
}

.wp-block-group__inner-container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* Divers */

.entry-summary p img {
  margin: 10px 0px;
}

.cover-image {
  /* margin-top: 30px; */
  margin-bottom: 25px;
}

/* ========================================================================== */
/*  Typographie titres / méta / zones                                        */
/* ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}


h2.entry-title {
  color: #cc6600;
}

.entry-title a {
  color: #cc6600;
}

h2 {
  color: #cc6600;
  font-size: 26px;
}

h3 {
  color: #cc6600;
}

/* Override tailles pour certains contextes */

h1 {
  font-size: 30px;
  color: #cc6600;
}

/* ========================================================================== */
/*  Header, site-title, description                                           */
/* ========================================================================== */

.main-title {
    font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
    font-size: 42px;
}

@media (max-width: 768px) {
    .main-title {
        font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
        font-size: 42px;
    }
}


/* Description sous le titre dans le header (style de base GeneratePress) */

./* ancienne version
.site-description {
    font-family: Nunito;
    font-size: 18px;
}
*/

/* nouvelle version conseillée */
.site-description {
    font-family: "Crimson Pro", "Times New Roman", serif;
    font-size: 22px;
}


/* Couleur de la description du site (header) */
.site-description {
  color: #757575;
  margin-left: 3px !important;
}

/* Header barres supérieures */

.top-bar {
  background-color: #636363;
  color: #ffffff;
}

.top-bar a,
.top-bar a:visited {
  color: #ffffff;
}

.top-bar a:hover {
  color: #303030;
}

/* Header principal */

.site-header {
  background-color: #ffffff;
  color: #3a3a3a;
}

.site-header a,
.site-header a:visited {
  color: #3a3a3a;
}

.main-title a,
.main-title a:hover,
.main-title a:visited {
  color: #cc6600;
}


/* ========================================================================== */
/*  Boîtes de texte                                                      */
/* ========================================================================== */

p.text-box {
  background-color: var(--color-text-box);
  padding:15px 15px 15px 15px;
}

.sous-titre {
  font-family: Nunito;
  font-size: 22px;
  color: #cc6600;
}
/* ========================================================================== */
/*  Navigation principale                                                      */
/* ========================================================================== */

.main-navigation,
.main-navigation ul ul {
  background-color: #e67300;
}

.main-navigation a {
  font-family: Nunito; !important
  font-size: 18px; !important
}

.main-navigation .main-nav ul li a,
.menu-toggle {
  color: #ffffff;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
  color: #ffffff;
  background-color: #ff9933;
}

button { border-radius: 6px; }

button.menu-toggle:hover,
button.menu-toggle:focus,
.main-navigation .mobile-bar-items a,
.main-navigation .mobile-bar-items a:hover,
.main-navigation .mobile-bar-items a:focus {
  color: #ffffff;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #ffffff;
  background-color: #cc6600;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #ffffff;
  background-color: #cc6600;
}

/* Search dans la nav */

.navigation-search input[type="search"],
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus,
.main-navigation .main-nav ul li.search-item.active > a {
  color: #ffffff;
  background-color: #3f3f3f;
}

/* Sous-menus */

.main-navigation ul ul {
  background-color: #3f3f3f;
}

.main-navigation .main-nav ul ul li a {
  color: #ffffff;
  font-size: 24px;
}

.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus > a,
.main-navigation .main-nav ul ul li.sfHover > a {
  color: #ffffff;
  background-color: #4f4f4f;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
  color: #ffffff;
  background-color: #4f4f4f;
}

.main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a {
  color: #ffffff;
  background-color: #4f4f4f;
}

/* Wrapper du menu (nav + icônes sociales) */

.menu-wrapper {
  display: flex;
  justify-content: space-between;
}

/* Mobile (menu burger) – override GeneratePress */

@media (max-width: 768px) {
  .main-navigation .menu-toggle,
  .main-navigation .mobile-bar-items,
  .sidebar-nav-mobile:not(#sticky-placeholder) {
    display: block;
  }

  .main-navigation ul,
  .gen-sidebar-nav {
    display: none;
  }

  [class*="nav-float-"] .site-header .inside-header > * {
    float: none;
    clear: both;
  }
}

/* ========================================================================== */
/*  Zones de contenu / containers                                             */
/* ========================================================================== */

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
  background-color: #ffffff;
}

/* Métadonnées des articles */

.entry-meta {
  color: #595959;
}

.entry-meta a,
.entry-meta a:visited {
  color: #595959;
}

.entry-meta a:hover {
  color: #1e73be;
}

/* ========================================================================== */
/*  Sidebar / widgets / plugins                                               */
/* ========================================================================== */

.sidebar .widget {
  background-color: #ffffff;
}

.sidebar .widget .widget-title {
  color: #000000;
}

/* Plugins aside */

.sidebar .plugin {
  background-color: #ffffff;
  margin: 0 0 30px;
  box-sizing: border-box;
  font-size: 18px;
  padding: 40px;
}

.sidebar .plugin ul,
.sidebar .plugin ol {
  margin: 0;
}

.sidebar .plugin ul li {
  list-style-type: none;
  position: relative;
  padding-bottom: 5px;
}

.sidebar .plugin .search-field {
  width: 100%;
}

.sidebar .plugin:last-child,
.separate-containers .widget:last-child {
  margin-bottom: 0;
}

.sidebar .plugin .plugin-title {
  color: #000000;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: none;
}

.sidebar .plugin-search h2.plugin-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/* ========================================================================== */
/*  Pagination                                                                */
/* ========================================================================== */

.paginator ul li {
  display: inline-block;
  list-style-type: none;
}

.paginator-link {
  display: block;
  padding: 10px;
  margin: 0 10px;
}

/* ========================================================================== */
/*  Formulaires, boutons                                                      */
/* ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  color: #666666;
  background-color: #fafafa;
  border-color: #cccccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  color: #666666;
  background-color: #ffffff;
  border-color: #bfbfbf;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
  color: #ffffff;
  background-color: #b9913f;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
  color: #ffffff;
  background-color: #987734;
}

/* Style normal du lien-bouton .box */
a.box,
a.box:visited {
  display: inline-block;
  padding: 0.75em 1em;  /* ajuste si tu veux plus/moins large */
  text-decoration: none;
  color: #ffffff;
  background-color: #b9913f;
}

a.box:hover,
a.box:focus {
  color: #ffffff;
  background-color: #987734;
}


/* ========================================================================== */
/*  Back to top                                                               */
/* ========================================================================== */

.generate-back-to-top,
.generate-back-to-top:visited {
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}

.generate-back-to-top:hover,
.generate-back-to-top:focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}

/* ========================================================================== */
/*  Alignements WordPress (wide / full)                                       */
/* ========================================================================== */

.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
  margin-left: -40px;
  width: calc(100% + 80px);
  max-width: calc(100% + 80px);
}

@media (max-width: 768px) {
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header,
  .wp-block-group__inner-container {
    padding: 30px;
  }

  .entry-content .alignwide,
  body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -30px;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
  }

  .one-container .sidebar .widget {
    padding: 0px;
  }
}

/* ========================================================================== */
/*  Header : description + bouton RDV                                         */
/* ========================================================================== */
.site-description {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-left: 0 !important;
    color: #757575 !important;
    font-family: "Crimson Pro", "Times New Roman", serif;
    font-size: 18px;
}


.site-description-text {
  flex: 1 1 auto;
  font-size: 20px;
}

.rdv-button {
  white-space: nowrap;
  align-self: center;
  cursor: pointer; /* curseur main comme un lien */
}

a.rdv-box {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  /* Styles de bouton */
  padding: 10px 20px;
  background-color: #b9913f;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: center;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

a.rdv-box:hover,
a.rdv-box:focus {
  background-color: #987734;
  color: #ffffff;
  text-decoration: none;
}

a.rdv-box:visited {
  color: #ffffff;
}


@media (max-width: 768px) {
  .site-description {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .site-description-text {
    text-align: center;
  }

  .rdv-button {
    margin-top: 8px;
    border-radius: 6px;
  }
}

/* ========================================================================== */
/*  Icônes réseaux sociaux                                                    */
/* ========================================================================== */

.social {
}

.social-title {
  display: inline-block;
  margin-left: 10px;
}

.social-img {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  fill: #ffb600;
}

/* Lien social générique */

.social-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* Cacher le label texte sur desktop */

@media (min-width: 768px) {
  .social-title {
    display: none;
  }
}

/* Taille réduite des icônes sur petits écrans */

@media (max-width: 768px) {
  .social-img {
    width: 1rem;
    height: 1rem;
  }
}

/* Icônes réseaux sociaux dans la barre de navigation */

.main-navigation .social-link {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
  text-decoration: none;
}

/* ========================= */
/* Icônes réseaux sociaux NAV */
/* ========================= */

/* Desktop : icônes à droite de la nav */
@media (min-width: 769px) {
  .main-navigation .menu.sf-menu.social {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-left: 0;
  }

  .main-navigation .menu.sf-menu.social li {
    list-style: none;
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
  }

  .main-navigation .menu.sf-menu.social .social-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    line-height: 60px;
    color: #ffffff !important;
    text-decoration: none;
  }

  .main-navigation .menu.sf-menu.social .social-img {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
  }
}

/* Mobile : menu en 2 colonnes (pages à gauche, réseaux à droite) */
@media (max-width: 768px) {

  /* conteneur du menu déroulé */
  .main-navigation.toggled .menu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  /* colonne gauche : menu principal */
  .main-navigation.toggled .main-nav > ul.menu.sf-menu {
    display: block;
    width: 50%;
  }

  /* colonne droite : réseaux sociaux */
  .main-navigation.toggled .menu.sf-menu.social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    padding-top: 0;
    padding-left: 0;
  }

  .main-navigation.toggled .menu.sf-menu.social li {
    margin: 5px 0;
  }

  .main-navigation.toggled .menu.sf-menu.social .social-img {
    width: 1.2rem;
    height: 1.2rem;
  }
}


/* ========================================================================== */
/*  Footer principal                                                          */
/* ========================================================================== */

.footer-widgets {
  background-color: #ffffff;
}

.footer-widgets .widget-title {
  color: #000000;
}

.site-info {
  color: #ffffff;
  background-color: #e67300;
}

.site-info a,
.site-info a:visited {
  color: #ffffff;
}

.site-info a:hover {
  color: #606060;
}

.footer-bar .widget_nav_menu .current-menu-item a {
  color: #606060;
}

/* ========================================================================== */
/*  Footer Navigation Menu (pages statiques)                                  */
/* ========================================================================== */

.footer-pages-menu {
  margin-bottom: var(--space-20);
  text-align: center;
}

.footer-pages-menu nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-16);
}

.footer-pages-menu nav ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.footer-pages-menu nav ul li a {
  color: var(--color-text);
  text-decoration: none;
  font-size: var(--font-size-md);
  transition: color var(--duration-normal) var(--ease-standard);
}

.footer-pages-menu nav ul li a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.footer-pages-menu nav ul li.current-menu-item a {
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}

@media (max-width: 480px) {
  .footer-pages-menu nav ul {
    flex-direction: column;
    gap: var(--space-8);
  }

  .footer-pages-menu nav ul li a {
    font-size: var(--font-size-sm);
  }
}

/* Restaurer la police GeneratePress pour l'icône du bouton Menu */
.menu-toggle:before {
  font-family: "GeneratePress" !important;
}

.menu-toggle:before,
.toggled .menu-toggle:before,
.generate-back-to-top:before {
  font-family: "GeneratePress";
}


/* Forcer l'icône du bouton Menu comme dans GeneratePress */
.menu-toggle:before {
  content: "\f0c9";            /* hamburger */
  font-family: "GeneratePress";
}

.toggled .menu-toggle:before {
  content: "\f00d";            /* croix */
  font-family: "GeneratePress";
}

/* ========================================================================== */
/* Pleine largeur du contenu et des plugins sur mobile                        */
/* ========================================================================== */

@media (max-width: 768px) {

  /* Correction de la justification sur mobile */
  body {
    text-align: left !important;
    word-spacing: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  /* Le container principal occupe toute la largeur */
  body .grid-container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* L'article et les zones principales respirent moins sur les côtés */
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header,
  .wp-block-group__inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Les widgets/plug-ins en colonne (sous le contenu) prennent aussi toute la largeur utile */
  .sidebar .plugin,
  .sidebar .widget {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
  }
}

.more-text {
  display: none;
  margin-top: 0.5em;
}

.read-more {
  display: inline-block;
  margin-top: 0.3em;
  color: #987734;
  cursor: pointer;
  text-decoration: underline;
}

.read-more:focus,
.read-more:hover {
  color: #b9913f;
}

.map-container {
  position: relative;
  padding-bottom: 40%; /* 56.25% :r atio 16:9 */
  height: 0;
  overflow: hidden;
}
.map-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* centré horizontalement */
  gap: 1rem;                 /* espace entre les deux blocs */
}

.cta-item {
  flex: 1 1 250px;           /* base 250px, s'adapte */
  text-align: center;
}

/* pour que le bouton et le lien aient le même comportement visuel */
.cta-item button,
.cta-item .box {
  display: inline-block;
  width: 100%;
  max-width: 320px;   
  border-radius: 6px;       /* limite la largeur sur grands écrans */
}


  .mieux-etre-block {
    display: flex;
    align-items: stretch;
    gap: 2rem;
    margin: 3rem 0;
  }
  .mieux-etre-image {
    flex: 1;
  }
  .mieux-etre-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
  }
  .mieux-etre-texte {
    flex: 2;
  }
  .mieux-etre-texte h2 {
    margin-top: 0;
  }
  @media (max-width: 768px) {
    .mieux-etre-block {
      flex-direction: column;
    }
  }


/* Conteneur flexible pour les boutons d'accompagnement */
.accompagnement-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin: 2rem 0;
  border-radius: 6px;
}

.accompagnement-buttons > div {
  flex: 1 1 280px; /* Base minimale de 280px, croît si espace disponible */
  max-width: 400px; /* Largeur maximale sur grands écrans */
  min-width: 280px; /* Largeur minimale garantie */
}

/* Tablettes (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .accompagnement-buttons {
    gap: 1rem;
  }
  
  .accompagnement-buttons > div {
    flex: 1 1 45%; /* Chaque bouton prend environ 45% */
    max-width: 45%;
  }
}

/* Smartphones (jusqu'à 767px) */
@media (max-width: 767px) {
  .accompagnement-buttons {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0 15px; /* Respiration sur les côtés */
  }
  
  .accompagnement-buttons > div {
    width: 100%;
    max-width: 100%;
    min-width: auto;
  }
  
  .accompagnement-buttons button {
    width: 100%; /* Boutons pleine largeur sur mobile */
    max-width: 320px; /* Mais pas trop large */
    margin: 0 auto;
  }
}

/* Très petits écrans (jusqu'à 480px) */
@media (max-width: 480px) {
  .accompagnement-buttons {
    margin: 1.5rem 0;
    padding: 0 10px;
  }
  
  .accompagnement-buttons button {
    font-size: 16px;
    padding: 12px 15px;
  }
}

svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}


/* Espacement titre -> contenu (Bludit thème Andy) */

/* 1) Espace sous le titre (choisis UNE valeur) */
.inside-article .entry-header .entry-title {
  margin-bottom: 15px;
}

/* 2) Vue blog (/blog/) : éviter une marge haute qui s'ajoute juste après le titre */
.inside-article .entry-header .entry-title + h3,
.inside-article .entry-header .entry-title + p {
  margin-top: 0;
}

/* 3) Vue article : le thème met un margin-top sur .entry-summary (on le neutralise) */
.inside-article .entry-summary {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flow-root; /* optionnel mais ok */
}

/* 4) Vue article : le 1er élément du contenu ne doit pas recréer un espace en haut */
.inside-article .entry-summary > :first-child {
  margin-top: 0;
}

/* ========================================================================== */
/* Standardisation typographique (desktop + mobile)                            */
/* À placer TOUT EN BAS du fichier pour surcharger sans toucher au reste.      */
/* ========================================================================== */

/* Desktop / valeurs par défaut (texte courant = Crimson Pro) */
body {
  font-size: 20px; /* Ajusté : Crimson un peu plus confortable sur desktop */
  line-height: 1.7;
}

/* Titres (Nunito) */
h1 { font-size: 30px; line-height: 1.2; }
h2 { font-size: 24px; line-height: 1.25; }
h3 { font-size: 20px; line-height: 1.3; }

/* Titre du site + description (header) */
.main-title {
  font-size: 36px;
  line-height: 1.15;
}
.site-description,
.site-description-text {
  font-size: 18px;
  line-height: 1.4;
}

/* Navigation */
.main-navigation a {
  font-size: 16px !important;
}
.main-navigation .main-nav ul ul li a {
  font-size: 16px;
}

/* Mobile */
@media (max-width: 768px) {
  body {
    font-size: 15px; /* inchangé */
    line-height: 1.65;
  }

  h1 { font-size: 22px; }
  h2 { font-size: 19px; }
  h3 { font-size: 17px; }

  .main-title { font-size: 26px; }
  .site-description,
  .site-description-text { font-size: 15px; }

  .main-navigation a { font-size: 15px !important; }
  .main-navigation .main-nav ul ul li a { font-size: 15px; }
}