/**
 * Advanced Table Builder — shortcode skin ("navy").
 *
 * Reproduces the dark-navy spec-table look the site's Elementor tables get from
 * their per-widget controls, so a [atb_table] shortcode matches them without an
 * Elementor instance. Everything is scoped under .atb-skin-navy so it never
 * touches tables built with the widget (those keep their own generated CSS).
 *
 * Values mirror the live tables: bg #0A2540, white Manrope text, 12px/16px
 * padding, subtle #f8f8f8 row dividers, header 600 / body 700, label column
 * left-aligned and data columns centred.
 *
 * @package AdvancedTableBuilder
 */

.atb-skin-navy .atb-table {
	border-collapse: collapse;
	width: 100%;
	background-color: #0a2540;
}

/* Cells: navy fill, white Manrope, reset the base light border. */
.atb-skin-navy .atb-cell {
	background-color: #0a2540;
	color: #fff;
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	padding: 12px 16px;
	border: 0;
	text-align: center;
	vertical-align: middle;
}

/* Subtle horizontal rule between body rows. */
.atb-skin-navy tbody .atb-row + .atb-row .atb-cell {
	border-top: 1px solid #f8f8f8;
}

/* First column is the row label: left-aligned, like the source tables. */
.atb-skin-navy .atb-cell[data-atb-col="1"] {
	text-align: left;
}

/* No divider between the split sub-cells (Cooling / Heating). */
.atb-skin-navy .atb-split--divided.atb-split--row .atb-split-item + .atb-split-item {
	border-left: 0;
}

/* The empty SEER/COP slots should stay navy, not look broken. */
.atb-skin-navy .atb-cell--empty {
	color: rgba(255, 255, 255, 0.5);
}