/**
 * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
 * Copyright 2025 by Keenthemes Inc
 */

@layer components {
	.kt-table-wrapper {
		@apply relative w-full overflow-auto;
	}

	.kt-table {
		@apply w-full text-foreground text-sm border-collapse text-left align-bottom;
		caption-side: bottom;

		tr {
			@apply border-b border-border;
		}

		caption {
			@apply mt-4 text-sm text-muted-foreground;
		}

		thead {
			@apply [&_tr]:border-b;

			th {
				@apply h-10 px-4 text-left rtl:text-right align-middle font-normal bg-muted/40 text-secondary-foreground [&:has([role=checkbox])]:pe-0;
			}
		}

		tbody {
			@apply [&_tr:last-child]:border-0;

			td {
				@apply px-4 py-3 align-middle [&:has([role=checkbox])]:pe-0;
			}
		}

		tfoot {
			@apply border-t bg-muted/50 font-medium last:[&>tr]:border-b-0;

			th {
				@apply h-10 px-4 text-left rtl:text-right align-middle font-normal text-secondary-foreground [&:has([role=checkbox])]:pe-0;
			}
		}

		td,
		th {
			input[type='checkbox'] {
				vertical-align: inherit;
			}
		}
	}

	[data-kt-datatable-table],
	.kt-table-highlight {
		tr {
			@apply [&:has(td):hover]:bg-muted/50 [&.checked]:bg-muted;
		}
	}

	.kt-table-col {
		display: inline-flex;
		align-items: center;
		gap: 0.35rem;
		cursor: pointer;
	}

	.kt-table-col-label {
		display: inline-flex;
		align-items: center;
		flex-wrap: nowrap;
		white-space: nowrap;
		gap: 0.35rem;
	}

	.kt-table-col-sort {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 0.975rem;
		width: 0.975rem;
		gap: 0.125rem;
		line-height: 1;

		&:before {
			display: inline-block;
			content: '';
			height: 0.25rem;
			width: 0.438rem;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%2378829D'/%3E%3C/svg%3E");
		}

		&:after {
			display: inline-block;
			content: '';
			height: 0.25rem;
			width: 0.438rem;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%2378829D'/%3E%3C/svg%3E");
		}

		[aria-sort='asc'] & {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%234B5675'/%3E%3C/svg%3E");
			}

			&:after {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
			}
		}

		[aria-sort='desc'] & {
			&:before {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M1.08333 4.83333C0.908333 4.83333 0.791667 4.775 0.675 4.65833C0.441667 4.425 0.441667 4.075 0.675 3.84167L3.59167 0.925C3.825 0.691667 4.175 0.691667 4.40833 0.925L7.325 3.84167C7.55833 4.075 7.55833 4.425 7.325 4.65833C7.09167 4.89167 6.74167 4.89167 6.50833 4.65833L4 2.15L1.49167 4.65833C1.375 4.775 1.25833 4.83333 1.08333 4.83333Z' fill='%23C9CEDA'/%3E%3C/svg%3E");
			}

			&:after {
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5' fill='none'%3E%3Cpath d='M4 4.24984C3.825 4.24984 3.70833 4.1915 3.59167 4.07484L0.675 1.15817C0.441667 0.924838 0.441667 0.574837 0.675 0.341504C0.908333 0.108171 1.25833 0.108171 1.49167 0.341504L4 2.84984L6.50833 0.341504C6.74167 0.108171 7.09167 0.108171 7.325 0.341504C7.55833 0.574837 7.55833 0.924838 7.325 1.15817L4.40833 4.07484C4.29167 4.1915 4.175 4.24984 4 4.24984Z' fill='%234B5675'/%3E%3C/svg%3E");
			}
		}
	}
}

/* Table border styles */
@layer components {
	.kt-table-border {
		@apply border border-border;

		& td,
		& th {
			@apply border-e border-border;

			&:last-child {
				@apply border-e-0;
			}
		}
	}

	.kt-table-border-s {
		@apply border-s border-border;
	}

	.kt-table-border-e {
		@apply border-e border-border;
	}

	.kt-table-border-t {
		@apply border-t border-border;
	}

	.kt-table-border-b {
		@apply border-b border-border;
	}
}

/* RTL Styles */
@layer components {
	[dir='rtl'] .kt-table {
		@apply text-right;
	}
}

/* DataTable cursor overrides */
@layer component-overrides {
	th[data-kt-datatable-column-sort="false"] .kt-table-col {
		cursor: default;
	}
}