/* ===== DC Limited – Residences Table ===== */
.dc-res {
	--dc-line: #d9d9d9;
	--dc-btn: #f0eeeb;
	--dc-btn-hover: #e4e1dc;
	width: 100%;
	max-width: 1231px;
	margin: 0 auto;
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 16px;
	color: #000;
    
}

/* Reset theme / Elementor table styles */
.dc-res .dc-res__table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 0 !important;
	margin: 0 !important;
	background: transparent !important;
}
.dc-res .dc-res__table th,
.dc-res .dc-res__table td,
.dc-res .dc-res__table tbody tr:nth-child(odd) > td,
.dc-res .dc-res__table tbody tr:nth-child(even) > td,
.dc-res .dc-res__table tbody tr:hover > td {
	background: transparent !important;
	border: 0 !important;
	color: #000 !important;
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: normal !important;
	text-align: left !important;
}

/* Headings */
.dc-res .dc-res__table thead tr th.dc-res__head {
	font-weight: 600 !important;
	font-style: normal !important;
	padding: 0 16px 21px 0 !important;
	white-space: nowrap !important;
	vertical-align: bottom !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}
.dc-res .dc-res__table thead tr th.dc-res__head.dc-res__head--action {
	padding-right: 0 !important;
}

/* Cells: more specific than the reset, so the divider line shows */
.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell {
	font-weight: 200 !important;
	font-style: normal !important;
	height: 96px !important;
	padding: 0 16px 0 0 !important;
	border-top: 1px solid var(--dc-line) !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
}
.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell.dc-res__cell--action {
	padding-right: 0 !important;
	text-align: right !important;
}

/* Row text styles */
.dc-res .dc-res__table tbody tr.dc-res__row.dc-res__row--bold > td.dc-res__cell {
	font-weight: 600 !important;
}
.dc-res .dc-res__table tbody tr.dc-res__row.dc-res__row--italic > td.dc-res__cell {
	font-style: italic !important;
}
.dc-res .dc-res__cell strong,
.dc-res .dc-res__cell b {
	font-weight: 600 !important;
}
.dc-res .dc-res__cell em,
.dc-res .dc-res__cell i {
	font-style: italic !important;
}

/* Button */
.dc-res a.dc-res__btn,
.dc-res a.dc-res__btn:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 160px !important;
	height: 53px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: var(--dc-btn) !important;
	color: #000 !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	line-height: 1 !important;
	text-decoration: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: background-color .2s ease !important;
}
.dc-res a.dc-res__btn:hover {
	background: var(--dc-btn-hover) !important;
	color: #000 !important;
}
.dc-res a.dc-res__btn:focus-visible {
	outline: 2px solid #000 !important;
	outline-offset: 2px !important;
}

.dc-res .dc-res__sr {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

/* ===== Mobile: each row becomes a card ===== */
@media (max-width: 860px) {
	.dc-res .dc-res__table thead {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
	}
	.dc-res .dc-res__table,
	.dc-res .dc-res__table tbody {
		display: block !important;
		width: auto !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		column-gap: 16px !important;
		padding: 24px 0 !important;
		border-top: 1px solid var(--dc-line) !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row:last-child {
		border-bottom: 1px solid var(--dc-line) !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell {
		display: block !important;
		height: auto !important;
		padding: 8px 0 !important;
		border: 0 !important;
		white-space: normal !important;
		text-align: left !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell::before {
		content: attr(data-label);
		display: block;
		font-weight: 600;
		font-style: normal;
		font-size: 13px;
		margin-bottom: 2px;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell.dc-res__cell--residence {
		grid-column: 1 !important;
		grid-row: 1 !important;
		font-weight: 600 !important;
		font-size: 22px !important;
		padding-top: 0 !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell.dc-res__cell--price {
		grid-column: 2 !important;
		grid-row: 1 !important;
		text-align: right !important;
		align-self: center !important;
		padding-top: 0 !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell.dc-res__cell--action {
		grid-column: 1 / -1 !important;
		padding: 16px 0 0 !important;
		text-align: left !important;
	}
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell--residence::before,
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell--price::before,
	.dc-res .dc-res__table tbody tr.dc-res__row > td.dc-res__cell--action::before {
		display: none;
	}
	.dc-res a.dc-res__btn,
	.dc-res a.dc-res__btn:visited {
		width: 100% !important;
	}
}