/* STILE TABELLARE MODERNO PER APPLICAZIONE DI NOLEGGIO AUTO */

/* Palette colori */
:root {
    --color-primary: #5fa8d3;
    --color-secondary: #def2f1;
    --color-accent: #3aafa9;
    --color-text-light: #ffffff;
    --color-text-dark: #17252a;
    --color-hover: rgba(42, 157, 143, 0.1);
}

/* Modalità scura override */
body.dark {
    --color-primary: #17252a;
    --color-secondary: #2b7a78;
    --color-accent: #3aafa9;
    --color-text-light: #ffffff;
    --color-text-dark: #ffffff;
    --color-hover: rgba(255, 255, 255, 0.05);
}

/* Stile base per la tabella */
/*.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--color-text-dark);
    background-color: var(--color-secondary);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    overflow: hidden;
}*/

.row-highlight td {
    background-color: silver;
    color: black;
}

/* Intestazioni tabella */
.ovs-th_On_TrHead {
    z-index: 1001;
    font-size: 10px;
    font-weight: 600;
    color: var(--color-text-light) !important;
    background-color: var(--color-primary) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px;
    position: sticky;
    top: 0px;
    cursor: grab;
}

    .ovs-th_On_TrHead:active {
        cursor: grabbing;
    }

/* Corpo tabella */
.ovs-tr_on_Tbody {
    transition: background-color 0.25s ease;
    font-size: 14px;
}

   /* .tr_on_Tbody:nth-child(even) {
        background-color: #edefef !important;
    }*/

    .ovs-tr_on_Tbody:hover td {
        background-color: var(--color-hover);
        cursor: pointer;
    }

    .ovs-tr_on_Tbody:nth-child(even) {
        background-color: #afb6ba;
    }

    .ovs-tr_on_Tbody:nth-child(odd) {
        background-color: #d6dfe3;
    }

/* Celle corpo tabella */
.ovs-tdBody_class {
    padding: 10px 12px;
    border-top: 1px solid #dee2e6;
}

/* Modalità dark table */
body.dark .table {
    background-color: var(--color-primary);
    color: var(--color-text-light);
}

body.dark .ovs-tr_on_Tbody:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

body.dark .ovs-tdBody_class {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark .ovs-tr_on_Tbody:hover {
    background-color: var(--bs-dark-table-hover-bg, rgba(255, 255, 255, 0.1));
}

body.dark .ovs-tdBody_class {
    border-top-color: var(--bs-dark-border-color, #454d55);
}