/* ===========================
   EGYSÉGES BETŰTÍPUS - Poppins
   Shoprenter teljes oldal
   =========================== */

/* Alapértelmezett font minden elemre */
body, body * {
    font-family: 'Poppins', sans-serif !important;
}

/* Menük, navigáció, főmenü */
.navbar, .main-menu, .topbar, .navbar a, .main-menu a {
    font-family: 'Poppins', sans-serif !important;
}

/* Termékek és kategóriák */
.product-name, .product-box, .product-card, .product-price, .price, .discounted-price {
    font-family: 'Poppins', sans-serif !important;
}

/* Gombok */
button, input[type="submit"], .btn, .cart-btn, .product-btn {
    font-family: 'Poppins', sans-serif !important;
}

/* Űrlapok és input mezők */
input, select, textarea {
    font-family: 'Poppins', sans-serif !important;
}

/* Placeholder-ek */
input::placeholder, textarea::placeholder {
    font-family: 'Poppins', sans-serif !important;
    color: #999; /* szín opcionális */
    opacity: 1;
}

/* Böngészőkompatibilitás placeholder-hez */
input::-webkit-input-placeholder { font-family: 'Poppins', sans-serif !important; }
input:-ms-input-placeholder { font-family: 'Poppins', sans-serif !important; }
input::-ms-input-placeholder { font-family: 'Poppins', sans-serif !important; }
textarea::-webkit-input-placeholder { font-family: 'Poppins', sans-serif !important; }
textarea:-ms-input-placeholder { font-family: 'Poppins', sans-serif !important; }
textarea::-ms-input-placeholder { font-family: 'Poppins', sans-serif !important; }

/* Lábléc */
.footer, .footer a, .footer p, .footer span {
    font-family: 'Poppins', sans-serif !important;
}

/* Banner és hős szekció */
.banner, .hero, .cta, .banner h1, .banner h2, .cta h1, .cta h2 {
    font-family: 'Poppins', sans-serif !important;
}

/* Kártyák és dobozok */
.subcategory__card, .product-card, .product-box {
    font-family: 'Poppins', sans-serif !important;
}

/* Checkout és kosár */
.cart-summary, .checkout-box {
    font-family: 'Poppins', sans-serif !important;
}

/* Tipográfia finomítás */
h1, h2, h3, h4, h5, h6, p, span, li, a {
    font-family: 'Poppins', sans-serif !important;
}

/* Reszponzív fix, ha valahol eltérne */
@media (max-width: 768px) {
    body, body * {
        font-family: 'Poppins', sans-serif !important;
    }
}


h1 {
	font-size: 1.5rem;
	color: #f57db3;
}

h3 {
	font-size: 1.5rem;
	color: #f57db3;
}


/* menüsor */

.header-top a {
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 30px;
}

/* Kupon fejléc felirata */
.coupon-text {
	font-size: 0.9rem;
}

/* Telefonszám hivatkozás */
.header-middle__phone {
	font-size: 0.9rem;
	font-weight: bold;
	color: #e63585;
}

/* Menükockák betűszíne */
.mosaic-item__link {
	color: #f57db3;
	font-family: Poppins,sans-serif;
}

/* Oldal szélessége 100% */
.col-lg-9 {
width: 100%;
}	

/* Alapértelmezett stílusok (mobil first) */
.header-top a {
  font-size: 0.8rem;
}

.headermenu-list .dropdown-hover-menu a {
  font-size: 0.8rem;
}

/* Dropdown menüpontok szövegformázás eltávolítása */
.headermenu-list .dropdown-item a {
  text-decoration: none;
}

/* Dropdown menüpontok szövegformázás eltávolítása */
.headermenu-list .dropdown-item a {
  text-decoration: none;
}

/* Header-top hover és active színek */
.header-top a:hover,
.header-top a:focus,
.header-top a:active,
.header-top .nav-link:hover,
.header-top .nav-link:focus,
.header-top .nav-link:active {
  color: #f67da2;
}

/* Header-top dropdown menük hover és active */
.headermenu-list .dropdown-hover-menu a:hover,
.headermenu-list .dropdown-hover-menu a:focus,
.headermenu-list .dropdown-hover-menu a:active,
.headermenu-list .dropdown-item a:hover,
.headermenu-list .dropdown-item a:focus,
.headermenu-list .dropdown-item a:active {
  color: #f67da2;
}

