/* =========================================
   Custom CSS — thème Basically_custom
   Auteur : Carl
   Localisation : /bl-themes/basically/css/custom.css
   ========================================= */


/* Barre du haut (logo, menu) */
.navbar {
  min-height: 100px;
  align-items: center;
}

/* Logo */
.navbar .logo-img {
  height: 80px !important;
  max-height: 80px !important;
  width: auto !important;
  display: block;
}

/* Suppression champ recherche dans la navbar (desktop + mobile) */
.icon-search {
  display: none !important;
}
.navbar form,
.navbar [type="search"],
.navbar .input-group,
.navbar .search,
.navbar .search-box,
.navbar .bd-search {
  display: none !important;
}

/* Masquer le sélecteur de thème (bouton Light/Dark/Auto) */
.bd-mode-toggle,
#bd-theme {
  display: none !important;
}

/* Forcer le thème clair globalement */
html {
  color-scheme: light !important;
  background-color: #fff !important;
}
html[data-bs-theme="dark"],
html[data-bs-theme="auto"] {
  color-scheme: light !important;
  background-color: #fff !important;
}

/* Forcer le thème clair, même si Firefox ou le système préfère "dark" */
@media (prefers-color-scheme: dark) {
  html, body {
    background-color: #fff !important;
    color: #212529 !important;
  }

  [data-bs-theme="dark"],
  html[data-bs-theme="dark"],
  body[data-bs-theme="dark"] {
    background-color: #fff !important;
    color: #212529 !important;
  }
}

/* Forcer la navbar en clair */
.navbar,
.navbar.bg-body,
#main-navbar {
  background-color: #fff !important;
  color: #212529 !important;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.navbar a.nav-link {
  color: #212529 !important;
}
.navbar a.nav-link:hover {
  color: #000 !important;
}

/* Bandeau titre de page */
h1.title {
  background-image: url("../img/fond-barre-haut-pages.jpg");
  background-size: cover;        /* remplit toujours le bandeau */
  background-position: center;   /* centre l'image sur mobile ou desktop */
  background-repeat: no-repeat;
  color: #fff;
  padding: 3rem 1.5rem;
  margin: 0 0 2rem;
  border-radius: 0.5rem;
}

/* === Base typographique globale (front) === */
body {
    font-family: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #444;
    line-height: 1.6;
    font-size: 16px;
}

/* === Uniformisation du contenu texte (titres, paragraphes, listes, citations) === */

/* Titres – déjà orange, on affine juste les espacements */
h2, h3 {
    color: #e67e23;
    font-weight: 600;
    margin-top: 1.8em;
    margin-bottom: 0.9em;
}

h2 {
    font-size: 1.6em; /* environ 25–26 px */
}

h3 {
    font-size: 1.2em; /* environ 19 px */
}
/* Paragraphes */
p {
    margin-bottom: 1.2em;
    color: #444;
    text-align: justify;
    text-justify: inter-word;
}

/* Listes à puces et numérotées */
ul, ol {
    margin: 1em 0 1.2em 2em;
    line-height: 1.6;
}

li {
    margin-bottom: 0.4em;
}

/* Blockquote */
blockquote {
    border-left: 4px solid #e67e23;
    padding-left: 1em;
    color: #666;
    font-style: italic;
    margin: 1.5em 0;
}

/* Liens dans le texte */
a {
    color: #e67e23;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* === Normalisation des titres dans l'éditeur === */
body.mce-content-body h1 {
    font-size: 2rem;
    color: #444; /* on garde le H1 neutre dans l'éditeur */
}

body.mce-content-body h2 {
    font-size: 1.6rem;
    color: #e67e23;
}

body.mce-content-body h3 {
    font-size: 1.3rem;
    color: #e67e23;
}

/* Paragraphes toujours gris, même si TinyMCE a laissé une couleur */
body.mce-content-body p {
    color: #444 !important;

/* === Verrouillage complet de la typo dans l'éditeur === */
body.mce-content-body,
body.mce-content-body p,
body.mce-content-body div,
body.mce-content-body span {
    font-family: "Poppins", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #444 !important;
    font-weight: 400 !important;
}

/* On redéfinit les titres APRÈS le reset ci-dessus */
body.mce-content-body h1 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: #444 !important; /* H1 neutre */
}

body.mce-content-body h2 {
    font-size: 1.6rem !important;
    font-weight: 600 !important;
    color: #e67e23 !important;
}

body.mce-content-body h3 {
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: #e67e23 !important;
}

/* Listes */
body.mce-content-body ul,
body.mce-content-body ol {
    margin-left: 2rem !important;
    line-height: 1.6 !important;
}