/* responsive.css - Gestione responsive separata e ottimizzata */

@media (max-width: 991px) {
    /* --- Hero Section Fix --- */
    .hero-section {
      direction: ltr;
      text-align: center;
      padding-top: 100px !important;
      padding-bottom: 100px !important;
    }
  
    .hero-content h1,
    .hero-content p,
    .hero-section .theme-btn,
    .hero-section .col-lg-4 {
      text-align: center !important;
      direction: ltr;
    }
  
    .hero-section .col-lg-4 {
      margin-top: 30px !important;
    }
  
    /* --- Video Play Fix --- */
    .video-part,
    .video-part .video-play,
    .video-part img {
      transform: none !important;
      direction: ltr !important;
    }
  
    .video-play {
      margin: 20px auto 0 !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }
  
    /* --- Mobile Info Bar --- */
    .mobile-info-bar .info-btn {
      font-size: 14px;
      padding: 6px 12px;
      margin: 5px;
      background-color: #d6a354;
      color: white;
      border: none;
      border-radius: 4px;
      transition: background 0.3s ease;
    }
  
    .mobile-info-bar .info-btn:hover {
      background-color: #b58a3f;
    }
  
    .mobile-info-bar .logo img {
      max-width: 80px;
    }
  
    /* --- Modal Styling --- */
    .modal-dialog {
      max-width: 90%;
      margin: auto;
    }
  
    .modal-content {
      font-size: 15px;
    }
  
    .modal {
      z-index: 9999 !important;
      display: none;
    }
  
    .modal.show {
      display: block !important;
    }
  
    /* --- Section Spacing Fix --- */
    .py-250, .pt-120, .pb-130, .pt-90, .pb-100, .pt-40, .pb-40, .pt-60, .pb-60 {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }
  
    /* --- Call-to-action --- */
    .cta-area .section-title,
    .cta-area .theme-btn {
      text-align: center !important;
      display: block;
      margin: 0 auto;
    }
  
    /* --- Header Top Font Size --- */
    .header-top .top-left {
      font-size: 13px;
    }
  }
  
  @media (max-width: 575px) {
    .hero-content h1 {
      font-size: 28px;
    }
  
    .hero-content p {
      font-size: 16px;
    }
  
    .video-play {
      width: 60px !important;
      height: 60px !important;
    }
  
    .video-play i {
      font-size: 24px !important;
    }
  /* Nasconde il logo di sinistra solo su mobile */
@media (max-width: 767.98px) {
    .logo-outer {
      display: none !important;
    }
  }

  @media (max-width: 991px) {
    .navbar-header .mobile-logo {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
    }
  }

  @media (max-width: 767.98px) {
    .about-right-image {
      display: none !important;
    }
  }
  
    .theme-btn {
      font-size: 14px;
      padding: 10px 18px;
    }
  }