/* ==========================================================================
   Press Lamiere - indicazioni grafiche del PDF (docs/struttura-sito-press-lamiere.pdf)

   Sostituiti direttamente nella nostra copia dei CSS del tema
   (il template/ resta intatto):
     colore primario  #FC5220 -> #cb0a3d  (styles.css, plugins.css, scrollbar.css)
     rgba(252,82,32)  -> rgba(203,10,61)
     font titoli      Plus Jakarta Sans 800 -> League Spartan 700 (plugins.css)
     font testi       Plus Jakarta Sans     -> Raleway            (plugins.css)
   Qui restano solo gli override puntuali.
   ========================================================================== */

/* Home, sezione Lavorazioni (carousel servizi): da PDF sfondo #738592.
   Nel tema è .bg-secondary (#121c22 !important), che resta invariato
   nel resto del sito (header, footer, box contatti). */
.bg-lavorazioni {
	background-color: #738592 !important;
}

/* Home, Perché sceglierci: da PDF "lasciare sfondo di questo colore, ma al
   passaggio del mouse bottone diventa #cb0a3d". Sfondo della sezione invariato
   (non #738592) e freccia in hover #cb0a3d: già gestito dal tema dopo la
   sostituzione del colore primario, nessun override. */

/* Titoli: da PDF League Spartan bold 700 (nel tema molti titoli hanno
   la classe .font-weight-800). */
h1.font-weight-800,
h2.font-weight-800,
h3.font-weight-800,
h4.font-weight-800,
h5.font-weight-800,
h6.font-weight-800 {
	font-weight: 700 !important;
}

/* Home, banner: il titolo è una frase lunga distribuita su tutta la larghezza.
   La scala .display-* del tema è a rem fissi e non scende sui viewport
   stretti, dove il blocco crescerebbe in altezza fino a finire sotto
   l'header: la misura del titolo è quindi gestita qui. */
.banner-style02 h1 {
	font-size: 80px;
}
@media (max-width: 991.98px) {
	.banner-style02 h1 {
		font-size: 56px;
	}
}
@media (max-width: 575.98px) {
	.banner-style02 h1 {
		font-size: 40px;
	}
}

/* Home, banner: titolo, sottotitolo e bottone stanno più in basso, per usare
   lo spazio vuoto sotto e staccarsi dall'header sovrapposto.
   Il blocco è centrato verticalmente nella riga .min-vh-100, quindi questo
   padding vale METÀ dello spostamento visibile: 160px = circa 80px più giù.
   È la manopola da girare se serve alzarlo o abbassarlo ancora.
   Sotto i 576px non si applica: lì ci pensa già la .mt-5 sulla colonna. */
@media (min-width: 576px) {
	.banner-style02 .row.min-vh-100 > .col-12 {
		padding-top: 160px;
	}
}

/* Sopratitoli: senza punto iniziale */
.section-title-01 span:before{display:none}

/* Logo header più grande */
.navbar-brand img{max-height:110px}
@media screen and (max-width: 991px){.navbar-brand img{max-height:75px}}

/* Header bianco fin dall'inizio: niente animazione di ingresso al caricamento */
header.scrollHeader .navbar-default{animation:none !important}

/* Header bianco anche su mobile: il tema mette la fascia bianca fissa solo da 992px in su, sotto
   lascia l'header trasparente sopra il banner. Qui resta nel flusso (sticky), così le misure dei
   banner qui sotto non cambiano; la tendina del menu parte dal fondo dell'header, che col logo
   più grande è più alto dei 70px previsti dal tema. */
@media screen and (max-width: 991px){
    header.scrollHeader{position:sticky;top:0}
    header.scrollHeader .navbar-default{background:#fff;border-bottom-color:rgba(0,0,0,0.08) !important}
    header.scrollHeader .navbar-nav{top:100%}
}

/* Header bianco sempre visibile: i banner partono sotto al menu, senza sovrapporsi al titolo */
.page-title-section.top-position1{padding-top:255px}
.banner-style02.top-position1{padding-top:135px !important}
@media screen and (max-width: 991px){
    .page-title-section.top-position1{padding-top:215px}
    .banner-style02.top-position1{padding-top:90px !important}
}
@media screen and (max-width: 575px){
    .page-title-section.top-position1{padding-top:185px}
}

/* Logo footer più grande */
.footer-logo{max-width:280px}

/* Form preventivo: spunta privacy (fase 2). Il tema/quform non la prevedeva: il kernel la
   pretende lato server (GestoreForm), quindi serve markup nuovo. */
.contact-us .form-privacy {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 1.5rem;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer;
}
.contact-us .form-privacy input {
	margin-top: 4px;
	flex: 0 0 auto;
}
.contact-us .form-privacy a {
	text-decoration: underline;
}