/* ====== SLIDESHOW FELIRAT – SÖTÉT (B opció) ====== */

/* Felirat blokk lejjebb */
.banner-items-content{
  transform: translateY(80px) !important;
}

/* Sötét áttetsző doboz a szöveg mögé */
.banner-items-container{
  background: rgba(0,0,0,0.45) !important; /* erősebb: 0.65, gyengébb: 0.45 */
  padding: 26px 32px !important;
  border-radius: 10px !important;
  backdrop-filter: blur(2px);
}

/* Cím – fehér */
.banner-items-title{
  color: #FFFFFF !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.35) !important;
}

/* Alcím – enyhén törtfehér */
.banner-items-subtitle{
  color: #EDEDED !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.35) !important;
}

/* =========================
   MOBIL – ALSÓ FELIRAT (B)
   ========================= */

/* Alap mobil: ne legyen semmilyen korábbi transform/top örökség */
@media (max-width: 768px){
  .banner-items-content{
    transform: none !important;
    top: auto !important;
  }

  /* HERO alatti tér csökkentése */
  .banner-items{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
}

/* ÁLLÓ MOBIL (PORTRAIT): felirat alul, kompakt doboz */
@media (max-width: 768px) and (orientation: portrait){
  .banner-items-content{
    bottom: 6% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 10px !important;
  }

  .banner-items-container{
    width: 92% !important;
    margin: 0 auto !important;
    padding: 14px 14px !important;
    background: rgba(0,0,0,0.55) !important;
    border-radius: 12px !important;
  }

  .banner-items-title{
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  .banner-items-subtitle{
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin-top: 6px !important;
  }

  .banner-items-button .btn{
    font-size: 13px !important;
    padding: 10px 14px !important;
    margin-top: 8px !important;
  }
}

/* FEKVŐ (LANDSCAPE): pöttyök ki, alacsonyabb doboz */
@media (max-width: 992px) and (orientation: landscape){
  .owl-dots, .banner-dots, .slider-dots{ display: none !important; }

  .banner-items-content{
    bottom: 8% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 10px !important;
  }

  .banner-items-container{
    width: 92% !important;
    margin: 0 auto !important;
    padding: 10px 14px !important;
    background: rgba(0,0,0,0.55) !important;
    border-radius: 12px !important;
  }

  .banner-items-title{ font-size: 20px !important; }
  .banner-items-subtitle{ font-size: 12px !important; }
}