/* =================================
   COMPOSANT BEM: c-document-item
   Élément document réutilisable
   ================================= */

/* =================================
   1. VARIABLES DU COMPOSANT
   ================================= */
:root {
    --c-doc-shadow: var(--card-shadow);
    --c-doc-transition: all var(--transition-speed) var(--transition-ease);
    --c-doc-header-gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
}

/* =================================
   2. ITEM DE DOCUMENT
   ================================= */
.c-document-item {
    background: var(--background-light);
    transition: var(--c-doc-transition);
}

.c-document-item td {
    padding: 1rem;
    border: none;
    background: var(--background-light);
}

.c-document-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}

/* =================================
   3. BOUTONS D'ACTION
   ================================= */
.c-document-item__btn {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: var(--c-doc-transition);
    border: none;
    cursor: pointer;
}

.c-document-item__btn i {
    font-size: 1rem;
}

.c-document-item__btn--info {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.c-document-item__btn--info:hover {
    background: var(--primary);
    color: var(--background-light);
}

.c-document-item__btn--danger {
    background: rgba(var(--danger-rgb), 0.1);
    color: var(--danger);
}

.c-document-item__btn--danger:hover {
    background: var(--danger);
    color: var(--background-light);
}

/* =================================
   4. COMPATIBILITÉ LEGACY
   ================================= */
.document-item {
    background: var(--background-light);
    transition: var(--c-doc-transition);
}

.document-item td {
    padding: 1rem;
    border: none;
    background: var(--background-light);
}

.document-item:hover {
    transform: translateY(-2px);
    box-shadow: var(--card-shadow);
}

.btn-sm {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: var(--c-doc-transition);
    border: none;
    cursor: pointer;
}

.btn-sm i {
    font-size: 1rem;
}

.btn-info {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.btn-info:hover {
    background: var(--primary);
    color: var(--background-light);
}

.btn-danger {
    background: rgba(var(--danger-rgb), 0.1);
    color: var(--danger);
}

.btn-danger:hover {
    background: var(--danger);
    color: var(--background-light);
}