/* ambra.css — ricostruzione dello stile del Teatro Ambra alla Garbatella.
   Il foglio di stile originale non è stato archiviato dalla Wayback Machine;
   questo è un rifacimento pulito e generico, palette rosso/nero come il logo. */

* { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
	background: #1a1a1a;
	color: #222;
	font-family: "Didact Gothic", "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

a { color: #cc0000; text-decoration: none; }
a:hover { text-decoration: underline; }

#content {
	max-width: 960px;
	margin: 0 auto;
	background: #ffffff;
	min-height: 60vh;
	padding: 0 0 30px 0;
	box-shadow: 0 0 20px rgba(0,0,0,.5);
}

/* ---- Testata + navigazione (ricostruite) ---- */
#ambra-topbar { background: #000; }
#ambra-logo { display: block; line-height: 0; }
#ambra-logo img { display: block; width: 100%; height: auto; max-width: 960px; margin: 0 auto; }

#ambra-mainnav {
	background: #cc0000;
	border-top: 2px solid #000;
}
#ambra-mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ambra-mainnav li { margin: 0; }
#ambra-mainnav a {
	display: block;
	padding: 12px 22px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 14px;
}
#ambra-mainnav a:hover { background: #000; text-decoration: none; }

/* ---- Testata originale (svuotata dagli image-map) ---- */
#header, #social, #head { min-height: 0; }
#header map, #social map, #Map2 { display: none; }
#head:empty { display: none; }

/* ---- Elementi ricorrenti ---- */
.hr { border-top: 1px solid #ddd; margin: 0; }
.hb { border-top: 3px solid #cc0000; margin: 0; }
.clear { clear: both; }
.center { text-align: center; }
.padded { padding: 0 30px; }

.altezza10 { height: 10px; }
.altezza15 { height: 15px; }
.altezza20 { height: 20px; }
.altezza30 { height: 30px; }

.rosso, .red { color: #cc0000; }
.rossob { color: #cc0000; font-weight: 700; }
.bold { font-weight: 700; }

/* ---- Contatti / info botteghino ---- */
.center .rosso { font-weight: 700; }

/* ---- Scheda spettacolo ---- */
.scheda_header { padding: 10px 0; }
.scheda_titolo { font-size: 26px; font-weight: 700; color: #000; }
.scheda_sottotitolo { font-size: 15px; color: #555; margin: 4px 0; }
.scheda_rosso_bold { font-size: 30px; font-weight: 700; color: #cc0000; margin: 6px 0; text-transform: uppercase; }
.scheda_rosso { color: #cc0000; font-size: 16px; margin: 3px 0; }
.scheda_info { color: #333; font-size: 15px; }
.scheda_descrizione { font-size: 16px; line-height: 1.7; color: #222; margin-top: 10px; }
.scheda_descrizione p { margin: 0 0 14px 0; }

h1, h2 { color: #000; }
h1.scheda_rosso_bold, h1.rosso, h1.rossob { color: #cc0000; }
h2 a { color: #cc0000; }

/* ---- Archivio (listato spettacoli) ---- */
.spettacolo {
	display: inline-block;
	background: #cc0000;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	min-width: 74px;
}
.spettacolo div { color: #fff !important; }
.img_thumb, .img {
	float: left;
	width: 90px;
	margin-right: 14px;
}
.text {
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 6px;
}
.promo {
	display: block;
	float: left;
	width: 50%;
	padding: 0 30px;
}
.promo .img {
	float: none;
	width: 100%;
	min-height: 1px;
	margin: 0;
}
.promo .text { min-height: 94px; }
@media (max-width: 600px) {
	.promo { display: block; width: 100%; }
}
.text .rossob { text-transform: uppercase; }
.evento { padding: 6px 0; }

/* colonne/varianti dell'archivio: niente sfondi mancanti, layout fluido */
.p1, .p2, .p3, .p4, .p5, .p6, .s1, .s2, .last, .Default { display: block; }

img { max-width: 100%; height: auto; }

/* ---- Footer sito (ricostruito) ---- */
.site-footer {
	background: #000;
	border-top: 3px solid #cc0000;
	color: #ddd;
	font-size: 14px;
	line-height: 1.7;
}
.site-footer .footer-inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 26px 30px;
	text-align: center;
}
.site-footer a { color: #ff5a5a; }
.site-footer .footer-info { margin: 0 0 10px; }
.site-footer .footer-info strong { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: .04em; }
.site-footer .footer-copy { margin: 0; color: #888; font-size: 12px; }