/**
 * Styles communs (front + éditeur) du bloc CagetteAdresse.
 * Aucune font-family n'est déclarée ici : la typographie hérite du thème actif.
 */

.cagette-adresse {
	--vert-cagette: #3f6b4c;
	--vert-fonce: #274a34;
	--creme: #f7f3ea;
	--terre: #c1440e;
	--texte: #2b2b28;
	--ligne: #e2dcc8;

	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
	background-color: var(--creme);
	color: var(--texte);
	border-radius: 12px;
	padding: 2rem;
}

.cagette-adresse__info {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	min-width: 0;
}

.cagette-adresse__block {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

.cagette-adresse__icon {
	flex: 0 0 auto;
	width: 1.5em;
	line-height: 1.4;
	font-size: 1.15rem;
	color: var(--vert-cagette);
}

.cagette-adresse__block-content {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-width: 0;
}

.cagette-adresse__address,
.cagette-adresse__hours {
	margin: 0;
	line-height: 1.5;
}

.cagette-adresse__map-link {
	display: inline-block;
	width: fit-content;
	color: var(--vert-cagette);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.cagette-adresse__map-link:hover,
.cagette-adresse__map-link:focus {
	color: var(--vert-fonce);
}

.cagette-adresse__message {
	margin: 0;
	background-color: #fff;
	border-left: 4px solid var(--terre);
	border-radius: 4px;
	padding: 0.75rem 1rem;
	font-weight: 700;
	line-height: 1.5;
}

.cagette-adresse__map {
	background-color: #fff;
	border: 1px solid var(--ligne);
	border-radius: 12px;
	padding: 0.5rem;
}

.cagette-adresse__iframe {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	border: 0;
	border-radius: 8px;
}

@media (max-width: 680px) {
	.cagette-adresse {
		grid-template-columns: 1fr;
	}
}