/*
Theme Name: CEC
Description: Child theme for Avada theme
Author: Frame
Author URI: 
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* generali */


/* HOME */

/* DESKTOP */
@media (min-width: 1024px) {

    /* Wrapper di tutte le colonne */
    .rc-portfolio-lines {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 0vw;
        padding: 60px 0;
    }

    /* Ogni colonna: la LINEA è il border-left */
    .rc-portfolio-item {
        position: relative;
        flex: 1;                      /* <— ECCO LA CHIAVE: si espande */
        height: 360px;
        border-left: 1px solid #000;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        display: block;
    }

    /* Wrapper del titolo: si muove in verticale (non ruotato) */
    .rc-portfolio-title-wrapper {
        position: absolute;
        left: 40px;             /* distanza dalla linea */
        bottom: 20px;           /* posizione base */
        transform: translateY(0);
        transition: transform 0.55s ease;
        will-change: transform;
    }

    /* Testo: SOLO ruotato, non traslato */
    .rc-portfolio-title-text {
        display: inline-block;
        transform-origin: bottom left;
        transform: rotate(-90deg);
        white-space: nowrap;
    }

    /* HOVER: su TUTTO il blocco .rc-portfolio-item */
    .rc-portfolio-item:hover .rc-portfolio-title-wrapper {
        /* si muove VERSO L'ALTO sullo schermo */
        transform: translateY(-10px);  /* aumenta/diminuisci a piacere */
    }
}


/* MOBILE/TABLET: layout semplificato */
@media (max-width: 1023px) {

    .rc-portfolio-lines {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: 20px 0;
    }

    .rc-portfolio-item {
        height: auto;
        width: auto;
        border-left: none;
    }

    .rc-portfolio-title-wrapper {
        position: static;
        transform: none;
    }

    .rc-portfolio-title-text {
        transform: none;
        white-space: normal;
    }
}

/* carosello */

/* CAROSELLO ORIZZONTALE CUSTOM */

/* CAROSELLO ORIZZONTALE CUSTOM */

/* Wrapper generale */
.rg-horizontal-gallery {
    width: 100%;
    overflow: hidden;
}

/* Track orizzontale */
.rg-hg-track {
    display: flex;
    gap: 8px; /* spazio tra le immagini */
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    align-items: center;
}

/* Singola slide */
.rg-hg-item {
    flex: 0 0 auto; /* la larghezza dipende dall'immagine */
}

/* Immagini: altezza fissa, mai tagliate, larghezza libera */
.rg-hg-item img {
    height: 60vh;  /* <-- modifica qui l'altezza che vuoi */
    max-height: 650px; /* opzionale */
    width: auto;
    display: block;
    object-fit: contain; /* per sicurezza, non taglia mai */
}


/* Stato trascinamento */
.rg-hg-track.is-dragging {
    cursor: grabbing;
}

/* Mobile */
@media (max-width: 768px) {
    .rg-hg-item img {
        height: 45vh;
        max-height: 420px;
    }
}