/* ============================================================================
   Échelle générale de l'interface (dézoom d'environ 12 %)
   Chargé dans partials/header.php après app.css et les thèmes, pour les surcharger.
   Pour revenir à l'affichage d'origine : retirer le lien vers ce fichier dans header.php.
   ============================================================================ */

/* Base rem de Bootstrap 16px -> 14px, texte courant 14px -> 13px */
html {
    font-size: 14px;
}

body {
    font-size: 13px;
}

/* Menu latéral, barre du haut et pied de page : même réduction (valeurs fixées en px dans app.css) */
.logo-icon { width: 40px; }
.logo-text, .toggle-icon { font-size: 19px; }
.sidebar-wrapper .metismenu a { padding: 7px 13px; font-size: 13px; }
.sidebar-wrapper .metismenu a .parent-icon { font-size: 21px; }
.sidebar-wrapper .metismenu ul a { padding: 5px 13px; font-size: 13px; }
.sidebar-wrapper .metismenu li+li { margin-top: 4px; }
.menu-label { padding: 16px 13px 4px 5px; font-size: 11px; }

.topbar, .topbar .navbar, .user-box, .sidebar-header { height: 52px; }
.page-wrapper { margin-top: 52px; }
.sidebar-wrapper .metismenu { margin-top: 52px; }
.topbar .navbar .navbar-nav .nav-link { font-size: 19px; }
.user-img { width: 36px; height: 36px; }
.user-info .user-name { font-size: 13px; }
.user-info .designattion { font-size: 11.5px; }
.page-footer { padding: 6px; font-size: 12.5px; }

/* Largeur du menu latéral : 250px -> 220px (écran large uniquement, menu replié inchangé à 70px) */
@media screen and (min-width: 1025px) {
    .sidebar-wrapper, .sidebar-header { width: 220px; }
    .wrapper:not(.toggled) .page-wrapper { margin-left: 220px; }
}