/*
Theme Name: Hub Child
Description: Child theme di Hub (LiquidThemes) - personalizzazioni CSIA
Author: CSIA
Template: hub
Version: 1.0.0
Text Domain: hub-child
*/

/* =========================================================
   MARQUEE SERVIZI — eliminazione gap tra le card
   ========================================================= */

/* 1. Rimuove gap orizzontali (margin 15px sx+dx) e dipendenza circolare min-height */
.lqd-marquee-carousel .carousel-item {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    min-height: 0 !important;
}

/* 2. Rimuove i margini top/bottom sulle card (30px top + 70px bottom da shortcode) */
.lqd-marquee-carousel .lqd-fb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 3. Disabilita offset verticale random tra le righe */
.carousel-items-random-v-offset .carousel-item-inner {
    top: 0 !important;
}

/* 4. Corregge altezza carousel/viewport — aspect-ratio basato sulle colonne
      md:6  → 6/1  (≥992px)
      sm:2.9 → 2.9/1 (768-991px)
      xs:1.5 → 1.5/1 (<768px) */
@media (min-width: 992px) {
    .lqd-marquee-carousel,
    .lqd-marquee-carousel .flickity-viewport {
        aspect-ratio: 6 / 1 !important;
        height: auto !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .lqd-marquee-carousel,
    .lqd-marquee-carousel .flickity-viewport {
        aspect-ratio: 2.9 / 1 !important;
        height: auto !important;
    }
}
@media (max-width: 767px) {
    .lqd-marquee-carousel,
    .lqd-marquee-carousel .flickity-viewport {
        aspect-ratio: 1.5 / 1 !important;
        height: auto !important;
    }
}

/* 5. Clippa la sezione per evitare overflow delle card */
section.vc_row:has(.lqd-marquee-carousel) {
    overflow: hidden;
}