/**
 * CTA Abbonamenti - Campagna Stagionale
 * Template Elementor ID: 145064
 * Usa variabili da variables.css
 */

/* ======================================================================
   Container Principale
   ====================================================================== */
.cta-abbonamenti {
	background-color: var(--color-primary) !important;
}

/* ======================================================================
   Colonna Immagine
   ====================================================================== */
.cta-abbonamenti__image img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 4 / 3;
}

/* ======================================================================
   Colonna Testo
   ====================================================================== */
.cta-abbonamenti__subtitle .elementor-heading-title {
	color: var(--color-on-dark-muted) !important;
	font-size: var(--font-size-base) !important;
	font-weight: var(--font-weight-normal) !important;
	text-transform: none !important;
	letter-spacing: 0.02em;
}

.cta-abbonamenti__heading .elementor-heading-title {
	color: var(--color-on-dark) !important;
	font-weight: var(--font-weight-bold) !important;
	text-transform: uppercase !important;
	line-height: 1.05 !important;
	letter-spacing: -0.01em;
}

/* ======================================================================
   Bottoni
   ====================================================================== */
.cta-abbonamenti__btn-primary .elementor-button {
	background-color: var(--color-white) !important;
	color: var(--color-primary) !important;
	border: 2px solid var(--color-white) !important;
	border-radius: var(--radius-card) !important;
	font-weight: var(--font-weight-semibold) !important;
	transition: all var(--transition-fast) !important;
}

.cta-abbonamenti__btn-primary .elementor-button:hover {
	background-color: var(--color-primary-dark) !important;
	color: var(--color-white) !important;
	border-color: var(--color-white) !important;
}

.cta-abbonamenti__btn-primary .elementor-button-icon {
	color: var(--color-primary) !important;
}

.cta-abbonamenti__btn-primary .elementor-button:hover .elementor-button-icon {
	color: var(--color-white) !important;
}

.cta-abbonamenti__btn-secondary .elementor-button {
	background-color: transparent !important;
	color: var(--color-on-dark) !important;
	border: none !important;
	border-radius: var(--radius-sm) !important;
	font-weight: var(--font-weight-medium) !important;
	transition: all var(--transition-fast) !important;
}

.cta-abbonamenti__btn-secondary .elementor-button:hover {
	background-color: var(--color-on-dark-divider) !important;
	color: var(--color-white) !important;
}

.cta-abbonamenti__btn-secondary .elementor-button-icon {
	color: var(--color-on-dark) !important;
}

/* ======================================================================
   Responsive
   ====================================================================== */
@media (max-width: 767px) {
	.cta-abbonamenti__heading .elementor-heading-title {
		font-size: var(--font-size-xl) !important;
	}

	.cta-abbonamenti__subtitle .elementor-heading-title {
		font-size: var(--font-size-sm) !important;
	}

	.cta-abbonamenti__image img {
		aspect-ratio: 16 / 9;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.cta-abbonamenti__heading .elementor-heading-title {
		font-size: var(--font-size-3xl) !important;
	}
}