/* AO - Home responsive. Sezioni della home: 0 slider, 1 azienda + servizi, 2 portfolio, 3 metodo,
   4 video, 5 numeri, 6 logo + riquadri, 7 "Illuminiamo gli spazi". DWMP */
.ao-home { --ao-gold: #cb9d54; --ao-gold-dark: #a97f3b; --ao-ink: #171717; --ao-line: #ebe6dd; }

/* ---------- Slider: velo per leggere i testi su ogni foto ---------- */
sr7-module[data-alias="ao-lighting-design-15"] sr7-slide sr7-bg[data-subtype="slidebg"]::after {
	content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
	background: linear-gradient(90deg, rgba(10,10,10,.62) 0%, rgba(10,10,10,.35) 45%, rgba(10,10,10,.08) 80%);
}
@media (max-width: 767px) {
	sr7-module[data-alias="ao-lighting-design-15"] sr7-slide sr7-bg[data-subtype="slidebg"]::after {
		background: linear-gradient(0deg, rgba(10,10,10,.78) 0%, rgba(10,10,10,.5) 45%, rgba(10,10,10,.25) 100%);
	}
}

/* "Scopri ora": pulsante come quelli del sito (15px, 700, pillola oro, freccia dentro e centrata).
   La freccia separata dello slider (layer -9) non serve più. */
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone a[id$="-6"] {
	display: inline-flex !important; align-items: center; gap: 10px;
	padding: 15px 26px !important; border-radius: 999px !important;
	background: #cb9d54 !important; color: #111 !important;
	font: 700 15px/1 'Manrope', Helvetica, Arial, sans-serif !important; letter-spacing: .02em !important;
	transition: background .2s, color .2s;
}
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone a[id$="-6"]::after {
	content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone a[id$="-6"]:hover { background: #fff !important; color: #111 !important; }
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone sr7-mask:has(> sr7-txt[id$="-9"]) { display: none !important; }
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone sr7-mask:has(> a[id$="-6"]) { margin-top: 26px !important; overflow: visible !important; }
@media (max-width: 767px) {
	html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone a[id$="-6"] { padding: 13px 22px !important; font-size: 15px !important; }
	html body sr7-module[data-alias="ao-lighting-design-15"] sr7-zone sr7-mask:has(> a[id$="-6"]) { margin-top: 18px !important; }
}
/* barra in basso: frecce e "Contatti" centrati sulla stessa riga */
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-txt[id$="72-18"],
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-txt[id$="72-19"] { font-size: 22px !important; }
html body sr7-module[data-alias="ao-lighting-design-15"] sr7-txt[id$="72-20"] { font: 700 13px/inherit 'Manrope', sans-serif !important; letter-spacing: .18em !important; }

/* ---------- Servizi (sezione 1, riga a 4 schede) ---------- */
.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column { border-radius: 12px; transition: transform .3s, box-shadow .3s; }
.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column:hover { transform: translateY(-4px); }
@media (max-width: 980px) {
	.ao-home .et_pb_section_1 .et_pb_row_4col {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;
		width: 90% !important; max-width: 90% !important;
	}
	.ao-home .et_pb_section_1 .et_pb_row_4col::after { display: none !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column { width: auto !important; margin: 0 !important; padding: 32px 28px !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_image { margin-bottom: 18px !important; text-align: left; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_image img, .ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_image .et_pb_image_wrap { width: 64px !important; max-width: 64px !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col h3 { font-size: 20px !important; line-height: 1.25 !important; word-break: normal; hyphens: none; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_divider { margin: 14px 0 !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_text { margin-bottom: 10px !important; }
}
@media (max-width: 767px) {
	.ao-home .et_pb_section_1 .et_pb_row_4col { grid-template-columns: 1fr; gap: 14px; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column { padding: 24px 22px !important; display: grid !important; grid-template-columns: 52px 1fr; column-gap: 16px; align-items: start; }
	/* icona accanto al titolo, testo a tutta larghezza */
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column > * { grid-column: 1 / -1; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column > .et_pb_image { grid-column: 1; grid-row: 1; margin: 0 !important; align-self: center; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_column > .et_pb_image + .et_pb_text { grid-column: 2; grid-row: 1; align-self: center; margin: 0 !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_image img, .ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_image .et_pb_image_wrap { width: 52px !important; max-width: 52px !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col h3 { font-size: 18px !important; padding-bottom: 0 !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col .et_pb_divider { margin: 10px 0 !important; }
	.ao-home .et_pb_section_1 .et_pb_row_4col p { font-size: 14.5px !important; line-height: 1.6 !important; }
}

/* ---------- Portfolio (sezione 2) ---------- */
.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_image img { border-radius: 10px; }
@media (max-width: 980px) {
	.ao-home .et_pb_section_2 .et_pb_row_4col {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 24px;
		width: 90% !important; max-width: 90% !important;
	}
	.ao-home .et_pb_section_2 .et_pb_row_4col::after { display: none !important; }
	.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_column { width: auto !important; margin: 0 !important; padding-top: 0 !important; display: flex !important; flex-direction: column; }
	/* immagine sempre in alto, poi titolo e testo */
	.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_column > .et_pb_image { order: -2; margin-bottom: 16px !important; }
	.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_column > .et_pb_icon { display: none !important; }
	.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_image .et_pb_image_wrap, .ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_image img { width: 100% !important; max-width: 100% !important; aspect-ratio: 4 / 3; object-fit: cover; }
	.ao-home .et_pb_section_2 .et_pb_row_4col .et_pb_text { margin-bottom: 6px !important; }
}
@media (max-width: 767px) {
	.ao-home .et_pb_section_2 .et_pb_row_4col { grid-template-columns: 1fr; gap: 30px; }
}

/* ---------- Metodo di lavoro (sezione 3) ---------- */
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb { padding-left: 0 !important; margin-left: 0 !important; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb::before {
	position: static !important; display: inline-flex; align-items: center; margin: 0 0 14px;
	padding: 7px 14px; border-radius: 999px; background: rgba(203,157,84,.14);
	color: var(--ao-gold-dark); font: 700 12px/1 'Manrope', sans-serif !important; letter-spacing: .16em; text-transform: uppercase;
}
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_main_blurb_image { display: none !important; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb_content { max-width: none !important; display: block !important; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb_container { padding-left: 0 !important; display: block !important; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_module_header { padding-bottom: 12px !important; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb_description li::marker { color: var(--ao-gold); }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image .et_pb_image_wrap { border-radius: 12px; overflow: hidden; display: block; }
.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (min-width: 981px) {
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 { display: flex; align-items: center; }
}
@media (max-width: 980px) {
	.ao-home .et_pb_section_3 > .et_pb_row:first-child .et_pb_text { max-width: 100% !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 { width: 90% !important; max-width: 90% !important; padding: 36px 0 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_column { width: 100% !important; margin: 0 !important; padding: 0 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_column_1_4 { margin-top: 22px !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image, .ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image .et_pb_image_wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image img { aspect-ratio: 16 / 9; }
}
/* tablet: testo e foto affiancati */
@media (min-width: 768px) and (max-width: 980px) {
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 { display: grid !important; grid-template-columns: 1fr 260px; gap: 28px; align-items: center; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4::after { display: none !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_column_1_4 { margin-top: 0 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_image img { aspect-ratio: 4 / 3; }
}
@media (max-width: 767px) {
	.ao-home .et_pb_section_1 { padding-top: 40px !important; }
	.ao-home .et_pb_section_1 > .et_pb_row:first-child { margin-top: 0 !important; }
	.ao-home .et_pb_section_3 > .et_pb_row:first-child .et_pb_text p { font-size: 15px !important; line-height: 1.75 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 { padding: 30px 0 !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_module_header { font-size: 22px !important; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb_description li { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 6px; }
	.ao-home .et_pb_section_3 .et_pb_row_3-4_1-4 .et_pb_blurb_description ul { padding-left: 18px !important; }
}

/* ---------- Numeri (sezione 5) ---------- */
.ao-home .et_pb_section_5 .et_pb_number_counter .percent p, .ao-home .et_pb_section_5 .et_pb_number_counter .percent-value,
.ao-home .et_pb_section_5 .et_pb_number_counter .percent { color: var(--ao-gold) !important; }
.ao-home .et_pb_section_5 .et_pb_row:last-child .et_pb_column { position: relative; }
@media (min-width: 981px) {
	.ao-home .et_pb_section_5 .et_pb_row:last-child .et_pb_column + .et_pb_column::before {
		content: ""; position: absolute; left: -1%; top: 10%; bottom: 10%; width: 1px; background: var(--ao-line);
	}
}
@media (max-width: 980px) {
	.ao-home .et_pb_section_5 .et_pb_row:last-child {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px;
		background: var(--ao-line); border: 1px solid var(--ao-line); border-radius: 14px; overflow: hidden;
		width: 90% !important; max-width: 90% !important; padding: 0 !important;
	}
	.ao-home .et_pb_section_5 .et_pb_row:last-child::after { display: none !important; }
	.ao-home .et_pb_section_5 .et_pb_row:last-child .et_pb_column { width: auto !important; margin: 0 !important; padding: 28px 16px !important; background: #fff; }
	.ao-home .et_pb_section_5 .et_pb_number_counter { margin-bottom: 8px !important; }
	.ao-home .et_pb_section_5 .et_pb_number_counter .percent { height: auto !important; margin-bottom: 10px !important; }
}
@media (max-width: 767px) {
	.ao-home .et_pb_section_5 .et_pb_row:last-child .et_pb_column { padding: 22px 12px !important; }
	.ao-home .et_pb_section_5 .et_pb_number_counter .percent p { font-size: 40px !important; line-height: 1.1 !important; }
	.ao-home .et_pb_section_5 .et_pb_number_counter h3 { font-size: 15px !important; line-height: 1.3 !important; padding-bottom: 6px !important; }
	.ao-home .et_pb_section_5 .et_pb_row:last-child .et_pb_text p { font-size: 13px !important; line-height: 1.5 !important; }
}

/* ---------- Logo + riquadri servizi (sezione 6) ---------- */
@media (max-width: 980px) {
	.ao-home .et_pb_section_6 .et_pb_row_4col {
		display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px;
		width: 90% !important; max-width: 90% !important; margin: 0 auto !important;
		background: var(--ao-line) !important; border-radius: 14px; overflow: hidden;
	}
	.ao-home .et_pb_section_6 .et_pb_row_4col::after { display: none !important; }
	.ao-home .et_pb_section_6 .et_pb_row_4col .et_pb_column { width: auto !important; margin: 0 !important; padding: 24px 18px !important; background: #fff !important; }
	.ao-home .et_pb_section_6 .et_pb_row_4col h4 { font-size: 16px !important; line-height: 1.3 !important; word-break: normal; hyphens: none; }
	.ao-home .et_pb_section_6 .et_pb_row_4col .et_pb_text { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; }
	.ao-home .et_pb_section_6 .et_pb_row_4col .et_pb_image img { max-width: 52px !important; }
}

/* ---------- Sezione 7 ---------- */
@media (max-width: 767px) {
	.ao-home .et_pb_section_7 h1 { font-size: 40px !important; line-height: 1.1 !important; }
}
