/* ============================================
   EXTRAFLY THEME OVERRIDE
   Sovrascrive il pink-theme di Martex con il verde
   istituzionale Nextfuture / Extravirgin: #8baa3c
   ============================================ */

/* ----- COLORI TESTO TEMA ----- */
.color--theme,
.ico--theme,
.txt--theme,
a.color--theme,
a:hover.color--theme,
.shape-ico.color--theme,
.fbox-ico .shape-ico.color--theme [class*="flaticon-"]:before,
.shape-ico.color--theme [class*="flaticon-"]:before {
	color: #8baa3c !important;
}

/* ----- SHAPE / BLOB DIETRO LE ICONE ----- */
.shape-ico.color--theme svg path {
	fill: #ecf3d9 !important;
}

/* ----- SFONDI TEMA ----- */
.bg--theme,
.gr--theme {
	background-color: #8baa3c !important;
	background-image: none !important;
}

/* ----- BORDI ----- */
.brd--theme,
.b--theme {
	border-color: #8baa3c !important;
}

/* ----- BOTTONI PRIMARI ----- */
.btn--theme,
.btn.btn--theme {
	background-color: #8baa3c !important;
	border-color: #8baa3c !important;
	color: #ffffff !important;
}

.btn--theme:hover,
.btn.btn--theme:hover {
	background-color: #799532 !important;
	border-color: #799532 !important;
	color: #ffffff !important;
}

/* ----- BOTTONI "HOVER -> THEME" ----- */
.hover--theme:hover,
.btn--tra-grey.hover--theme:hover,
.btn--tra-black.hover--theme:hover,
.btn--tra-white.hover--theme:hover {
	background-color: #8baa3c !important;
	border-color: #8baa3c !important;
	color: #ffffff !important;
}

/* ----- LINK GENERICI ----- */
a {
	color: #8baa3c;
}
a:hover {
	color: #799532;
}

/* ----- CHECK ICONE (pricing-features ico--green) ----- */
.ico--green [class*="flaticon-"]:before,
.ico--green .flaticon-check:before,
.ico--theme [class*="flaticon-"]:before {
	color: #8baa3c !important;
}

/* ----- HIGHLIGHT / TOGGLE ATTIVI ----- */
.toggler-txt.color--theme,
.section-id.color--theme,
span.color--theme {
	color: #8baa3c !important;
}

/* ----- FORM CONTROL FOCUS ----- */
.request-form .form-control:focus,
form .form-control:focus {
	border-color: #8baa3c !important;
}

/* ----- WAVE SHAPE BOTTOM HERO-16 ----- */
.hero-section .wave-shape-bottom svg path {
	fill: #ffffff;
}

/* ============================================
   PRICING CARDS - rifiniture layout
   ============================================ */

/* Titolo piano (Bronze/Silver/Gold/Platinum) centrato */
.pricing-1-table .pricing-table-header h5 {
	text-align: center;
	margin-bottom: 20px;
}

/* Blocco prezzo centrato */
.pricing-1-table .pricing-table-header .price {
	text-align: center;
}

.pricing-1-table .pricing-table-header .price p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 1.45;
}

/* Features list: respiro tra le righe, niente line-height: 1 stretto */
.pricing-1-table .pricing-features li {
	padding: 12px 0;
}

.pricing-1-table .pricing-features li p {
	line-height: 1.5;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 0;
	padding-left: 4px;
}

.pricing-1-table .pricing-features li p span {
	position: static;
	top: auto;
	right: auto;
	flex-shrink: 0;
	margin-top: 2px;
}

/* Voci disattivate: X rossa tenue invece del check grigio */
.pricing-1-table .pricing-features li.disabled-option p,
.pricing-1-table .pricing-features li.disabled-option span {
	color: #b5b5b5 !important;
	text-decoration: line-through;
}

.pricing-1-table .pricing-features li.disabled-option .flaticon-cancel:before {
	color: #d77a7a !important;
}

/* Card 2x2: le card più larghe necessitano padding interno maggiore */
.pricing-1-table {
	padding: 40px 35px;
}

/* ============================================
   TIPOGRAFIA - bilanciamento righe automatico
   ============================================
   Evita "orfani" (singola parola sull'ultima riga)
   distribuendo il testo in modo uniforme.
   Browser moderni: Chrome 114+, FF 121+, Safari 17.4+
   Browser vecchi: ignorano la regola, comportamento attuale. */

.hero-16-txt h1,
.hero-16-txt p,
.section-title h2,
.section-title p,
.banner-13-txt h2,
.banner-13-txt p.p-lg,
.txt-block h2,
.txt-block p.p-lg {
	text-wrap: balance;
}
