/* betűtípus */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
    font-family: 'Poppins', sans-serif !important;
}

#category-nav ul.category-menu li.nav-item a.nav-link {
    font-size: 120% !important;
}

/* menü középre */
@media (min-width: 992px) {
  .header-middle-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
}

/* logó szöveg eltüntetése */
.navbar-brand.header-logo {
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  width: 0;
  height: 0;
}
/* logó stílus */
.custom-logo {
  margin-right: 20px; /* távolság a menütől */
  display: flex;
  align-items: center;
}

.custom-logo img {
  height: 75px;
  width: auto;
}


/* mobil ikonok */
a.nav-link.menu-icon-added img {
    width: 24px;
    height: 24px;
}

@media (max-width: 768px) {
    a.nav-link.menu-icon-added img {
        width: 16px;
        height: 16px;
    }
}

/* lenyíló menü szélessége */
ul.nav.flex-column.children {
    min-width: 210px !important;
}

/* lenyíló menü háttér */
ul.nav.flex-column.children .nav-link {
    display: block;         
    width: 100%;            
    box-sizing: border-box;
}

/* Eltávolítjuk a sablon zavaró ::after aláhúzását */
#category-nav .nav-item .nav-link::after {
  content: none !important;
}

/* Menü link alapstílus */
#category-nav .nav-item .nav-link {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 10px 15px;
  color: #333;
  transition: color 0.3s ease;
  overflow: hidden;
}


/* Színátmenetes háttér hover-re */
#category-nav .nav-item .nav-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #02a2cf 0%, #4cd0ed 80%, #ffffff 100%);
  z-index: -1;
  transform: scaleY(0);              
  transform-origin: bottom;         
  transition: transform 0.4s ease;
}

/* Hover-re aktiválódik a háttér */
#category-nav .nav-item .nav-link:hover::before {
  transform: scaleY(1);
}

/* Szöveg színe hover-re */
#category-nav .nav-item .nav-link:hover {
  color: white !important;
}

/* Teljes banner slider blokk max magasság */
@media (min-width: 992px) {
  #section-banner_slider .slider-container {
    aspect-ratio: 5 / 2;
    max-height: 800px;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
  }

  #section-banner_slider .banner-items {
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px; /* pöttyöknek hely desktopon */
  }

  #section-banner_slider .banner-item-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
}
#section-banner_slider .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
@media (max-width: 991px) {
  #section-banner_slider .banner-items {
    padding-bottom: 20px;
  }
}

/* Banner szöveg */
.banner-items-subtitle.h5 {
    margin-bottom: 0;
}
.banner-items-title {
    margin-top: 0;
}
/* Banner 1 */
.banner-item-slide:nth-of-type(1) .banner-items-title {
    background-color: rgba(32, 32, 32, 0.50) !important;
}

/* Banner 2 */
.banner-item-slide:nth-of-type(2) .banner-items-title {
    background-color: rgba(0, 75, 180, 0.50) !important;
}

/* Banner 3 */
.banner-item-slide:nth-of-type(3) .banner-items-title {
    background-color: rgba(240, 221, 206, 0.50) !important;
}
/* Egér pötty */
  .mouse-flash {
    position: fixed;
    width: 40px;
    height: 40px;
    background: radial-gradient(circle, rgba(200,240,250,0.5) 0%, rgba(255,255,255,0) 60%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.4s ease-out;
  }

  #toggleTrail {
    position: fixed;
    bottom: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    z-index: 10000;
    cursor: pointer;
  }

  @media (pointer: coarse), (max-width: 768px) {
    .mouse-flash, #toggleTrail {
      display: none !important;
    }
  }

/* teljes szélesség a főoldalon */
.home-body main > .container {
  width: 99% !important;
  max-width: unset !important;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Termékváltozat képek elrejtése */
.snapshot-attribute-image {
    display: none !important;
}

.variant-label {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    color: #000;
    font-size: 14px;
}

/* kategória kártya keret */
.category-card {
    border: none !important;
}

/* kategória kártya méret */
#categoryoffer {
  width: 50%;
  margin: 0 auto; 
}
@media (min-width: 768px) {
 #categoryoffer {
    width: 50%;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .categoryoffer-row {
    display: flex;
    flex-wrap: wrap;
  }
  .categoryoffer-col {
    width: 14.2857%; /* 100 / 7 */
    max-width: 14.2857%;
    flex: 0 0 14.2857%;
    box-sizing: border-box;
  }
}
.card-body {
    flex: 1 1 auto;
    padding: 5px 0 0 0 !important
}
.category-snapshot-name-link {
  display: block;
  width: 100%;
  white-space: normal;        /* engedjük a sortörést */
  word-wrap: break-word;      /* hosszú szavaknál is törjön */
  text-align: center;
  font-size: clamp(12px, 1.2vw, 14px);  /* reszponzív betűméret */
  line-height: 1.3;
  margin: 0 auto;
}

/* modulok margin-ja */
.module-body {
    margin-top: 20px !important;
}
#latest {
    margin-bottom: 30px !important;
}

#customcontent6 {
    margin-bottom: 0 !important;
}
@media (max-width: 768px) {
    #module_customcontent6_wrapper {
        max-height: 240px !important;
        overflow: hidden;
    }
}
/* mobilon a logo */
.responsive-logo {
    width: 400px;
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .responsive-logo {
        width: 300px !important;
    }
}
/* mobilon tablazat */
@media (max-width: 768px) {
    table[style*="width:500px"] {
        width: 100% !important;
        display: block;
        overflow-x: auto;
        box-sizing: border-box;
    }
}

/* Bestseller modul teljes háttér (modul + wrapper) */
#module_bestseller_wrapper,
#bestseller {
    background-color: #202020 !important; /* Sötétszürke háttér */
    color: #fff; /* Világos szöveg, ha nem címsor */
}

/* Modul címsor (h3) – világos betűszín */
#bestseller .module-head-title {
    color: #fff !important;
}

/* (opcionális) Modul tartalom világos betűszín */
#bestseller .module-body {
    color: #eee;
}
/* Bestseller modulban a termékkártyák háttérszínének sötétítése */
#bestseller .card {
    background-color: #202020 !important;
    color: #fff !important;
}

/* A kártyán belüli cím, ár, stb. legyen világos */
#bestseller .product-card-title a,
#bestseller .product-price,
#bestseller .btn,
#bestseller .product-card-wishlist,
#bestseller .btn-details {
    color: #fff !important;
}

/* Gombok kerete és ikonok is világosak legyenek */
#bestseller .btn-outline-primary {
    border-color: #fff !important;
}

/* Kívánságlista ikon */
#bestseller .product-card-wishlist svg {
    fill: #fff !important;
}
#bestseller .product-card-wishlist .ml-1 {
    color: #fff !important;
}
#bestseller .product-card-wishlist .ml-1:hover {
    color: #f5f5f5 !important;
}
#bestseller .module-body {
    display: flex;
    justify-content: center; /* középre igazítás */
}

#bestseller .aurora-scroll {
    width: 90% !important;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}
/* Kategória kép */
@media (min-width: 768px) {
  .col-subcategory-item {
    max-width: 10%;
    flex: 0 0 10%;
  }
	}

.footer-top-1-position .module {
        margin-bottom: 0 !important;
    }
.footer-rows {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 576px) {
    footer.d-print-none {
    padding-top: 1rem;
   }
}
/* zoom */
.easyzoom img {
  display: block;
  max-width: 100%;
  height: auto;
}

.easyzoom {
  cursor: zoom-in;
}