/* MOBILE FIX DEFINITIVO - BASATO SU ANALISI VISIVA REALE */

/* 1. RESET ALTEZZE BANNER */
@media screen and (max-width: 991px) {
  /* Fix per video hero nella pagina Chi Siamo su mobile */
  .banner {
    min-height: 60vh !important;
    height: 60vh !important;
  }
  
  .banner .video-wrapper {
    height: 60vh !important;
    min-height: 400px !important;
  }
  /* Container interno - no overlay assoluto */
  .bananas-banner .lqd-bnr-bnns-inner {
    position: relative !important;
    display: block !important;
  }
  
  /* Prima sezione vuota - nascondila */
  .bananas-banner .lqd-bnr-bnns-h-wrap-first {
    display: none !important;
  }
  
  /* Container video media */
  .bananas-banner .fullwidth.absolute {
    position: relative !important;
    height: 60vh !important;
    min-height: 400px !important;
  }
  
  /* Media container - no sticky */
  .bananas-banner .lqd-bnr-bnns-media {
    position: relative !important;
    height: 100% !important;
  }
  
  /* Banner container deve contenere il video */
  .bananas-banner .lqd-bnr-bnns {
    position: relative !important;
    height: 60vh !important;
    min-height: 400px !important;
  }
  
  /* Testo hero - posizione normale */
  .bananas-banner .lqd-bnr-bnns-h-wrap-last {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 50px 20px !important;
    background: rgba(0,0,0,0.5) !important;
  }
  
  /* Fix font sizes */
  .bananas-banner .text-120 {
    font-size: 40px !important;
    line-height: 1.1 !important;
  }
  
  .bananas-banner .text-60 {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  
  /* Remove all transforms */
  .bananas-banner [data-parallax="true"] {
    transform: none !important;
  }
}

/* 2. FIX HEADER MOBILE */
@media screen and (max-width: 991px) {
  /* Mostra header mobile */
  .lqd-mobile-sec {
    display: flex !important;
  }
  
  /* Nascondi elementi desktop */
  .lqd-stickybar-wrap,
  .lqd-head-sec-wrap {
    display: none !important;
  }
}

/* 3. FIX ABOUT SECTION */
@media screen and (max-width: 991px) {
  .about.pt-200 {
    padding-top: 60px !important;
  }
  
  /* Reset colonne */
  .offset-md-1 {
    margin-left: 0 !important;
  }
}

/* 4. CURSORE CUSTOM - NASCONDI SU MOBILE */
@media screen and (max-width: 991px) {
  .lqd-cc,
  .lqd-cc--el,
  .lqd-cc--inner,
  .lqd-cc--outer {
    display: none !important;
  }
}

/* 5. NASCONDI SOLO LA SEZIONE VSLIDER CON TITOLI VERTICALI */
@media screen and (max-width: 991px) {
  /* Nascondi SOLO il vslider con i titoli verticali */
  .lqd-vslider,
  .lqd-vslider-wrap,
  .lqd-vslider-scrn {
    display: none !important;
  }
  
  /* Nascondi anche la sezione titolo "I nostri servizi" su mobile */
  .text-box-single + .icon-box-text {
    display: none !important;
  }
  
  /* Nascondi il titolo servizi stesso */
  #lqd-contents-wrap > .text-box-single:first-child {
    display: none !important;
  }
}

/* 6. CENTRA 60 ANNI E RIMUOVI SPAZI */
@media screen and (max-width: 991px) {
  /* Centra il counter 60 anni */
  .lqd-counter {
    text-align: center !important;
    margin: 0 auto !important;
  }
  
  /* Centra il testo "Anni di eccellenza" */
  .lqd-counter + .ld-fh-element {
    text-align: center !important;
  }
  
  /* Centra TUTTI gli elementi del counter */
  .lqd-counter-element {
    text-align: center !important;
  }
  
  /* Centra specificamente "Anni di eccellenza" */
  .lqd-counter-element + p,
  .lqd-counter-element + .ld-fh-element p {
    text-align: center !important;
    width: 100% !important;
  }
  
  /* Forza centratura per TUTTI i paragrafi dopo il counter */
  .lqd-counter-element ~ p {
    text-align: center !important;
  }
  
  /* Centra il contenitore padre del testo */
  .lqd-counter-element + * {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
  
  /* SOLO per "Anni di eccellenza" - SUPER SPECIFICO */
  .w-100percent > p:last-child {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
  }
  
  /* Se non funziona, prova con questo */
  p.mb-0.text-32.leading-1\/2em.font-medium {
    text-align: center !important;
  }
  
  /* Selettore ANCORA PIU' SPECIFICO per il testo */
  p:contains("Anni di eccellenza"),
  p.mb-0.text-32 {
    text-align: center !important;
    display: block !important;
  }
  
  /* Fix per il contenitore che contiene "Anni di eccellenza" */
  .w-100percent {
    text-align: center !important;
  }
  
  /* FORZA la centratura sul paragrafo con le classi esatte */
  .about .w-100percent > p.mb-0 {
    text-align: center !important;
  }
  
  /* Riduci padding della sezione about */
  .about .pt-150 {
    padding-top: 60px !important;
  }
  
  /* Riduci padding bottom generale */
  .about {
    padding-bottom: 40px !important;
  }
  
  /* Sistema il contenitore del counter */
  .about .w-100percent {
    width: 100% !important;
    text-align: center !important;
  }
  
  /* RIMUOVI SPAZIO BIANCO SOTTO 60 ANNI */
  .pt-100,
  .pt-200,
  .pb-100,
  .pb-200 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Rimuovi padding top dalla sezione expertise */
  .expertise {
    padding-top: 0 !important;
  }
  
  /* Riduci padding da py-60 */
  .py-60 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  
  /* Fix per video hero nella pagina Chi Siamo su mobile */
  .banner {
    min-height: 60vh !important;
    height: 60vh !important;
  }
  
  .banner .video-wrapper {
    height: 60vh !important;
    min-height: 400px !important;
  }
  
  /* Testo hero mobile nella pagina Chi Siamo */
  .hero-text-mobile h1 {
    font-size: 60px !important;
    line-height: 1.1 !important;
    color: white !important;
    margin-bottom: 20px !important;
  }
  
  .hero-text-mobile p {
    font-size: 24px !important;
    line-height: 1.3 !important;
    color: white !important;
  }
  
  /* Container video responsive */
  @media (max-aspect-ratio: 16/9) {
    .banner .video-wrapper iframe {
      height: 300% !important;
      top: -100% !important;
    }
  }
  
  @media (min-aspect-ratio: 16/9) {
    .banner .video-wrapper iframe {
      width: 300% !important;
      left: -100% !important;
    }
  }
}