html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Sidenav — Suppression de la bordure droite
   ───────────────────────────────────────────────────────────────────────────── */

.sidenav-menu {
    border-inline-end: none !important;
}

/* Skin neon : même règle */
html[data-skin=neon] .sidenav-menu {
    border-inline-end: none !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Sidenav — Empêcher les images de déborder quelle que soit la taille du viewport
   ───────────────────────────────────────────────────────────────────────────── */

/*
 * Conteneur logo (uniquement le <a>, PAS les <span class="logo logo-light/dark"> internes)
 * Le sélecteur "a.logo" + ">" évite de cibler les spans enfants qui ont aussi la classe "logo"
 * et qui doivent rester display:none / display:block selon le thème clair/sombre.
 */
.sidenav-menu > a.logo,
html[data-menu-color] .sidenav-menu > a.logo,
html[data-topbar-color] .sidenav-menu > a.logo {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    border-inline-end: none !important;
    display: flex !important;
    align-items: center;
    box-sizing: border-box;
}

/* Images du logo (grande version + petite version) */
.sidenav-menu a.logo img,
.sidenav-menu .logo-lg img,
.sidenav-menu .logo-sm img {
    max-width: 100%;
    max-height: 50px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
}

/* Zone utilisateur dans le sidenav */
.sidenav-menu .sidenav-user {
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
}

/* Image avatar / logo dans la zone utilisateur */
.sidenav-menu .sidenav-user img {
    max-width: 100%;
    display: block;
    object-fit: contain;
}