/**
 * Elcogen Table Widget Styles
 *
 * @package Elcogen_Elementor_Widgets
 */

/* Root Container */
.elcogen-table {
	width: 100%;
	box-sizing: border-box;
}

/* Desktop Table - Shown on larger screens */
.elcogen-table__desktop {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Mobile Table - Hidden on desktop */
.elcogen-table__mobile {
	display: none;
}

/* Header Cells */
.elcogen-table__header-cell {
	background-color: var(--color-background-light);
	border: 1px solid var(--color-neutral-200);
	padding: var(--spacing-baseline-12) var(--spacing-baseline-16);
	text-align: left;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-body-medium);
}

/* Data Cells */
.elcogen-table__cell {
	background-color: var(--color-white);
	border: 1px solid var(--color-neutral-300);
	padding: var(--spacing-baseline-12) var(--spacing-baseline-16);
	text-align: left;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-body-large);
}


.elcogen-table__cell:not(:nth-child(1)), .elcogen-table__header-cell:not(:nth-child(1))
 {
    text-align: center;
}

/* Mobile Layout - Tablet and below */
@media (max-width: 64rem) {
	/* Hide desktop table */
	.elcogen-table__desktop {
		display: none;
	}

	/* Show mobile table */
	.elcogen-table__mobile {
		display: block;
	}

	/* Each row becomes a vertical card */
	.elcogen-table__mobile-row {
		display: flex;
		flex-direction: column;
		gap: 0;
		margin-bottom: var(--spacing-baseline-16);
	}

	.elcogen-table__mobile-row:last-child {
		margin-bottom: 0;
	}

	/* Each cell in mobile view */
	.elcogen-table__mobile-cell {
		display: flex;
		flex-direction: column;
		border: 1px solid var(--color-neutral-300);
		border-bottom: none;
	}

	.elcogen-table__mobile-cell:last-child {
		border-bottom: 1px solid var(--color-neutral-300);
	}

	/* Header label in mobile */
	.elcogen-table__mobile-header {
		background-color: var(--color-background-light);
		border-bottom: 1px solid var(--color-neutral-200);
		padding: var(--spacing-baseline-12) var(--spacing-baseline-16);
		font-weight: var(--font-weight-bold);
		font-size: var(--font-size-body-medium);
	}

	/* Data content in mobile */
	.elcogen-table__mobile-data {
		background-color: var(--color-white);
		padding: var(--spacing-baseline-12) var(--spacing-baseline-16);
		font-weight: var(--font-weight-regular);
		font-size: var(--font-size-body-large);
	}
}