/* =========================================================
   EMALIA RYBNIK - MODUŁ PROMOCJI STRONY GŁÓWNEJ 1:1 THEMEVOLTY
   Moduł: EMALIA - Promocje strony głównej / emaliapromocjeglownej
   Wersja: 1.0.14
   Działa dla desktop + mobile
   CSS tylko pomocniczy: struktura i karta produktu pochodzą z product-grid-view2.tpl
   ========================================================= */

.tvcms-emalia-promocje-product {
  position: relative;
  overflow: hidden;
}

.tvcms-emalia-promocje-product .emalia-promocje-product-wrapper {
  width: 100%;
}

.tvcms-emalia-promocje-product .tvproduct-wrapper {
  width: 100%;
}

.tvcms-emalia-promocje-product .tvproduct-hover-btn,
.tvcms-emalia-promocje-product .tvproduct-btn-color,
.tvcms-emalia-promocje-product .tvproduct-image {
  overflow: visible;
}

.tvcms-emalia-promocje-product .emalia-product-flags-main,
.tvcms-emalia-promocje-product .product-flag {
  z-index: 20;
}

.tvcms-emalia-promocje-product .tvfeature-pagination-wrapper {
  z-index: 30;
}

@media (max-width: 767px) {
  .tvcms-emalia-promocje-product .tvcms-next-pre-btn {
    display: flex;
  }
}


/* =========================================================
   EMALIA RYBNIK - SZEROKOŚĆ I CENTROWANIE SLAJDERA OKAZJE
   Moduł: EMALIA - Promocje strony głównej / emaliapromocjeglownej
   Działa dla desktop + tablet + mobile
   ========================================================= */
.tvcms-emalia-promocje-product .tvfeatured-product-wrapper-box.container {
  width: 100%;
  max-width: 1320px;
}

@media (min-width: 1660px) {
  .tvcms-emalia-promocje-product .tvfeatured-product-wrapper-box.container {
    max-width: 1420px;
  }
}

.tvcms-emalia-promocje-product .emalia-promocje-product-content,
.tvcms-emalia-promocje-product .tvall-block-box-shadows,
.tvcms-emalia-promocje-product .emalia-promocje-product,
.tvcms-emalia-promocje-product .emalia-promocje-product-wrapper {
  width: 100%;
}

.tvcms-emalia-promocje-product.emalia-promocje-centered .owl-stage-outer {
  width: 100%;
}

.tvcms-emalia-promocje-product.emalia-promocje-centered .owl-stage {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
}

.tvcms-emalia-promocje-product.emalia-promocje-centered .owl-item {
  float: none !important;
}

.tvcms-emalia-promocje-product.emalia-promocje-centered .emalia-promocje-pagination-wrapper {
  display: none !important;
}

@media (max-width: 767px) {
  .tvcms-emalia-promocje-product .tvfeatured-product-wrapper-box.container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* =========================================================
   EMALIA RYBNIK - FINALNE USTAWIENIE TYTUŁU I STRZAŁEK
   Moduł: EMALIA - Promocje strony głównej / emaliapromocjeglownej
   Działa dla desktop + mobile
   Cel: układ jak w ThemeVolty Nowości/Polecane — tytuł i strzałki w jednej linii
   ========================================================= */
.tvcms-emalia-promocje-product .emalia-promocje-title-wrapper {
  position: relative;
  width: 100%;
  min-height: 54px;
  margin-bottom: 18px;
}

.tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .emalia-promocje-pagination-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  z-index: 35;
}

.tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvcms-next-pre-btn {
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvcmsprev-btn,
.tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvcmsnext-btn {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    margin-bottom: 14px;
    padding: 0 0;
  }

  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvmain-title-wrapper,
  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvmain-title,
  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvmain-title h2,
  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper h2,
  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .main-title {
    text-align: left !important;
    margin-left: 0 !important;
  }

  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvmain-title-wrapper {
    flex: 1 1 auto;
    min-width: 0;
  }

  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .emalia-promocje-pagination-wrapper {
    position: static;
    flex: 0 0 auto;
    transform: none;
    margin-left: 12px !important;
  }

  .tvcms-emalia-promocje-product .emalia-promocje-title-wrapper .tvcms-next-pre-btn {
    display: flex !important;
  }
}