/****************************************

	MercatinoTicino - stile della pagina azienda (company.php, /azienda/12-nome, dopo layoutDEV.css)

	@copyright: IPELWEB
	@author: Ilario Pellandini
	@updated: 2026-11-03

	nella foto sopra nome con il badge pro e l'indirizzo (link a google maps); nel riquadro bianco descrizione e sito, il logo a destra; sotto i suoi annunci (.iw_section)
	il badge pro (.iw_badge_pro) e in layoutDEV.css: c'e anche nella pagina annuncio

****************************************/

/* nome e badge pro sulla stessa riga (se il nome e lungo il badge va sotto) */

.iw_company_head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
	margin-bottom: 18px;
}

.iw_company_head .iw_hero_title {
	margin: 0;
}

.iw_company_head .iw_badge_pro {
	padding: 6px 14px;
	font-size: 14px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}

/* indirizzo con l'icona: si apre su google maps */

.iw_company_place {
	display: flex;
	align-items: center;
	gap: 8px;
}

.iw_company_place a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}

.iw_company_place a:hover {
	text-decoration: underline;
}

.iw_company_place .iw_icon {
	flex-shrink: 0;
}

/* riquadro: descrizione e sito a sinistra, logo a destra (su telefono il logo sopra) */

.iw_company {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.iw_company_text {
	flex: 1;
	min-width: 0;
}

#iw_page .iw_company_about {
	margin: 0;
}

.iw_company_logo {
	flex-shrink: 0;
	width: 200px;
	max-height: 150px;
	padding: 14px;
	object-fit: contain;
	background: #fff;
	border: 1px solid var(--iw-border);
	border-radius: 18px;
}

/* visita il sito (link sponsored): sotto la descrizione, il dominio piccolo accanto */

.iw_company_site {
	gap: 8px;
	margin-top: 24px;
}

.iw_company_site small {
	font-size: 13px;
	opacity: .8;
}

/* i suoi annunci: sotto il riquadro, ultimo blocco della pagina */

.iw_company_ads {
	margin: 60px 0 0;
}

/* un annuncio solo: largo come la pagina e piu alto (non un box a sinistra e lo spazio vuoto accanto; su telefono e gia largo) */

.iw_company_ads .iw_grid > :only-child {
	grid-column: 1 / -1;
}

@media ( min-width: 576px ) {
	.iw_company_ads .iw_grid > :only-child .iw_item {
		height: calc( var(--iw-item-h) + 80px );
	}
}

@media ( max-width: 575.98px ) {
	.iw_company {
		flex-direction: column-reverse;
		gap: 20px;
	}
	.iw_company_logo {
		width: 150px;
	}
	.iw_company_ads {
		margin-top: 44px;
	}
}