/* components/cards.css
   Card e contenitori di contenuto (content-wrapper, form-container, table-container).
*/

/* Componenti comuni */
.card {
    border: none;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    background-color: var(--card-bg);
}

.card-header {
    background-color: var(--primary-color);
    color: white;
    border-bottom: none;
    padding: 1rem 1.25rem;
}

/* Header su sfondo chiaro (bg-* attenuati, bg-white, bg-light): il bianco
   di default diventa illeggibile. Rispetta un text-* esplicito. */
.card-header[class*="bg-opacity-"]:not([class*="text-"]),
.card-header.bg-white:not([class*="text-"]),
.card-header.bg-light:not([class*="text-"]) {
    color: var(--bs-body-color, #212529);
}

.card-body {
    padding: 1.25rem;
}

/* Card header styles */
.card-header.table-success {
    background-color: #28a745 !important;
    border-color: #28a745;
}

.card-header.table-success .card-title {
    color: white !important;
}

.card-header.table-success .bi {
    color: white !important;
}

/* Content Wrapper - Container riutilizzabile per contenuti */
.content-wrapper {
    background-color: var(--card-bg, #ffffff);
    padding: 2rem;
    border-radius: var(--border-radius, 0.375rem);
    box-shadow: var(--box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
    margin-bottom: 2rem;
    width: 100%;
    max-width: 100%; /* Impedisce di superare il contenitore */
    /* Rimosso overflow-x: hidden per permettere ai dropdown di essere visibili */
}

/* Table Container - Container per tabelle */
.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling su iOS */
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%; /* Assicura che non superi il contenitore */
    position: relative; /* Crea un nuovo contesto di contenimento */
}

/* Form Container - Container per form */
.form-container {
    background-color: var(--card-bg, #ffffff);
    padding: 2rem;
    border-radius: var(--border-radius, 0.375rem);
    box-shadow: var(--box-shadow, 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075));
    margin-bottom: 2rem;
}