/**
 * OVERRIDE DI TEMA — stile delle schede immobile per sv-theme.
 *
 * Il plugin Italianway Immobili carica QUESTO file al posto del proprio, perche'
 * trova un front.css nella cartella italianway-immobili del tema.
 *
 * Qui si assume UIkit presente: le classi uk-card, uk-card-body, uk-button sono
 * gia' vestite dal framework e da questo foglio arriva solo cio' che manca —
 * la disposizione della scheda e l'allineamento del pulsante.
 *
 * ⚠️ NIENTE gap ne' margin sull'elenco: la spaziatura fra le schede la mette
 * UIkit con `uk-grid-margin`. Sommarle e' un errore gia' fatto una volta.
 */

.iw-immobili {
	margin: 2rem 0;
}

.iw-immobili__titolo {
	margin: 0 0 .8rem;
}

.iw-immobili .iw-zona {
	margin-top: 2rem;
}

/* La scheda: impilata sul telefono, orizzontale da tablet in su.
   Foto a sinistra e dati a destra tengono l'elenco compatto in verticale, cosi'
   tre proposte dentro un articolo non spingono il testo troppo in basso. */
.iw-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	height: 100%;
}

.iw-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.iw-card .uk-card-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1rem 1.2rem;
}

.iw-card__nome {
	margin-bottom: .25rem;
	font-size: 1.05rem;
}

.iw-card__meta {
	margin: 0 0 .35rem;
}

.iw-card__servizi {
	margin: 0 0 .75rem;
	opacity: .8;
}

/* `margin-top:auto` spinge prezzo e pulsante in fondo: nelle schede affiancate
   restano allineati anche quando i nomi vanno a capo in modo diverso. */
.iw-card__prezzo {
	margin: auto 0 .75rem;
}

/* Il pulsante è un pulsante, non un link nel testo: niente sottolineatura, in
   nessuno stato. Serve dirlo esplicitamente perché il tema sottolinea tutti i
   collegamenti dentro il contenuto, e la regola generale vince su `uk-button`
   quando la scheda sta dentro un articolo.

   Gli stati ci sono tutti di proposito: senza `:hover` e `:focus` la riga
   ricompare al passaggio del mouse o alla navigazione da tastiera, che è il modo
   più fastidioso di scoprire un difetto — appare solo a chi ci passa sopra. */
.iw-cta,
.iw-cta:link,
.iw-cta:visited,
.iw-cta:hover,
.iw-cta:focus,
.iw-cta:active {
	align-self: flex-start;
	text-decoration: none;
}

/* Nemmeno il titolo, se un giorno diventasse un collegamento. */
.iw-card__nome a,
.iw-card__nome a:hover,
.iw-card__nome a:focus {
	text-decoration: none;
}

.iw-card__media-vuota {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	background: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 10px, #ececec 10px, #ececec 20px);
}

@media (min-width: 640px) {
	.iw-card {
		flex-direction: row;
		align-items: stretch;
	}

	.iw-card__media {
		flex: 0 0 240px;
	}

	.iw-card__media-vuota {
		height: 100%;
		aspect-ratio: auto;
	}
}

/* In griglia le schede sono strette: l'impaginazione orizzontale non ci sta, e
   la foto torna sopra. */
.iw-immobili--griglia .iw-card {
	flex-direction: column;
}

.iw-immobili--griglia .iw-card__media {
	flex: none;
}

.iw-immobili--griglia .iw-card__media img {
	aspect-ratio: 4 / 3;
}

/* Avviso riservato alla redazione: messaggio di servizio, non contenuto. */
.iwim-avviso-redazione {
	margin: 1.5rem 0;
	padding: .8rem 1rem;
	border: 1px solid #e4d8a8;
	border-radius: 4px;
	background: #fcf9e8;
	color: #52471f;
	font-size: .9rem;
}