/* ============================================
   DAGDA TEMPLATE - Sidebar
   Asides gauche/droite
   ============================================ */

@layer components {
  /* Aside - Sidebars */
  aside {
    position: sticky;
    top: 0;
    height: 100vh;
    width: var(--sidebar-width);
    padding: var(--space-md);
    transition: width var(--transition-base);
    
    .asd-bx {
      width: 100%;
      height: 100%;
      border-radius: var(--radius-lg);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      position: relative;
      
      /* Overlay subtil pour lisibilité */
      &::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 100%);
        pointer-events: none;
      }
    }
  }
  
  /* ========== SIDEBAR COMPONENTS ========== */
  
  /* Sidebar content container */
  .sidebar-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
  }
}