/*
    ==========================================================
    PROJECT : DEVENIR-ARTISAN.NET
    FILE    : sidebar-content.css
    AUTH    : Renaud
    CREATED : 22 décembre 2025
    UPDATED : 27 décembre 2025
    ==========================================================
*/

/**
*   @project        DEVENIR-ARTISAN.NET
*   @description    Conteneur de la colonne latérale (Sidebar).
*                   Gère uniquement le layout (stacking) et les couleurs par défaut.
*   
*   @file           css/sidebar-content.css
*/

/* --- BLOCK : Sidebar Content --- */
.sidebar-content {
    /* LAYOUT : Empilement des widgets */
    display: flex !important;
    flex-direction: column;
    padding: 1.5rem;
     /* VISUEL : L'effet "Enfoncé" (Recessed) */
    background-color: var(--color-background-sidebar); /* Gris 220 */
    border-radius: 15px; /* Arrondi plus large pour accentuer le côté moulé */
    
    /* Ombre interne pour creuser la surface */
    box-shadow: 
        inset 0 4px 10px rgba(0, 0, 0, 0.05),
        inset 0 1px 3px rgba(0, 0, 0, 0.1);

    /* BORDURE : Très subtile pour délimiter le creux */
    border: 1px solid rgba(0, 0, 0, 0.02);
}

/* --- RESPONSIVE --- */
@media (max-width: 1150px) {
    .sidebar-content {
        padding: 1.25rem;
        border-radius: 0; /* On peut aplatir l'arrondi sur mobile pour gagner de la place */
        box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05); /* Ombre plus discrète */
        
        /* Sur mobile, on s'assure que la sidebar n'est pas collée au contenu Main */
        margin-top: 2rem;
    }
}

/* --- DEBUG --- */
/*.sidebar-content { border: 2px solid brown;}*/