/* =========================================================
   Pagina indice Servizi (slug servizi-fotografici, id 211)
   — sezioni del template PHP

   Dal 2026-07-31 la struttura della pagina non sta più nei container UAGB
   di Gutenberg ma in page-servizi-fotografici.php. Questo file replica
   sfondi e spaziature di quei container, così l'aspetto resta invariato.
   Valori ripresi 1:1 dalle impostazioni dei blocchi svuotati:
     griglia servizi  container alignfull · pad desktop 35/0/35/35 · mobile 25/30/15/15
     FAQ              container alignwide · fondo #000 · pad desktop 150/100/35/35 · mobile 10/10/0/0
   (ordine: top / right / bottom / left)

   La CTA finale non ha wrapper: è full-bleed e si spazia da sé
   (assets/css/finale-cta.css).

   NB: services-page.css è un altro file — il CSS delle sei pagine di singolo
   servizio (fotografia d'architettura, ritratto, …), qui non c'entra.
   Dipendenze: services-grid.css (azzera padding e max-width di .bg-page-content).
   ========================================================= */

.bg-servizi-blocco {
	width: 100%;
	box-sizing: border-box;
}

/* --------- GABBIA LATERALE COMUNE ---------
   Schede e FAQ stanno sulla stessa colonna, 35px per lato (scelta 2026-08-01).
   Prima divergevano ed erano entrambe asimmetriche, per come erano impostati i
   container UAGB: la FAQ a 35/100 e le schede a 35/0 ma con il bleed della
   griglia che le portava a 10px dal bordo sinistro e 25px **oltre** quello
   destro (invisibile solo perché l'overflow-x le taglia). */

/* --------- Griglia dei servizi --------- */
.bg-servizi-blocco--griglia {
	padding: 35px;
}

/* Le card servizio (`.bg-servizi-grid`, inc/servizi-cards-section.php) stanno
   dentro il blocco senza uscirne: la gabbia la dà il padding qui sopra.
   Storico: fino al 2026-08-01 qui c'era la griglia SERVICE_CARD con
   `.bg-frame--bleed-padded` (frame.css L4 — `width:100vw` +
   `margin-inline: calc(50% - 50vw)`), che sforava di 25px a destra perché
   `100vw` include la scrollbar. Il bleed andava annullato a mano; con le card
   della home il problema non si pone più. */

/* --------- FAQ — fondo nero pieno --------- */
.bg-servizi-blocco--faq {
	background-color: #000000;
	padding: 150px 35px 35px;
}

/* Breakpoint mobile di UAGB (767px). I verticali restano quelli dei container
   originali; i laterali passano a --pad-x per entrambi i blocchi, che è già il
   padding interno di `.bg-faq-section` sotto 768px (faq.css) — così le due
   sezioni restano sulla stessa colonna a ogni larghezza, non solo a 390. */
@media (max-width: 767px) {
	.bg-servizi-blocco--griglia {
		padding: 25px var(--pad-x) 15px;
	}
	/* laterali a 0: li mette `.bg-faq-section` con --pad-x */
	.bg-servizi-blocco--faq {
		padding: 10px 0 0;
	}
}