/* ================================================== */
/* RESTYLE INDEX - caricato solo da index.php         */
/* 1) Font unificato Open Sans > Arial > Helvetica    */
/* 2) CTA "Richiedici un preventivo"                  */
/* 3) Sezione "Software per i vari Uffici"            */
/* 4) Sezione "I servizi offerti da Hyksos"           */
/* 5) Carousel "Alcuni dei Comuni"                    */
/* ================================================== */

/* --------------------------------------------------
   1) FONT UNIFICATO
   Il menu superiore sta fuori da #container e non
   viene toccato; slider e footer vengono ripristinati
   esplicitamente qui sotto.
-------------------------------------------------- */
#container {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

#container h1, #container h2, #container h3,
#container h4, #container h5, #container h6,
#container p,
#container blockquote,
#container .btn,
#container .count-number,
#container .v-counter-text,
#container .v-smash-text-large {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

/* Eccezione: lo slider iniziale mantiene il suo font */
#container .custom-slider-container .slide-title,
#container .custom-slider-container .slide-subtitle {
	font-family: 'Inter', 'Outfit', sans-serif;
}

/* Eccezione: il footer mantiene i font originali del tema */
#container .footer-wrap {
	font-family: Arial, Helvetica, sans-serif;
}

#container .footer-wrap h4 {
	font-family: 'Cabin', Arial, sans-serif;
}

#container .footer-wrap h1, #container .footer-wrap h2, #container .footer-wrap h3,
#container .footer-wrap h5, #container .footer-wrap h6 {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

/* --------------------------------------------------
   2) CTA "RICHIEDICI UN PREVENTIVO"
   Riusa .certificazioni-cta (hyksos-styles.css);
   qui solo i colori dei titoli sul fondo scuro.
-------------------------------------------------- */
.v-call-to-action.certificazioni-cta .v-call-to-action-inner h2 {
	color: #ffffff;
	margin-top: 0;
	font-size: 26px;
	font-weight: 700;
}

.v-call-to-action.certificazioni-cta .v-call-to-action-inner h3 {
	color: rgba(255, 255, 255, 0.85) !important;
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 1.6;
}

.v-call-to-action.certificazioni-cta .button-container {
	margin-top: 25px;
}

/* --------------------------------------------------
   3) SEZIONE "SOFTWARE PER I VARI UFFICI"
   Gerarchia tipografica coerente: titolo > sottotitoli
   colonna > voci elenco (senza grassetto).
-------------------------------------------------- */
.uffici-section h2 {
	font-size: 26px;
	line-height: 1.3;
	font-weight: 700;
	color: #1e293b;
	margin-bottom: 20px;
}

.uffici-section h4 {
	font-size: 17px;
	font-weight: 600;
}

.uffici-section ul li {
	font-size: 15px;
	line-height: 1.6;
}

/* --------------------------------------------------
   4) SEZIONE "I SERVIZI OFFERTI DA HYKSOS"
   Le card riusano .characteristic-card di
   hyksos-styles.css; qui solo sfondo sezione,
   griglia a pari altezza e accenti colore.
-------------------------------------------------- */
.v-bg-stylish.v-bg-stylish-v4.servizi-hyksos {
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
	border-color: #e5e7eb;
}

.v-bg-stylish.servizi-hyksos .v-heading-v2 h2 {
	font-size: 26px;
	font-weight: 700;
	color: #1e293b;
}

.servizi-hyksos .row {
	display: flex;
	flex-wrap: wrap;
}

.servizi-hyksos .row .col-sm-4 {
	display: flex;
	margin-bottom: 20px;
}

.servizi-hyksos .characteristic-card {
	flex: 1;
	width: 100%;
}

/* le card hanno già il loro respiro: niente spaziatori tra le righe */
.servizi-hyksos .v-spacer {
	display: none;
}

.servizi-hyksos .characteristic-card i.v-icon {
	display: block;
	margin: 0 auto 15px;
	color: #3b82f6;
}

.servizi-hyksos .col-sm-4:nth-child(2) .characteristic-card i.v-icon {
	color: #10b981;
}

.servizi-hyksos .col-sm-4:nth-child(3) .characteristic-card i.v-icon {
	color: #f59e0b;
}

