@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import 'tailwindcss';

@plugin "@tailwindcss/typography";

@import 'datatables.net-dt';
/* @import 'datatables.net-responsive-dt';
@import 'datatables.net-select-dt'; */

@theme {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-admin: 'Poppins', ui-sans-serif, system-ui, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

html,
body {
}

.ProseMirror-focused {
  @apply outline-none;
}

table.dataTable thead > tr {
  border-bottom: 2px solid #c2c2c2;
}

table.dataTable tbody > tr > td {
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #ebebeb;
}

nav[aria-label='pagination'] {
  display: flex;
  justify-content: center;
}
/* Style untuk tombol aktif (current) */
.dt-paging-button.current {
  background-color: #2e2f7c !important;
  color: white !important;
}

/* Style tombol aktif, kecuali jika disabled */
div.dt-container .dt-paging .dt-paging-button.current:not(.disabled),
div.dt-container .dt-paging .dt-paging-button.current:not(.disabled):hover {
  color: white !important;
  background-color: #2e2f7c !important;
  min-width: 24px;
  padding: 3px 6px;
}

/* Style tombol disabled */
div.dt-container .dt-paging .dt-paging-button.disabled {
  background-color: transparent !important;
  color: #ccc !important;
  cursor: not-allowed;
  pointer-events: none; /* Agar tidak bisa diklik */
}

/* Menghindari hover effect untuk tombol yang disabled */
div.dt-container .dt-paging .dt-paging-button:not(.disabled):hover {
  background-color: #2e2f7c !important;
  color: white !important;
}

/* Style default tombol */
div.dt-container .dt-paging .dt-paging-button {
  min-width: 24px;
  padding: 3px 6px;
  background-color: transparent !important;
  color: #2e2f7c !important;
}
