@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Sora', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
    --font-display: 'Fraunces', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;

    --color-leaf-50: #f3f8f1;
    --color-leaf-100: #e3efde;
    --color-leaf-200: #c5ddbc;
    --color-leaf-300: #9dc491;
    --color-leaf-400: #6fa463;
    --color-leaf-500: #4f8744;
    --color-leaf-600: #3c6b34;
    --color-leaf-700: #31552c;
    --color-leaf-800: #294425;
    --color-leaf-900: #22391f;
    --color-leaf-950: #101e0f;

    --color-soil-50: #f7f4ef;
    --color-soil-100: #ede6da;
    --color-soil-200: #dbccb5;
    --color-soil-700: #5c4a36;
    --color-soil-900: #2f261c;
}

/* DataTables — Fruitwala-style admin tables */
.admin-datatable-wrap {
    @apply overflow-hidden rounded-2xl border border-leaf-200 bg-white shadow-sm;
}

.admin-datatable-wrap .dataTables_wrapper {
    @apply px-4 pb-4 pt-4;
}

.admin-datatable-wrap .dataTables_length,
.admin-datatable-wrap .dataTables_filter,
.admin-datatable-wrap .dataTables_info,
.admin-datatable-wrap .dataTables_paginate {
    @apply text-sm text-soil-700;
}

.admin-datatable-wrap .dataTables_length label,
.admin-datatable-wrap .dataTables_filter label {
    @apply flex items-center gap-2 font-medium;
}

.admin-datatable-wrap .dataTables_length select,
.admin-datatable-wrap .dataTables_filter input {
    @apply rounded-md border border-leaf-200 bg-white px-2.5 py-1.5 text-sm text-soil-900 outline-none focus:border-leaf-500;
}

.admin-datatable-wrap .dataTables_filter {
    @apply mb-3;
}

.admin-datatable-wrap table.dataTable {
    @apply w-full border-collapse text-sm;
}

.admin-datatable-wrap table.dataTable thead th {
    @apply border-b border-leaf-200 bg-leaf-50 px-4 py-3 text-left text-sm font-semibold text-leaf-800;
}

.admin-datatable-wrap table.dataTable tbody td {
    @apply border-b border-leaf-100 px-4 py-3 align-middle text-soil-900;
}

.admin-datatable-wrap table.dataTable tbody tr:hover {
    @apply bg-leaf-50/60;
}

.admin-datatable-wrap .dataTables_paginate {
    @apply mt-3;
}

.admin-datatable-wrap .dataTables_paginate .paginate_button {
    @apply mx-0.5 inline-flex min-w-8 cursor-pointer items-center justify-center rounded-md border border-leaf-200 bg-white px-2.5 py-1 text-sm text-soil-700;
}

.admin-datatable-wrap .dataTables_paginate .paginate_button.current {
    @apply border-leaf-700 bg-leaf-700 text-white;
}

.admin-datatable-wrap .dataTables_paginate .paginate_button.disabled {
    @apply cursor-not-allowed opacity-40;
}

.admin-datatable-wrap .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
    @apply border-leaf-400 bg-leaf-50;
}