/* Category nav hover és active színek */
.category-menu a:hover,
.category-menu a:focus,
.category-menu a:active,
.category-menu .nav-link:hover,
.category-menu .nav-link:focus,
.category-menu .nav-link:active,
.category-menu li:hover > a,
.category-menu li:hover > .nav-link,
.category-menu .js-sf-hover > a,
.category-menu .js-sf-hover > .nav-link {
  color: #f67da2 !important;
}

/* Category nav almenük (children) hover és active */
.category-menu .children a:hover,
.category-menu .children a:focus,
.category-menu .children a:active,
.category-menu .children .nav-link:hover,
.category-menu .children .nav-link:focus,
.category-menu .children .nav-link:active {
  color: #f67da2;
}

/* GYIK */

.faq-item {
border: 1px solid #f57db3;
}

.faq-item:hover {
border: 1px solid #f57db3;
background-color: #f57db3;
color: white;
}

.faq-item.faq-item--expanded {
border: 1px solid #f57db3;
background-color: #f57db3;
color: white;
}

/* Footer */

.footer-middle {
	color: white!important;
}

.footer-middle a {
	font-weight: bold;
	color: white!important;
}

.footer-middle a:hover {
	color: black!Important;
}

.footer-row .module-head-title {
	color: white!important;
}

.subscribe-button .btn-primary {
	background-color: white;
	border: white;
}

.subscribe-button .btn-primary:hover {
  background-color: #000;
  border-color: #000;
}

.form-check-input[type=checkbox] {
	border: 1px solid white;
}

.subscribe-box .form-control {
  border: 1px solid white;
  color: #fff;
  background-color: transparent;
}

/* Placeholder szöveg színe fehér */
.subscribe-box .form-control::placeholder {
  color: #fff;
  opacity: 1; /* hogy tényleg fehér maradjon */
}

/* A kompatibilitás kedvéért a többi böngészőváltozatra is */
.subscribe-box .form-control::-webkit-input-placeholder {
  color: #fff;
}

.subscribe-box .form-control:-ms-input-placeholder {
  color: #fff;
}

.subscribe-box .form-control::-ms-input-placeholder {
  color: #fff;
}

/* Termék kategória oldal */

.subcategory__card {
  background-color: #f57db3;
  color: #fff;
  transition: all 0.3s ease;
  border-radius: 12px;
}

/* Hover állapot */
.subcategory__card:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-4px);
}

.subcategory__card-body {
justify-content: center;
}

.subcategory__link {
color: white;
}


/* Mobile (portrait) - alapértelmezett, 575px-ig */
@media (max-width: 575px) and (orientation: portrait) {
  .header-top a {
    font-size: 0.75rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.75rem;
  }
	
	.header-logo {
		justify-content: center;
	}
	
	  /* Elrejtjük az összes mm-listitem elemet */
  .mm-listview > .mm-listitem {
    display: none !important;
  }
  
  /* Megjelenítjük az informations-mobile-menu-item osztállyal rendelkezőket */
  .mm-listview > .mm-listitem.informations-mobile-menu-item,
  .mm-listview > .mm-listitem.informations-mobile-menu-item-separator {
    display: block !important;
  }
	
	  /* Elrejtjük a separatort */
  .mm-listview > .mm-listitem.informations-mobile-menu-item-separator {
    display: none !important;
  }
	
	  /* Betűméret beállítása az informations-mobile-menu-item linkekhez */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-listitem__text {
    font-size: 1.15rem !important;
  }
	
	/* Menüpontok magassága */
	li.informations-mobile-menu-item.mm-listitem {
		height: 40px;
	}
	
	  /* A jobb oldali nyíl és számláló pozícionálása */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-btn--next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
	
	  /* Belépés és Regisztráció gombok betűmérete */
  .mobile-login-buttons-row a {
    font-size: 1.1rem !important;
	font-weight: bold;
  }
	
}

