/* FOLD2026 Promóció átalakítás eleje - az aktuális promóció kuponkódját a forrásban mindenhol search&replace-elni kell! */
/* Használat: A kategória oldalakat 'main-content', a termékoldalakat 'main-content' CSS class-al célozzuk */
/* A CSS-ben explicit módon deklarálva vannak ID szerint azok a termékek, amik kizárásra kerülnek (éves szűrő szettek) */

/* ----------------------------------------------------------------------------*/
/* ----- FOLD2026 PROMÓCIÓ MINDEN OLDALON, TERMÉKEK ID ALAPÚ KIZÁRÁSÁVAL ----- */
/* ----------------------------------------------------------------------------*/



/* ------------------------- ANIMÁCIÓK ------------------------- */

/* Pulzáló animációk a kupon felhíváshoz - egy enyhébb és egy erősebb*/
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
@keyframes pulseOnProductPage {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Animáció a vonal kirajzolásához és pulzálásához */
@keyframes strikethroughPulse {
  /* Fázis 1: Vonal kirajzolása */
  0% {
    transform: translateY(-50%) scaleX(0); /* Kezdetben nulla szélesség és középre igazítva */
    opacity: 0; /* Kezdetben láthatatlan */
  }
  10% {
    margin-left: -100px;
    transform: translateY(-50%) scaleX(0.0); /* A vonal gyorsan kirajzolódik és középre igazítva */
    opacity: 0; /* Láthatóvá válik */
  }
  10% {
    margin-left: 0px;
    transform: translateY(-50%) scaleX(0.0); /* Rövid szünet a kirajzolás után */
    opacity: 0;
  }

/* Fázis 2: Pulzálás szinkronban a kupon szövegével */
  80% {
    transform: translateY(-50%) scaleX(0.9); /* Pulzálás kifelé (hosszabb lesz a vonal) */
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) scaleX(0.9); /* Pulzálás visszafelé */
    opacity: 1;
  }
}

