/* ============================================
   Soubor: banners.css
   Popis: Bannery na homepage – luxusní bloky, obrázky a text
   Datum: červenec 2025
   Autor: Petr Tlamka (Decorhand)
============================================ */

/* 🟨 Obecné nastavení banneru */
.luxusni-banner {
  margin-bottom: 30px;
  text-align: center;
}

.luxusni-banner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* 🟩 Desktop rozložení boxů */
.luxusni-box-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
/* Obrácené pořadí pro varianty .reverse – desktop */
.luxusni-box.reverse .luxusni-box-inner {
  flex-direction: row-reverse;
}

/* Mobilní zobrazení – vždy obrázek nahoře */
@media (max-width: 768px) {
  .luxusni-box.reverse .luxusni-box-inner {
    flex-direction: column !important;
  }
}


/* 🟥 Mobilní zobrazení – vždy obrázek nahoře */
@media (max-width: 768px) {
  .luxusni-box-inner {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 20px !important;
  }

  .luxusni-box-img,
  .luxusni-box-text {
    width: 100% !important;
    padding: 10px 20px !important;
  }

  .luxusni-box-img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }
}

/* ✅ Zrušíme nežádoucí odsazení odspodu */
.pouze-na-homepage {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ✅ Každé sekci v rámci homepage dáme jasný spodek */
.pouze-na-homepage section {
  margin-bottom: 40px !important;
}

/* ✅ Video a boxy pevně nad patičku */
.vlozene-video-blok,
.vlozeny-nadpis-mezi-bannery,
.vlozeny-popis-pod-videem,
.luxusni-box {
  display: block;
  position: relative;
  z-index: 2;
}

/* ✅ Footer ponecháme bez pozice */
#footer, footer, .footer {
  position: static !important;
  margin-top: 0 !important;
}
/* === ULTIMÁTNÍ BORDER RESET PRO SHOPTET BANNERY === */

.next-to-carousel-banners,
.next-to-carousel-banners *,
.banner-wrapper,
.banner-wrapper *,
.banner-wrapper + .banner-wrapper,
.next-to-carousel-banners .banner-wrapper::before,
.next-to-carousel-banners .banner-wrapper::after {
    border: none !important;
    box-shadow: none !important;
}
/* === DECENTNÍ JEMNÁ ZLATÁ LINKA === */
.next-to-carousel-banners .banner-wrapper {
    border: 0.5px solid #daba5b !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}