/* ==========================================================================
   Footer La Costa
   Tre colonne che vanno a capo su tablet e diventano una su telefono.
   Palette: oro #c8a96a, fondo #090c0f, testo #a5a096.
   ========================================================================== */

.footer-lacosta {
	background: #090c0f;
	color: #dcd8d0;
	font-family: 'Open Sans', sans-serif;
}

/* --- barra prenotazione ---------------------------------------------- */
.footer-lacosta .f-cta {
	background: #c8a96a;
	color: #1a1712;
}
.footer-lacosta .f-cta-in {
	max-width: 1150px;
	margin: 0 auto;
	padding: 22px 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px 40px;
	flex-wrap: wrap;
}
.footer-lacosta .f-cta-t {
	font-family: Forum, serif;
	font-size: 26px;
	line-height: 1.2;
}
.footer-lacosta .f-cta-n {
	font-size: 26px;
	font-weight: 700;
	color: #1a1712;
	text-decoration: none;
	white-space: nowrap;
}
.footer-lacosta .f-cta-n:hover { color: #000; }
.footer-lacosta .f-cta-b {
	background: #1a1712;
	color: #c8a96a;
	padding: 13px 28px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease;
}
.footer-lacosta .f-cta-b:hover { background: #000; color: #e0c68a; }

/* --- corpo ------------------------------------------------------------ */
.footer-lacosta .f-corpo {
	max-width: 1150px;
	margin: 0 auto;
	padding: 52px 48px;
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: 48px;
	align-items: start;
}
.footer-lacosta .f-col > *:last-child { margin-bottom: 0; }
.footer-lacosta h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: #c8a96a;
	margin: 0 0 16px;
}
.footer-lacosta p,
.footer-lacosta li {
	font-size: 14px;
	line-height: 1.8;
	color: #a5a096;
	margin: 0 0 12px;
}
.footer-lacosta a { color: inherit; text-decoration: none; }
.footer-lacosta a:hover { color: #c8a96a; }

.footer-lacosta .f-logo { display: inline-block; margin-bottom: 16px; }
.footer-lacosta .f-logo .icon { width: 190px; height: 58px; fill: #fff; }
.footer-lacosta .f-mappa,
.footer-lacosta .f-bottega { color: #c8a96a; }
.footer-lacosta .f-contatti a { color: #dcd8d0; }

/* --- orari ------------------------------------------------------------ */
.footer-lacosta .f-oggi {
	background: rgba(200,169,106,.1);
	border-left: 2px solid #c8a96a;
	padding: 12px 16px;
	margin-bottom: 14px;
}
.footer-lacosta .f-oggi b {
	display: block;
	color: #c8a96a;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.footer-lacosta .f-oggi span { color: #fff; font-size: 15px; }
.footer-lacosta .f-orari { list-style: none; margin: 0; padding: 0; }
.footer-lacosta .f-orari li {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 4px 0;
	margin: 0;
	font-size: 13.5px;
}
.footer-lacosta .f-orari li b { color: #dcd8d0; font-weight: 400; }
.footer-lacosta .f-orari li span { text-align: right; font-variant-numeric: tabular-nums; }
.footer-lacosta .f-orari li.f-chiuso span { font-style: italic; color: #6e6a62; }

/* --- link -------------------------------------------------------------- */
.footer-lacosta .f-link { list-style: none; margin: 0; padding: 0; }
.footer-lacosta .f-link li { margin: 0; padding: 2px 0; }

/* --- riga legale ------------------------------------------------------- */
.footer-lacosta .f-base {
	max-width: 1150px;
	margin: 0 auto;
	padding: 18px 48px;
	border-top: 1px solid rgba(255,255,255,.08);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px 24px;
	flex-wrap: wrap;
	font-size: 12px;
	color: #6e6a62;
}
.footer-lacosta .f-base p { font-size: 12px; color: #6e6a62; margin: 0; }
.footer-lacosta .f-social { display: flex; gap: 14px; align-items: center; list-style: none; margin: 0; padding: 0; }
.footer-lacosta .f-social li { margin: 0; }
.footer-lacosta .f-social .icon { width: 15px; height: 15px; fill: currentColor; }

/* ==========================================================================
   Da 1024px in giù: tre colonne strette si schiacciano, quindi si va a capo.
   ========================================================================== */
@media (max-width: 1024px) {
	.footer-lacosta .f-corpo {
		grid-template-columns: repeat(2, minmax(240px, 1fr));
		gap: 40px;
		padding: 46px 40px;
	}
	.footer-lacosta .f-cta-in,
	.footer-lacosta .f-base { padding-left: 40px; padding-right: 40px; }
}

/* Telefono: una colonna sola, niente affiancamenti. */
@media (max-width: 767px) {
	.footer-lacosta .f-corpo {
		grid-template-columns: 1fr;
		gap: 36px;
		padding: 40px 24px;
	}
	.footer-lacosta .f-cta-in {
		flex-direction: column;
		gap: 14px;
		padding: 26px 24px;
		text-align: center;
	}
	.footer-lacosta .f-cta-t { font-size: 23px; }
	.footer-lacosta .f-cta-n { font-size: 30px; }
	.footer-lacosta .f-cta-b { width: 100%; max-width: 320px; text-align: center; padding: 15px 28px; }
	.footer-lacosta .f-base {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
		padding: 18px 24px 26px;
	}
	.footer-lacosta .f-logo .icon { width: 165px; height: 50px; }
}