@charset "UTF-8";
/* ---------------------------------------------------------------------------------------------
   logo-net.css — brique « logo-net » : la taille du logo et du nom du site dans l'en-tête
   (JulienWeb, 08/10/2026, demande de Julien : « on agrandit un peu le logo et Tour'n'sol Prod. »).

   Mesuré avant : grand écran, en-tête déplié de 141 px, logo de 60 px, nom en 13 px dessous ;
   sous 992 px, en-tête de 56 px, logo de 40 px, nom en 13 px à côté.
   L'en-tête garde sa hauteur : les marges du thème rendent ce que le logo et le nom prennent
   (32 + 65 + 18 + 26 = 141 avant ; 22 + 76 + 3 + 20 + 20 = 141 ici). L'en-tête replié au
   défilement (.is-shrunk, assets/mobile.css du thème) n'est pas touché.
   --------------------------------------------------------------------------------------------- */

@media (min-width: 992px) {
    .header-nav-wrapper:not(.is-shrunk) .logo-theme {
        padding-top: 22px;
    }

    .header-nav-wrapper:not(.is-shrunk) .logo-theme-img img {
        display: block;
        width: 76px;
        height: auto;
        margin: 0 auto;
    }

    .header-nav-wrapper:not(.is-shrunk) .blog-name {
        margin-top: 3px;
        margin-bottom: 20px;
    }
}

/* Le nom en 15 px là où sa colonne le permet (160 px de large à partir de 1200 px ; 130 px avant). */
@media (min-width: 1200px) {
    .header-nav-wrapper:not(.is-shrunk) .blog-name {
        font-size: 15px;
        line-height: 20px;
        white-space: nowrap;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-nav-wrapper:not(.is-shrunk) .blog-name {
        line-height: 20px;
    }
}

/* Téléphone et tablette : logo de 44 px dans l'en-tête de 56 px, nom en 14 px. */
@media (max-width: 991.98px) {
    .header-nav-wrapper:not(.is-shrunk) .logo-theme-img img {
        width: 44px;
    }

    .header-nav-wrapper .blog-name {
        font-size: 14px;
    }
}