/* Correctif visuel ciblé : suppression du fond vert autour du logo.
   Ne modifie pas la logique PHP, les menus ni les actions de l'application. */
.topbar-app-icon,
.app-shell .topbar-app-icon,
.modern-topbar .topbar-app-icon{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

.topbar-app-icon::before,
.topbar-app-icon::after{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

.topbar-logo-img,
.topbar-app-icon img{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Ajustement ciblé après remplacement du logo :
   le nouveau logo PSEP Chêne Vert reste contenu proprement dans l'en-tête. */
.topbar-logo-img,
.topbar-app-icon img,
.brand-icon img{
  object-fit: contain !important;
}

@media (max-width: 900px){
  .topbar-app-icon{
    width: 52px !important;
    height: 52px !important;
  }
  .topbar-logo-img,
  .topbar-app-icon img{
    max-width: 52px !important;
    max-height: 52px !important;
  }
}

/* Correctif ciblé : le logo du menu reste le logo ANRAS,
   tandis que l'en-tête principal garde le logo PSEP Chêne Vert. */
.brand-icon img[src*="logo-menu.png"]{
  max-height: 45px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Correctif ciblé desktop : même logique que mobile.
   En-tête principal = logo PSEP Chêne Vert ; menu après clic = logo ANRAS.
   Aucune logique PHP modifiée. */
@media (min-width: 901px){
  .modern-topbar .topbar-app-icon,
  .topbar .topbar-app-icon{
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .modern-topbar .topbar-app-icon img.topbar-logo-img,
  .topbar .topbar-app-icon img.topbar-logo-img{
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sidebar .brand .brand-icon{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .sidebar .brand .brand-icon img{
    display: block !important;
    width: 45px !important;
    height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
    object-fit: contain !important;
  }
}