/* =========================================================
   FIX LOCALE - HERO SLIDER GRUPPO BONIFACIO
   Questo file va messo nella stessa cartella dell'HTML.
   Struttura attesa:
   gb/
   ├── Gruppo_Bonifacio_NLT_FIXED.html
   ├── gb-local-fix.css
   └── auto/
       └── puma.webp
========================================================= */

/* Evita che in locale lo slider mostri tutte le card in fila */
.rich-card-slider{
    width:100% !important;
    height:412px !important;
    overflow:hidden !important;
    background:#1d1d1b !important;
}

.rich-card-slider__wrapper{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    transform:none !important;
}

.rich-card-slider__slide{
    width:100% !important;
    height:100% !important;
    display:none !important;
    flex:unset !important;
}

.rich-card-slider__slide.current,
.rich-card-slider__slide:first-child{
    display:block !important;
}

.rich-card{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 330px !important;
    grid-template-rows:412px !important;
    width:100% !important;
    height:412px !important;
    overflow:hidden !important;
    background:#1d1d1b !important;
}

.rich-card__image{
    width:100% !important;
    height:412px !important;
    min-height:412px !important;
    background-image:var(--bg-path) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;
    border:0 !important;
}

.rich-card__image > img{
    display:none !important;
}

.rich-card__content{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    width:330px !important;
    height:412px !important;
    padding:34px 26px !important;
    background:#0b1334 !important;
    color:#fff !important;
}

.rich-card__header{
    width:100% !important;
    padding-right:0 !important;
    padding-bottom:12px !important;
    border-bottom:1px solid rgba(255,255,255,.85) !important;
    margin-bottom:22px !important;
}

.rich-card__model{
    font-size:28px !important;
    line-height:1.12 !important;
    font-weight:800 !important;
    margin-bottom:12px !important;
}

.rich-card__setup{
    font-size:16px !important;
    line-height:1.25 !important;
    margin-bottom:0 !important;
}

.rich-card__price{
    color:#fff !important;
    display:flex !important;
    align-items:baseline !important;
    gap:8px !important;
    height:auto !important;
    line-height:1 !important;
    margin-bottom:8px !important;
    font-size:30px !important;
}

.rich-card__price strong{
    font-size:46px !important;
    line-height:1 !important;
}

.rich-card__price-details{
    color:#fff !important;
    height:auto !important;
    line-height:1.3 !important;
    margin-bottom:18px !important;
    font-size:16px !important;
}

.rich-card__details{
    font-size:16px !important;
    line-height:1.45 !important;
    margin-bottom:22px !important;
}

.rich-card__cta,
.rich-card__cta.cta{
    width:100% !important;
    max-width:none !important;
    height:52px !important;
    margin-top:auto !important;
    display:grid !important;
    place-items:center !important;
    border-radius:6px !important;
    background:#d20000 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
}

.rich-card__cta:hover,
.rich-card__cta.cta:hover{
    background:#ffcd00 !important;
    color:#0b1334 !important;
}

.rich-card-slider__navigation{
    right:360px !important;
    bottom:28px !important;
}

.rich-card-slider__pagination{
    left:28px !important;
    bottom:28px !important;
}

/* Mobile: torna a una card verticale pulita */
@media(max-width:767px){
    .rich-card-slider{
        height:auto !important;
    }

    .rich-card,
    .rich-card-slider__wrapper,
    .rich-card-slider__slide{
        height:auto !important;
    }

    .rich-card{
        display:block !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
    }

    .rich-card__image{
        height:auto !important;
        min-height:0 !important;
        background:none !important;
    }

    .rich-card__image > img{
        display:block !important;
        width:100% !important;
        height:auto !important;
    }

    .rich-card__content{
        width:100% !important;
        height:auto !important;
        min-height:330px !important;
    }

    .rich-card-slider__navigation,
    .rich-card-slider__pagination{
        display:none !important;
    }
}