/**
 *  Style definition of tables
 *
 * @copyright   2025 Vinacles BV
 * @author      Anouar Jaama
 * @author      Jeroen van Vliet
 */

@layer components {
    /**
     * Make entire table row clickable based on a link in the first column
     */
    table.clickable {
        @apply w-full;
    }

    table.clickable tbody tr td a {
        @apply text-gray-900 no-underline;
    }

    table.clickable tbody tr:hover td,
    table.clickable tbody tr:hover td a {
        @apply text-blue-700 underline cursor-pointer;
    }

    table.clickable.table-striped tbody tr:nth-of-type(odd) > * {
        @apply text-gray-900;
    }

    table.clickable.table-striped tbody tr:hover:nth-of-type(odd) > * {
        @apply text-blue-700 underline;
    }

    table.order-summary-table {
        @apply border-collapse my-6 w-full;
    }

    table.order-summary-table td {
        @apply px-4 py-2 text-left border-b border-gray-300;
    }

    table.order-summary-table tr:last-child td {
        border-top: 2px solid #333;
    }
}