/* Mobile (landscape) - 575px-ig, fekvő tájolás */
@media (max-width: 575px) and (orientation: landscape) {
  .header-top a {
    font-size: 0.8rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.8rem;
  }
	
	.header-logo {
		justify-content: center;
	}	
	
	  /* Elrejtjük az összes mm-listitem elemet */
  .mm-listview > .mm-listitem {
    display: none !important;
  }
  
  /* Megjelenítjük az informations-mobile-menu-item osztállyal rendelkezőket */
  .mm-listview > .mm-listitem.informations-mobile-menu-item,
  .mm-listview > .mm-listitem.informations-mobile-menu-item-separator {
    display: block !important;
  }
	
	  /* Betűméret beállítása az informations-mobile-menu-item linkekhez */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-listitem__text {
    font-size: 1.15rem !important;
  }
	
		/* Menüpontok magassága */
	li.informations-mobile-menu-item.mm-listitem {
		height: 40px;
	}
	
	  /* A jobb oldali nyíl és számláló pozícionálása */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-btn--next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
	
	  /* Belépés és Regisztráció gombok betűmérete */
  .mobile-login-buttons-row a {
    font-size: 1.1rem !important;
	font-weight: bold;
  }
	
}

/* Tablet (portrait) - 576px és fölött */
@media (min-width: 576px) {
  .header-top a {
    font-size: 0.85rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.85rem;
  }
	
	  /* Elrejtjük az összes mm-listitem elemet */
  .mm-listview > .mm-listitem {
    display: none !important;
  }
  
  /* Megjelenítjük az informations-mobile-menu-item osztállyal rendelkezőket */
  .mm-listview > .mm-listitem.informations-mobile-menu-item,
  .mm-listview > .mm-listitem.informations-mobile-menu-item-separator {
    display: block !important;
  }
	
	  /* Betűméret beállítása az informations-mobile-menu-item linkekhez */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-listitem__text {
    font-size: 1.15rem !important;
  }
	
		/* Menüpontok magassága */
	li.informations-mobile-menu-item.mm-listitem {
		height: 40px;
	}
	
		  /* A jobb oldali nyíl és számláló pozícionálása */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-btn--next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
	
	  /* Belépés és Regisztráció gombok betűmérete */
  .mobile-login-buttons-row a {
    font-size: 1.1rem !important;
	font-weight: bold;
  }
	
}

/* Tablet (landscape) - 768px és fölött */
@media (min-width: 768px) {
  .header-top a {
    font-size: 0.9rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.9rem;
  }
	
	  /* Elrejtjük az összes mm-listitem elemet */
  .mm-listview > .mm-listitem {
    display: none !important;
  }
  
  /* Megjelenítjük az informations-mobile-menu-item osztállyal rendelkezőket */
  .mm-listview > .mm-listitem.informations-mobile-menu-item,
  .mm-listview > .mm-listitem.informations-mobile-menu-item-separator {
    display: block !important;
  }
	
	  /* Betűméret beállítása az informations-mobile-menu-item linkekhez */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-listitem__text {
    font-size: 1.15rem !important;
  }
	
		/* Menüpontok magassága */
	li.informations-mobile-menu-item.mm-listitem {
		height: 40px;
	}
	
		  /* A jobb oldali nyíl és számláló pozícionálása */
  .mm-listview > .mm-listitem.informations-mobile-menu-item .mm-btn--next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
	
	  /* Belépés és Regisztráció gombok betűmérete */
  .mobile-login-buttons-row a {
    font-size: 1.1rem !important;
	font-weight: bold;
  }
	
}

/* Desktop (small) - 992px és fölött */
@media (min-width: 992px) {
  .header-top a {
    font-size: 0.95rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.95rem;
  }
}

/* Desktop (medium) - 1200px és fölött */
@media (min-width: 1200px) {
  .header-top a {
    font-size: 0.95rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.95rem;
  }
	
	 .mm-listview > .mm-listitem {
    display: block;
  }
	
}

/* Desktop (large) - 1400px és fölött */
@media (min-width: 1400px) {
  .header-top a {
    font-size: 0.95rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.95rem;
  }
	
	 .mm-listview > .mm-listitem {
    display: block;
  }
}

/* Extra large desktop - 1920px és fölött */
@media (min-width: 1920px) {
  .header-top a {
    font-size: 0.95rem;
  }
  
  .headermenu-list .dropdown-hover-menu a {
    font-size: 0.95rem;
  }
	
	 .mm-listview > .mm-listitem {
    display: block;
  }
	
}