/**
 * HTML Table Widget for Elementor — base structural styles.
 * Colors, backgrounds, borders, padding, radius, typography and hover
 * states are all injected by Elementor from the widget's Style controls.
 * This file only handles layout, scrolling and corner-clipping.
 */

.eht-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow: hidden; /* clips the table to the rounded wrapper corners */
	-webkit-overflow-scrolling: touch;
}

/* Horizontal scroll: keep the vertical axis clipped so the radius still rounds. */
.eht-table-wrap.eht-hscroll {
	overflow-x: auto;
	overflow-y: hidden;
}

.eht-table-wrap.eht-vscroll {
	overflow-y: auto;
}

.eht-table-wrap.eht-hscroll.eht-vscroll {
	overflow: auto;
}

/* Scrollbar (WebKit / Blink). Thumb color is set from the Scroll controls. */
.eht-table-wrap::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.eht-table-wrap::-webkit-scrollbar-track {
	background: transparent;
}

.eht-table-wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.25);
}

/* Table core */
.eht-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.eht-table.eht-fixed {
	table-layout: fixed;
}

.eht-table th,
.eht-table td {
	vertical-align: middle;
	word-break: break-word;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* Sticky header (used with vertical scroll) */
.eht-table.eht-sticky thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

.eht-caption {
	caption-side: top;
	text-align: inherit;
	padding: 0 0 10px;
}

/* Editor-only placeholder */
.eht-empty {
	margin: 0;
	padding: 24px;
	text-align: center;
	color: #94a3b8;
	border: 1px dashed #cbd5e1;
	border-radius: 8px;
}