/**
 * Estilos front-end de "Direcciones" (rbl-web-cooking). Columnas
 * independientes (CSS multi-column, no grid de filas) para que cada
 * columna fluya a su propia altura según cuántas direcciones tenga cada
 * tarjeta, sin estirar las tarjetas más cortas para igualar a las más
 * largas. 2 columnas en escritorio, 1 en celular.
 */

.rblweb-dir-grid {
	columns: 2;
	column-gap: 24px;
}

@media ( max-width: 767px ) {
	.rblweb-dir-grid {
		columns: 1;
	}
}

.rblweb-dir-card {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	border: 1.5px solid var( --rblweb-dir-border-color, #b9814f );
	border-radius: 10px;
	padding: 18px 20px;
	margin: 0 0 20px;
}

.rblweb-dir-card-title {
	margin: 0 0 10px;
	font-family: 'Poppins', sans-serif !important;
	font-size: 18px;
	font-weight: 700 !important;
	color: var( --rblweb-dir-title-color, #b9814f );
}

.rblweb-dir-address-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	text-decoration: none !important;
	color: inherit;
	margin-bottom: 6px;
}

.rblweb-dir-address-row:last-child {
	margin-bottom: 0;
}

.rblweb-dir-icon-wrap {
	display: inline-flex;
	flex-shrink: 0;
	margin-top: 2px;
}

.rblweb-dir-icon {
	width: 16px;
	height: 16px;
	color: #6b6b6b;
}

.rblweb-dir-address-text {
	font-size: 14px;
	line-height: 1.4;
}