.servizi-hyksos .characteristic-card .feature-box-text h3 {
	color: #1a2332;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}

/* --------------------------------------------------
   5) CAROUSEL "ALCUNI DEI COMUNI"
   Stesso slider (owl-carousel), veste moderna:
   immagini arrotondate con ombra morbida, titoli
   centrati, frecce circolari sempre visibili.
-------------------------------------------------- */
.v-portfolio-carousel.comuni-carousel {
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.comuni-carousel .v-heading-v3 h2 {
	font-size: 26px;
	font-weight: 700;
	color: #1e293b;
}

.comuni-carousel .owl-carousel .item {
	padding: 6px 4px 10px;
}

.comuni-carousel figure.animated-overlay {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.comuni-carousel .item:hover figure.animated-overlay {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.comuni-carousel .v-portfolio-item-info h3.v-portfolio-item-title {
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
	text-align: center;
	margin: 12px 0 0;
}

/* --------------------------------------------------
   5-bis) "SOFTWARE E PROGRAMMI PER OGNI TIPOLOGIA DI COMUNE"
   Gerarchia: i titoli delle card (h4) devono prevalere
   sull'elenco puntato sottostante.
-------------------------------------------------- */
.tipologie-comuni h4 {
	font-size: 19px;
	font-weight: 700;
}

.tipologie-comuni ul li span {
	font-size: 15px;
	line-height: 1.6;
}

.tipologie-comuni ul li span strong {
	font-weight: 600;
}

/* --------------------------------------------------
   6) "PERCHÉ SCEGLIERE HYKSOS?"
   Bootstrap imposta html{font-size:10px}: i titoli in
   rem (1.2rem = 12px) risultavano più piccoli del testo
   (15px). Gerarchia ristabilita in px.
-------------------------------------------------- */
.why-choose-hyksos .why-choose-header h2 {
	font-size: 26px;
}

.why-choose-hyksos .why-choose-subtitle {
	font-size: 16px;
}

.why-choose-hyksos .why-content h4 {
	font-size: 18px;
}

/* --------------------------------------------------
   7) TAGLINE IN EVIDENZA
   Variante colorata per "L'imposta di soggiorno" e
   "Tecnologia Avanzata": sfondo sfumato blu -> verde
   tenue, in linea con la barra accento.
-------------------------------------------------- */
.tagline-modern.tagline-highlight {
	background: linear-gradient(135deg, #eff6ff 0%, #f0fdfa 100%);
	border-color: rgba(59, 130, 246, 0.30);
}

.tagline-modern.tagline-highlight h2 {
	font-size: 26px;
	font-weight: 700;
	color: #1e293b;
}

/* --------------------------------------------------
   8) CONTATORI (Enti gestiti / Strutture / Dichiarazioni)
   Fondo scuro sfumato come la sezione "Hyksos in Numeri"
   e la CTA preventivo; accenti colorati per colonna.
-------------------------------------------------- */
.v-parallax.v-bg-stylish.contatori-hyksos {
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
	border: none;
}

.v-parallax.contatori-hyksos .v-counter .count-number {
	font-weight: 700;
}

.v-parallax.contatori-hyksos .v-counter .count-divider span {
	height: 4px;
	border-radius: 2px;
}

.v-parallax.contatori-hyksos .v-counter .v-counter-text {
	color: rgba(255, 255, 255, 0.75);
	letter-spacing: 2px;
}

/* Accenti per colonna: icona e divisore (blu / verde / ambra) */
.v-parallax.contatori-hyksos .col-sm-4:nth-child(1) .v-icon {
	color: #3b82f6;
}

.v-parallax.contatori-hyksos .col-sm-4:nth-child(2) .v-icon {
	color: #10b981;
}

.v-parallax.contatori-hyksos .col-sm-4:nth-child(3) .v-icon {
	color: #f59e0b;
}

.v-parallax.contatori-hyksos .col-sm-4:nth-child(1) .count-divider span {
	background: #3b82f6;
}

.v-parallax.contatori-hyksos .col-sm-4:nth-child(2) .count-divider span {
	background: #10b981;
}

.v-parallax.contatori-hyksos .col-sm-4:nth-child(3) .count-divider span {
	background: #f59e0b;
}

/* Frecce di navigazione: cerchi moderni al posto dello sprite */
.comuni-carousel .carousel-wrap a.prev,
.comuni-carousel .carousel-wrap a.next {
	width: 42px;
	height: 42px;
	margin-top: -21px;
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
	text-indent: 0;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #3b82f6;
	opacity: 1;
	filter: none;
}

.comuni-carousel .carousel-wrap a.prev:hover,
.comuni-carousel .carousel-wrap a.next:hover {
	background: #3b82f6;
	border-color: #3b82f6;
	color: #ffffff;
}