/**
 * Modulo: ENDU CTA
 * File: endu-cta.css
 * Stili basati su variabili e componenti esistenti (btn, card, card-tag, layout grid)
 */

 .endu-cta {
    background: var(--gradient-dark);
    /* padding: var(--space-3xl) 0; */
}

.endu-cta__layout {
    max-width: 100%;
    margin: 0 auto;
    /* padding: 0; */
    display: grid;
    grid-template-columns: 2fr 2fr; /* 60/40 */
    /* gap: var(--space-sm); */
}

.endu-cta--inverse .endu-cta__layout {
    direction: rtl; /* inversione ordinamento visuale */
}
.endu-cta--inverse .endu-cta__col { direction: ltr; }

.endu-cta__col { align-self: stretch; }
.endu-cta__col--content {display: flex;max-width: max-content;}
.endu-cta__inner { width: 100%; }

.endu-cta__col--image { position: relative; overflow: hidden; }
.endu-cta__image {
    position: sticky;
    /* top: var(--space-xl); */
    width: 250%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    /* border-radius: var(--radius-lg); */
    /* border: 1px solid var(--bg-glass-hover); */
    filter: grayscale(1) opacity(0.2) contrast(1.8);
    transition: 0.6s 
ease-out;
}

/* nasconde immagine < 1024px */
@media (max-width: 1024px) {
    .endu-cta__layout { grid-template-columns: 1fr; }
    .endu-cta__col--image { display: none; }
}

.endu-cta__header {
    margin-bottom: var(--space-xl);
    margin-top: var(--space-lg);
}

.endu-cta__badges {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
}

.endu-cta__badge-icon {
    color: var(--primary);
}

.endu-cta__title {
    font-family: var(--font-display);
    color: var(--text-primary);
    text-transform: uppercase;
}

.endu-cta__subtitle {
    color: var(--text-secondary);
}

.endu-cta__steps {
    margin-bottom: var(--space-lg);
}

.endu-cta__step.card {
    background: var(--bg-glass);
    border: 1px solid var(--bg-glass-hover);
    border-left: 3px solid var(--primary);
    border-radius: var(--radius-lg);
    padding: var(--space-sm);
    overflow: visible;
}

.endu-cta__step-inner {
    display: flex
;
    gap: var(--space-xs);
}

.endu-cta__step-number {
    width: 32px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--accent);
    color: var(--text-background);
    font-weight: 800;
    position: absolute;
    top: -14px;
    left: -12px;
}

.endu-cta__step-title {
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 0;
}

.endu-cta__step-text {
    color: var(--text-secondary);
    /* padding-left: var(--space-lg); */
    font-size: var(--micro-discamer);
}

.endu-cta__buttons {
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    margin: var(--space-md) 0 var(--space-xl);
    justify-content: space-between;
}

/* Pulsanti: 50% su desktop, 100% su mobile */
.endu-cta__buttons .btn {
    flex: 1 1 calc(50% - var(--space-sm));
    max-width: calc(50% - var(--space-sm));
}

@media (max-width: 768px) {
    .endu-cta__buttons .btn {
        flex-basis: 100%;
        max-width: 100%;
    }
    .card-number {
      display: none;
    }

    
    
}

@media (max-width: 480px) {
    .endu-cta .card-title {
        font-size:2.5rem;
    }
}
/* Griglia orizzontale tipo hero-cards */
.endu-cta__fees-grid.hero-cards-grid {
    gap: var(--space-sm);
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: stretch; */
    /* justify-content: space-around; */
    flex-direction: column;
}

.endu-cta__help { margin-top: var(--space-md); }


/* Stati card per scaglioni */
.hero-card.data_scaduta {
    filter: saturate(0) opacity(0.7);
    opacity: .5;
    zoom: 0.5;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    display: none;
}
.hero-card.data_scaduta .card-distance {
    color: rgb(175 175 175);
    /* text-decoration: line-through; */
}

.hero-card.in_corso {
    box-shadow: var(--shadow-lg);
    /* border-color: var(--primary); */
}
.endu-cta .hero-card {padding-bottom:var(--space-xs);/* min-width: 49%; */height: min-content;min-height: -webkit-fill-available;height: auto;}

.endu-cta .card-details {
    /* max-width: 100%; */
    /* display: flex; */
    /* justify-content: space-between; */
}

.endu-cta .detail-item {display: none;}

.data_prossima .card-number {
    color: #ffffff85;
}
.hero-card.data_prossima,.hero-card.data_scaduta {
    /* border-color: #b72646; */
    /* opacity: 0.5; */
    border-left: 6px solid transparent;
    border-left-color: #4c4c4c;
    zoom: 0.6;
    /* display: flex; */
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    /* display: none; */
}

.data_scaduta .card-tag {
    position: absolute;
    bottom: 17px;
    right: 39px;
    top: auto;
    scale: 1.5;
    display: none;
}

.data_prossima .card-tag {
    position: absolute;
    top: auto;
    bottom: 20px;
    right: 41px;
    scale: 1.5;
    display: none;
}

.data_prossima .card-distance, .data_scaduta .card-distance {
    font-size: var(--text-h3);
    min-width: 95px;
    color: var(--accent);
}

/* Countdown compatto e orizzontale */
.countdown.countdown--compact {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    /* margin-top: var(--space-sm); */
    /* margin-right: var(--space-sm); */
}
.countdown.countdown--compact .countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: auto;
}
.countdown.countdown--compact .countdown-number {
    font-size: 3rem;
    /* line-height: 34px; */
}
.countdown.countdown--compact .countdown-label {
    font-size: .7rem;
    color: var(--text-secondary);
}
.in_corso .card-distance {
    color: #c8ee22;
    font-size: var(--text-h2);
}
.in_corso .card-description {
    display: none;
}

.in_corso     .card-title {
        font-weight:900
    }

.data_scaduta .card-description {
    display: none;
}
.data_scaduta .card-description {
    display: none;
}