/* FIX MOBILE VENALINFA - VERSIONE FINALE */

@media (max-width: 768px) {
    /* HEADER */
    .header, .navbar.fixed-top {
        position: static !important;
    }
    
    /* BODY */
    body {
        padding-top: 0 !important;
    }
    
    /* CAROUSEL - 300px */
    .hero-slider {
        height: 300px !important;
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    
    .carousel, .carousel-inner, .carousel-item {
        height: 300px !important;
    }
    
    .carousel-item img {
        height: 300px !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    
    /* CAPTION COMPATTO IN ALTO */
    .carousel-caption {
        position: absolute !important;
        top: 10px !important; /* In alto invece che in basso */
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 90% !important;
        max-width: 500px !important;
        padding: 10px 15px !important;
        background: rgba(26, 95, 122, 0.9) !important;
        border-radius: 6px !important;
        text-align: center !important;
        bottom: auto !important; /* Rimuove la posizione in basso */
    }
    
    .carousel-caption h2 {
        font-size: 1.1rem !important;
        margin-bottom: 5px !important;
        line-height: 1.2 !important;
    }
    
    .carousel-caption .lead {
        font-size: 0.9rem !important;
        margin-bottom: 0 !important;
        line-height: 1.1 !important;
    }
    
    /* NASCONDI BREADCRUMB */
    .breadcrumb-nav {
        display: none !important;
    }
    
    /* INDICATORI PIÙ PICCOLI */
    .carousel-indicators {
        margin-bottom: 5px !important;
    }
    
    .carousel-indicators button {
        width: 8px !important;
        height: 8px !important;
        margin: 0 4px !important;
        border-radius: 50% !important;
    }
}

@media (min-width: 769px) {
    .header, .navbar.fixed-top {
        position: fixed !important;
        top: 0 !important;
    }
    
    body {
        padding-top: 80px !important;
    }
    
    .carousel, .carousel-inner, .carousel-item {
        height: 400px !important;
    }
    
    .carousel-item img {
        height: 400px !important;
    }
    
    /* CAPTION DESKTOP NORMALE */
    .carousel-caption {
        bottom: 20% !important;
        top: auto !important;
    }
}