/* Bricks Dynamic Table — base / structural CSS
   Theme-able values (colors, sizes) aaty hain inline custom properties se,
   jo Bricks element ke "style" controls se generate hote hain. */

.bdt-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.bdt-table-wrap.bdt-mobile-scroll {
	scrollbar-width: thin;
}

.bdt-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.bdt-table-wrap.bdt-mobile-scroll .bdt-table {
	min-width: var( --bdt-min-width, 600px );
}

@media ( min-width: 768px ) {
	.bdt-table-wrap.bdt-mobile-scroll .bdt-table {
		min-width: 0;
	}
}

.bdt-table thead th {
	text-align: left;
	white-space: nowrap;
}

.bdt-table th,
.bdt-table td {
	padding: var( --bdt-cell-padding-y, 14px ) var( --bdt-cell-padding-x, 18px );
	vertical-align: middle;
}

/* Row divider (horizontal lines between rows) */
.bdt-table.bdt-row-divider tbody tr {
	border-bottom: var( --bdt-row-divider-width, 1px ) solid var( --bdt-row-divider-color, #ececec );
}

.bdt-table.bdt-row-divider tbody tr:last-child {
	border-bottom: none;
}

/* Column divider (vertical lines between columns) */
.bdt-table.bdt-col-divider th:not(:last-child),
.bdt-table.bdt-col-divider td:not(:last-child) {
	border-right: var( --bdt-col-divider-width, 1px ) solid var( --bdt-col-divider-color, #ececec );
}

/* Header bottom divider */
.bdt-table thead th {
	border-bottom: var( --bdt-header-divider-width, 2px ) solid var( --bdt-header-divider-color, #0a2540 );
}

/* Zebra striping */
.bdt-table.bdt-zebra tbody tr:nth-child(even) {
	background-color: var( --bdt-zebra-bg, rgba(0,0,0,0.02) );
}

/* Row hover */
.bdt-table.bdt-row-hover tbody tr {
	transition: background-color 0.2s ease;
}
.bdt-table.bdt-row-hover tbody tr:hover {
	background-color: var( --bdt-row-hover-bg, rgba(0,0,0,0.035) );
}

/* Highlighted row (per-row toggle) */
.bdt-table tbody tr.bdt-row-highlight {
	background-color: var( --bdt-row-highlight-bg, rgba(46,180,140,0.08) );
}

/* Sticky header */
.bdt-table-wrap.bdt-sticky-header .bdt-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
}

/* Outer wrapper rounded/bordered look helper */
.bdt-table-wrap.bdt-outer-rounded {
	border-radius: var( --bdt-outer-radius, 12px );
	overflow: hidden;
}