/***** KUPON SÁV *****/
.coupon-bar { background-color: #c5001a; } /* Sötétebb Piros */

/***** KOSÁR *****/
.___main-content .cart-popup__box, .main-content .cart-popup__product-item { background-color: #005C4B; /* Élénk Smaragd (Popup, Lábléc) */ } /* kosárba raktad popup */
.main-content span.header-quantity-box, .main-content span.header-quantity-box { background-color: #D6001C !important; /* Télapó Piros */ margin-left: -10px; } /* kosárba rakott mennyiség */

/***** KOSÁR eltüntetése mobilon *****/
@media (max-width: 767px) {
	.main-content .header-navbar-search { display: none; }
}

/***** KATEGÓRIA OLDAL *****/
.main-content .breadcrumb { display:none; }
.main-content .page-head { display:none; }
.main-content .column-left { display:none; }

/* kategória kártya és kosárgomb elemek háttere, keretei */
.main-content img.img-fluid.product-card__image.js-product-card-image.ac-product-card-image { border-radius: 10px; }

/* Figyelemfelhívó szöveg a termékkártyában - csak kupon típusú akciónál kell */
.main-content .product-card__title::after {
  display: block;
  content: "FOLD2026 kuponnal -20%!";
	/*font-family: sans-serif;*/
	font-size: 16px;
	margin-top: 10px;
	padding: 10px;
  background-color: #D6001C; /* Télapó Piros (Élénk, tiszta piros) */
  border-radius: 10px;
  color:#FFF;
  white-space: pre;
  text-align: center;
  animation: pulse 2s infinite;
}
@media (max-width: 767px) {
.main-content .product-card__title::after { content: "FOLD2026 \A kuponnal \A -20%!" !important; }  
}

/***** ÁR A KATEGÓRIA OLDALON *****/
/* normál ár CSS class: .product-price--regular */
/* akciós ár CSS class: .product-price--special */

/* csak normál árkedvezmény beállításakor kell az árat (price--special) nagyítani */
.main-content .snapshot-price--regular, .main-content .snapshot-price--special {
    font-weight: 700;
    font-size: 2rem !important;
    /* color: #ffffff !important; */
    flex-grow: 1;
}
@media (max-width: 767px) {
.main-content .snapshot-price--regular, .main-content .snapshot-price--special {
    font-weight: 700; font-size: 1.5rem !important;
  }
}

/* Animált áthúzás az eredeti áron, ami pulzál */
.main-content .snapshot-price--regular {
  position: relative; /* Szükséges a ::before pseudo-elem pozicionálásához */
}
.main-content .snapshot-price--regular::before {
  content: ''; /* Szükséges a pseudo-elem megjelenéséhez */
  position: absolute;
  left: 0;
  right: 50%; /* A vonal teljes szélességben megjelenik */
  top: 50%; /* Középre igazítás a szöveg magasságában */
  height: 5px; /* Az áthúzás vastagsága */
  /* background-color: currentColor; /* Az elem szövegszínét veszi fel */
  background-color: #D6001C; /* Télapó Piros (Élénk, tiszta piros) */
  transform-origin: left; /* Balról indul az animáció */
  animation: strikethroughPulse 1s infinite; /* Animáció indítása: kirajzolás és pulzálás */
}
@media (max-width: 767px) {
  .main-content .snapshot-price--regular::before {
  right: 10%; /* A vonal az ár teljes szélességében megjelenik */
  }
}

/* termékkártya oldalakról felesleges információk eltüntetése */
.main-content .product-card__wishlist { display:none; }
.main-content .product-card__sku { display:none; }
.main-content .product-card__stock { display:none; }
.main-content .sortbar.sortbar-top { display:none !important; } 

/* hover effekt */
.main-content div.card.product-card.mobile-simple-view:hover {
  transform: scale(1.03);
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  transition: all 0.3s ease-in-out;
}

/* hover effekt pluszban a képre */
.main-content img.img-fluid.product-card__image.js-product-card-image.ac-product-card-image:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  z-index: 20;
}

/* kategória oldal termékkártya kép sarkának lekerekítése */
.main-content img.img-fluid.product-card__image.js-product-card-image.ac-product-card-image {
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}

/* .main-content .footer-container *, .main-content .nanobar { background-color: #005C4B; } */ /* Élénk Smaragd (Popup, Lábléc) */ /* lábléc és "Ha még X Ft értékben vásárolsz" sáv */
.main-content .js-nanobar-close * { background-color: #E6A700 !important;} /* Ünnepi Arany (Kék helyett, a nanobar gombhoz) */ /* a nanobar bezárás gombja */





/***** TERMÉK OLDAL *****/
.___FOLD2026 .breadcrumb { display:none; }
.main-content .page-head { display:none; }


/***** ÁR A TERMÉKOLDALON *****/

/* normál ár CSS class: .product-price--regular */
/* akciós ár CSS class: .product-price--special */

/* Animált áthúzás az eredeti áron, ami pulzál */
.main-content .product-price--regular {
  position: relative; /* Szükséges a ::before pseudo-elem pozicionálásához */
}
/* !!! product-price--regular helyett .product-price.product-price--regular, különben a collateral elemben, ami a kapcsolódó termékek is megjelenik !!! */
.main-content .product-price.product-price--regular::before {  
  content: ''; /* Szükséges a pseudo-elem megjelenéséhez */
  position: absolute;
  left: 0;
  right: 0; /* A vonal teljes szélességben megjelenik */
  top: 13%; /* Középre igazítás a szöveg magasságában */
  height: 3px; /* Az áthúzás vastagsága */
  /* background-color: currentColor; /* Az elem szövegszínét veszi fel */
  background-color: #D6001C; /* Télapó Piros (Élénk, tiszta piros) */
  transform-origin: left; /* Balról indul az animáció */
  animation: strikethroughPulse 1s infinite; /* Animáció indítása: kirajzolás és pulzálás */
}

/* !!! product-price--regular helyett .product-price.product-price--regular, különben a collateral elemben, ami a kapcsolódó termékek is megjelenik !!! */
.main-content .product-price.product-price--regular::after {
  display: block;
  content: "FOLD2026 \A kuponnal \A -20%!"; /* a termékoldalon 3 sorba törjük a szöveget */
  /*font-family: sans-serif;*/
  font-size: 20px;
  padding: 10px;
  background-color: #FFF;
  /* color:#004D40; /* Telített Fenyőzöld (Szövegszín sötét elemeken) */
  color: #D6001C; /* Télapó Piros (Élénk, tiszta piros) */;
  white-space: pre;
  border-radius: 10px;
  animation: pulseOnProductPage 2s infinite;
  text-decoration: none; /* Megakadályozza, hogy a kupon szövege is áthúzódjon */
}

/* KIZÁRÁSOK - Szűrőbetét visszaküldés és éves szűrő szettek kizárása a promócióból */
/* Kategória oldalon és ajánlott termékeknél (ahol linkként szerepel a kártya) */
.product-card:has(input[name="product_id"][value="3028"]) .product-card__title::after, .product-card:has([data-product-id="3028"]) .product-card__title::after, .product-card__title:has([data-product-id="3028"])::after,
.product-card:has(input[name="product_id"][value="2905"]) .product-card__title::after, .product-card:has([data-product-id="2905"]) .product-card__title::after, .product-card__title:has([data-product-id="2905"])::after,
.product-card:has(input[name="product_id"][value="1856"]) .product-card__title::after, .product-card:has([data-product-id="1856"]) .product-card__title::after, .product-card__title:has([data-product-id="1856"])::after,
.product-card:has(input[name="product_id"][value="2045"]) .product-card__title::after, .product-card:has([data-product-id="2045"]) .product-card__title::after, .product-card__title:has([data-product-id="2045"])::after,
.product-card:has(input[name="product_id"][value="2307"]) .product-card__title::after, .product-card:has([data-product-id="2307"]) .product-card__title::after, .product-card__title:has([data-product-id="2307"])::after,
.product-card:has(input[name="product_id"][value="2357"]) .product-card__title::after, .product-card:has([data-product-id="2357"]) .product-card__title::after, .product-card__title:has([data-product-id="2357"])::after,
.product-card:has(input[name="product_id"][value="2581"]) .product-card__title::after, .product-card:has([data-product-id="2581"]) .product-card__title::after, .product-card__title:has([data-product-id="2581"])::after,
.product-card:has(input[name="product_id"][value="3028"]) .snapshot-price--regular::before, .product-card:has([data-product-id="3028"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="2905"]) .snapshot-price--regular::before, .product-card:has([data-product-id="2905"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="1856"]) .snapshot-price--regular::before, .product-card:has([data-product-id="1856"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="2045"]) .snapshot-price--regular::before, .product-card:has([data-product-id="2045"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="2307"]) .snapshot-price--regular::before, .product-card:has([data-product-id="2307"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="2357"]) .snapshot-price--regular::before, .product-card:has([data-product-id="2357"]) .snapshot-price--regular::before,
.product-card:has(input[name="product_id"][value="2581"]) .snapshot-price--regular::before, .product-card:has([data-product-id="2581"]) .snapshot-price--regular::before {
    content: none !important;
    display: none !important;
    animation: none !important;
}

/* Termékoldali kizárások javítása: ID alapján (input value) */
body:has(input[name="product_id"][value="3028"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="3028"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="2905"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="2905"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="1856"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="1856"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="2045"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="2045"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="2581"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="2581"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="2307"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="2307"]) .product-price.product-price--regular::after,
body:has(input[name="product_id"][value="2357"]) .product-price.product-price--regular::before, body:has(input[name="product_id"][value="2357"]) .product-price.product-price--regular::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}


/* ******************** MOBILE ******************** */

@media (max-width: 0.767px) { /* A 0. prefixxel 1px alatti mérettel inaktiváljuk a blokkot */

	a, .snapshot-price--regular { zoom: 75%; } /* kategória oldal szövegméretének csökkentése */
	#js-mobile-nav a { zoom: 1; } /* mobilmenü elemeinek eredeti méretben tartása */

	.category-description {margin: 0px !important} /* banner feletti hely összehúzása */
	.category-description img { border-radius: 20px; /* banner lekerekítése */ }
	.product-list {margin: 0px !important} /* terméklista feletti hely összehúzása  */

	/* Termékkártyák */
	section.col-lg-9.col-sm-12.col-xs-12.column-right { border: 0px;	padding: 5px; } /* kategória oldal termékkártyák blokk háttere */
	div.card.product-card.mobile-simple-view { border: 0px; padding: 10px; } /* kategória oldal termékkártyák háttere */
	.product-snapshot-vertical { display: flex; flex-wrap: wrap; row-gap: 0; } /* sorok közötti távolság */
	.product-snapshot { padding:5px; } /* kártyák közötti vízszintes távolság */

	/* hover effekt (értékek igazítása mobil nézethez) */
	div.card.product-card.mobile-simple-view:hover { transform: scale(1.06); }
	/* hover effekt pluszban a képre (értékek igazítása mobil nézethez) */
	img.img-fluid.product-card__image.js-product-card-image.ac-product-card-image:hover { transform: scale(1.10); }
	
	/* Animált áthúzás az eredeti áron, ami pulzál (értékek igazítása mobil nézethez) */
	.snapshot-price--regular::before { right: 20%; /* crop mértéke jobbról */ top: 14%; /* Középre igazítás a szöveg magasságában */ }

	/* ----- TERMÉK OLDAL ----- */

	/* Animált áthúzás az eredeti áron (értékek igazítása mobil nézethez) */
	.product-price.product-price--regular::before {
		right: 52%;
		top: 20% !important; /* Középre igazítás a szöveg magasságában */
	}
  
}


/* FOLD2026 Promóció átalakítás vége */