/* =============================================================================
   CLX Shared Row Hover Animation
   ─────────────────────────────────────────────────────────────────────────────
   Usage : ajouter la classe "clx-hover-anim-table" à n'importe quel <table>.
   Comportement :
     • Expansion  : gauche → droite  (0.40s  cubic-bezier(0.4, 0, 0.2, 1))
     • Rétraction : droite → gauche  (même timing, automatique via background-size)
   ─────────────────────────────────────────────────────────────────────────────
   IMPORTANT : cette animation agit UNIQUEMENT sur le background.
   Elle ne touche NI les bordures, NI les hauteurs, NI le layout des cellules.
   ============================================================================= */

/* ── 1. Animation des lignes Mode Light ── */
.clx-hover-anim-table.table-hover tbody tr:hover,
.clx-hover-anim-table tbody tr:hover {
    background-color: transparent !important;
}

/* ── 2. Gradient ancré à gauche, invisible par défaut ── */
.clx-hover-anim-table tbody tr {
     background-image: linear-gradient(90deg, var(--cd-pp-hover-c1, rgba(32, 32, 32, 0.10)) 0%, var(--cd-pp-hover-c2, rgba(32, 32, 32, 0.1)) 100%);
    background-size:     0% 100%;
    background-position: left center;
    background-repeat:   no-repeat;
    transition: background-size 0.40s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── 3. Hover : le gradient s'étend de gauche à droite ── */
.clx-hover-anim-table tbody tr:hover {
    background-size: 100% 100%;
}

/* ── 4. Animation des lignes Mode Dark ── */
.mod-skin-dark .clx-hover-anim-table tbody tr {
    background-image: linear-gradient(90deg, var(--cd-pp-hover-c1, rgba(32, 32, 32, 0.63)) 0%, var(--cd-pp-hover-c2, rgba(32, 32, 32, 0.1)) 100%);
}

/* ── 5. Supprimer les bordures de séparation dans tous les tableaux animés ── */
.clx-hover-anim-table,
.clx-hover-anim-table > thead > tr > th,
.clx-hover-anim-table > thead > tr > td,
.clx-hover-anim-table > tbody > tr > th,
.clx-hover-anim-table > tbody > tr > td,
.clx-hover-anim-table > tfoot > tr > th,
.clx-hover-anim-table > tfoot > tr > td {
    border-left: none !important;
    border-right: none !important;
}
.clx-hover-anim-table.table-bordered {
    border-left: none !important;
    border-right: none !important;
}

/* ── 6. Kill-all mode : supprime toutes les bordures animées et les effets hover ── */
.cd-kill-all-effects .cd-border-glow,
.cd-kill-all-effects .cd-glow-v {
    display: none !important;
}
.cd-kill-all-effects.clx-hover-anim-table tbody tr,
.cd-kill-all-effects .clx-hover-anim-table tbody tr {
    background-image: none !important;
    background-size: 0% 100% !important;
    transition: none !important;
}
.cd-kill-all-effects.clx-hover-anim-table tbody tr:hover,
.cd-kill-all-effects .clx-hover-anim-table tbody tr:hover {
    background-image: none !important;
    background-size: 0% 100% !important;
}