/* ============================================================
   HOWMANY — IDENTITÉ VISUELLE ET HIÉRARCHIE DE NAVIGATION
   ============================================================ */


/* ------------------------------------------------------------
   IDENTITÉ VISUELLE
   ------------------------------------------------------------ */

/* Fond général HowMany */
body,
.md-container {
    background-color: #DAE7EE;
}


/*
   La zone centrale de lecture reste blanche :
   meilleure lisibilité des textes, images et documents.
*/
.md-main__inner {
    background-color: #ffffff;
}


/*
   Un peu d'espace intérieur pour que le contenu
   ne soit pas collé au changement de fond.
*/
.md-content {
    background-color: #ffffff;
}


/* Logo HowMany dans l'en-tête */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
    width: 2rem;
    height: 2rem;
}


/* ------------------------------------------------------------
   HIÉRARCHIE VISUELLE DE LA NAVIGATION
   ------------------------------------------------------------ */

/*
   Niveau principal de la navigation
   Ex. : Accueil, Didactique, Présentations,
         Séquences pédagogiques, Situations visuelles
*/
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
    font-size: 0.78rem;
    font-weight: 600;
}


/*
   Niveaux internes de la rubrique Situations visuelles.
   La taille diminue progressivement avec la profondeur.
*/

/* Niveau 2 : thèmes
   Ex. : addition, doubles, calcul réfléchi...
*/
.md-nav--primary
.md-nav__item
.md-nav
.md-nav__list
> .md-nav__item
> .md-nav__link {
    font-size: 0.72rem;
}


/* Niveau 3
   Ex. : Présentation, Banques d'images, Diaporamas
*/
.md-nav--primary
.md-nav__item
.md-nav
.md-nav__item
.md-nav
.md-nav__list
> .md-nav__item
> .md-nav__link {
    font-size: 0.67rem;
}


/* Niveau 4
   Ex. : serie1, serie2, noms des diaporamas...
*/
.md-nav--primary
.md-nav__item
.md-nav
.md-nav__item
.md-nav
.md-nav__item
.md-nav
.md-nav__list
> .md-nav__item
> .md-nav__link {
    font-size: 0.62rem;
}


/*
   Puce devant les thèmes de Situations visuelles.

   Aucun nom de thème n'est codé en dur :
   les futurs thèmes profitent automatiquement du style.
*/
.md-nav--primary
> .md-nav__list
> .md-nav__item
> .md-nav
> .md-nav__list
> .md-nav__item--nested
> .md-nav__link::before {
    content: "•";
    display: inline-block;
    margin-right: 0.4rem;
    font-weight: 700;
}

/* Accueil — marque + signature */

.hm-home-brand {
    display: flex;
    align-items: baseline;
    gap: 18px;
    margin: 0 0 1.35rem 0;
}

.hm-home-title {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

.hm-home-signature {
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    white-space: nowrap;
}

.hm-home-visual {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 1.5rem 0 !important;
}