@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

/* Sidebar rétractée (icônes seules) — mockups, desktop uniquement */
@media (min-width: 768px) {
  #nav-mini:checked ~ aside { width: 3.5rem; }
  #nav-mini:checked ~ aside .nav-label { display: none; }
  #nav-mini:checked ~ aside nav a, #nav-mini:checked ~ aside .nav-row { justify-content: center; padding-left: 0; padding-right: 0; }
  #nav-mini:checked ~ aside .mini-rotate { transform: rotate(180deg); }
}

/* Fermeture des dropdowns <details class="dropdown"> au clic extérieur :
   un overlay invisible plein écran est greffé au summary quand le menu est ouvert —
   cliquer dehors = cliquer le summary = fermeture. (mockups, zéro JS) */
details.dropdown[open] > summary::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 10;
  cursor: default;
}
details.dropdown > div { position: absolute; z-index: 20; }