/**
 * Rail "Detalls" de la fitxa (shortcode [allotjament_columna_resumen]).
 *
 * Redisseny 2026-06 (handoff "Fitxa allotjament desktop v2"): targeta
 * sticky amb capçalera + graella 2×2 de cel·les icona/etiqueta/valor.
 * El sticky l'activa la classe del template (.er-fitxa-rail al child
 * theme); aquí només l'anatomia de la targeta.
 */

.er-rail {
	/* Flexible: la targeta s'ajusta a l'ample del seu contingut (no
	   omple tota la columna), sense passar-se de l'ample disponible. */
	width: fit-content;
	max-width: 100%;
	border: 1px solid #E7E0D2;
	border-radius: 16px;
	overflow: hidden;
	background: #F7F3EA;
	font-family: var(--er-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.er-rail *,
.er-rail *::before,
.er-rail *::after {
	box-sizing: border-box;
}

/* Mides pre-redisseny (20px/700 als títols, 16px als valors) —
   restaurades 2026-06-12; el handoff les havia encongit. */
.er-rail__head {
	font-family: var(--er-sans);
	font-weight: 700;
	font-size: 20px;
	color: var(--er-ink);
	margin: 0;
	padding: 18px 20px 0;
}

.er-rail__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 14px 4px 4px;
}

.er-rail__cell {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px 18px;
}
.er-rail__icon {
	flex: 0 0 22px;
	margin-top: 1px;
	color: var(--er-green-fn, #03693A);
}
.er-rail__icon svg,
.er-rail__icon .er-allotjament-icon {
	width: 22px;
	height: 22px;
	display: block;
	stroke-width: 1.4;
}
/* Icones del kit (fitxers .svg de parcel·les) — forçar currentColor. */
.er-rail__icon svg [fill]:not([fill="none"]) {
	fill: currentColor;
}
.er-rail__icon svg [stroke]:not([stroke="none"]) {
	stroke: currentColor;
}

.er-rail__data {
	display: block;
	min-width: 0;
}
.er-rail__label {
	display: block;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9A9184;
	font-weight: 600;
	margin-bottom: 5px;
}
.er-rail__value {
	display: block;
	font-size: 16px;
	line-height: 1.3;
	color: var(--er-ink);
	font-weight: 500;
}

/* Valor compost "Habitacions i llits": minis amb pictograma 15px. */
.er-rail__mini {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}
.er-rail__mini svg {
	width: 15px;
	height: 15px;
	margin: 0;
	color: var(--er-green-fn, #03693A);
	stroke-width: 1.4;
}
.er-rail__sep {
	color: #9A9184;
	margin: 0 5px;
}

/* ───── Mòbil: cel·les a 1 columna quan el rail baixa sota la narrativa ───── */
@media (max-width: 479px) {
	.er-rail__grid {
		grid-template-columns: 1fr;
	}
}