/*
 * Matches docs/rate_table_mockup(1).html exactly (colors, fonts, spacing) so
 * the Services page table looks identical to what Ian approved. Values here
 * are the mockup's own palette, not the site's brand tokens, on purpose.
 */
:root {
	--fortress-rates-bg: #0d0d0f;
	--fortress-rates-panel: #17161a;
	--fortress-rates-panel-2: #1e1c22;
	--fortress-rates-line: #2c2a31;
	--fortress-rates-text: #e8e6e1;
	--fortress-rates-dim: #9b978f;
	--fortress-rates-gold: #e0a52c;
	--fortress-rates-gold-dim: #b8860b;
	--fortress-rates-wine: #4a0d2b;
}

.fortress-rates-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 24px 0;
	scrollbar-color: var(--fortress-rates-gold) transparent;
	scrollbar-width: thin;
}

.fortress-rates-table-wrap::-webkit-scrollbar {
	height: 6px;
}

.fortress-rates-table-wrap::-webkit-scrollbar-thumb {
	background: var(--fortress-rates-gold);
}

.fortress-rates-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	background: var(--fortress-rates-panel);
	border: 1px solid var(--fortress-rates-line);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.fortress-rates-table th,
.fortress-rates-table td {
	padding: 12px;
	text-align: left;
	vertical-align: top;
}

.fortress-rates-table th.fortress-rates-table__r,
.fortress-rates-table td.fortress-rates-table__r {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.fortress-rates-table thead th {
	background: var(--fortress-rates-wine);
	color: #f2e8d5;
	padding: 10px 12px;
	font-weight: 600;
	font-size: 11.5px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	line-height: 1.45;
}

.fortress-rates-table thead th span {
	font-weight: 400;
}

.fortress-rates-table tbody td {
	border-top: 1px solid var(--fortress-rates-line);
}

.fortress-rates-table tbody tr:nth-child(even) td {
	background: var(--fortress-rates-panel-2);
}

.fortress-rates-table__name a {
	color: var(--fortress-rates-text);
	text-decoration: none;
	border-bottom: 1px solid var(--fortress-rates-gold-dim);
}

/* Only Solo (the "headline" rate) is bold/gold in the mockup; the other columns are plain text. */
.fortress-rates-table__r strong {
	color: var(--fortress-rates-text);
	font-weight: 400;
	font-size: 14px;
}

.fortress-rates-table__r--primary strong {
	color: var(--fortress-rates-gold);
	font-weight: 700;
	font-size: 15px;
}

.fortress-rate--alt {
	color: var(--fortress-rates-dim);
	font-size: 12.5px;
}

.fortress-rate--na {
	color: #55524c;
	font-size: 12.5px;
}

.fortress-rates-table__badge {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border: 1px solid var(--fortress-rates-gold-dim);
	border-radius: 10px;
	color: var(--fortress-rates-gold);
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Reusable via the block editor's "Additional CSS Class(es)" field, keeps admin-editable
   copy on the Services page styled like the mockup's small print / callout box. */
.fortress-rates-fine {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12.5px;
	color: var(--fortress-rates-dim);
	line-height: 1.65;
	margin-top: 12px;
}

.fortress-rates-fine b,
.fortress-rates-fine strong {
	color: var(--fortress-rates-text);
}

.fortress-rates-includes {
	background: var(--fortress-rates-panel);
	border: 1px solid var(--fortress-rates-line);
	border-left: 3px solid var(--fortress-rates-gold);
	padding: 16px 18px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	color: var(--fortress-rates-dim);
	line-height: 1.75;
}

.fortress-rates-includes b,
.fortress-rates-includes strong {
	color: var(--fortress-rates-text);
	font-weight: 600;
}

/* Services page only (page-id-42): the shared "Additional fields" bottom banner gets the
   mockup's ".includes" look here without changing it on any other page that reuses it. */
body.page-id-42 .fortress-page-banner--bottom {
	background: var(--fortress-rates-panel);
	border: 1px solid var(--fortress-rates-line);
	border-left: 3px solid var(--fortress-rates-gold);
	border-radius: 0;
	font-family: Helvetica, Arial, sans-serif;
}

body.page-id-42 .fortress-page-banner--bottom .fortress-page-banner__title {
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--fortress-rates-text);
	text-transform: none;
	margin-bottom: 8px;
}

body.page-id-42 .fortress-page-banner--bottom .fortress-page-banner__text {
	font-size: 13.5px;
	color: var(--fortress-rates-dim);
	line-height: 1.75;
}

@media (max-width: 640px) {
	.fortress-rates-table th,
	.fortress-rates-table td {
		padding: 8px 6px;
		font-size: 12.5px;
	}

	.fortress-rates-table__badge {
		display: block;
		width: max-content;
		margin: 4px 0 0;
	}
}