.elementor-1366 .elementor-element.elementor-element-ba774b3{--display:flex;--min-height:324px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.45;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1366 .elementor-element.elementor-element-ba774b3:not(.elementor-motion-effects-element-type-background), .elementor-1366 .elementor-element.elementor-element-ba774b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c779239 );background-image:url("https://new.pwent.eu/wp-content/uploads/2026/03/ChatGPT-Image-2026.-maj.-1.-12_40_16.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1366 .elementor-element.elementor-element-ba774b3::before, .elementor-1366 .elementor-element.elementor-element-ba774b3 > .elementor-background-video-container::before, .elementor-1366 .elementor-element.elementor-element-ba774b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1366 .elementor-element.elementor-element-ba774b3 > .elementor-background-slideshow::before, .elementor-1366 .elementor-element.elementor-element-ba774b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1366 .elementor-element.elementor-element-ba774b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1366 .elementor-element.elementor-element-3845327 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:800;line-height:1.15em;color:var( --e-global-color-4f6b7e9 );}.elementor-1366 .elementor-element.elementor-element-47b11a5 .woocommerce-breadcrumb{color:var( --e-global-color-4f6b7e9 );font-size:17px;}.elementor-1366 .elementor-element.elementor-element-47b11a5 .woocommerce-breadcrumb > a{color:var( --e-global-color-c779239 );}.elementor-1366 .elementor-element.elementor-element-c0c3fde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1366 .elementor-element.elementor-element-f5546a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-1366 .elementor-element.elementor-element-ba774b3:not(.elementor-motion-effects-element-type-background), .elementor-1366 .elementor-element.elementor-element-ba774b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.pwent.eu/wp-content/uploads/2026/03/ChatGPT-Image-2026.-maj.-1.-12_40_16.png");}.elementor-1366 .elementor-element.elementor-element-ba774b3{--min-height:197px;--overlay-opacity:0.55;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1366 .elementor-element.elementor-element-3845327 .elementor-heading-title{font-size:32px;}}/* Start custom CSS for shortcode, class: .elementor-element-450f625 */.pwent-shop-archive {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.pwent-shop-filter {
  background: #fff;
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 120px;
}

.pwent-filter-title {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 36px;
  color: #202026;
  font-weight: 700;
}

.pwent-filter-reset {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 34px;
  color: #F97316;
  font-size: 16px;
  text-decoration: none;
}

.pwent-filter-reset:hover {
  color: #F97316;
  text-decoration: underline;
}

.pwent-filter-group {
  margin-bottom: 38px;
}

.pwent-filter-heading {
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 16px;
  color: #202026;
  font-weight: 700;
}

/* =========================
   FILTER LISTA ALAP
========================= */

.pwent-cat-tree,
.pwent-tag-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pwent-cat-tree .pwent-cat-tree {
  padding: 10px 0 0 18px;
  gap: 10px;
}

.pwent-cat-branch {
  display: block;
}

.pwent-cat-branch > summary {
  list-style: none;
  cursor: pointer;
  padding: 0;
  position: relative;
}

.pwent-cat-branch > summary::-webkit-details-marker {
  display: none;
}

/* =========================
   MINDEN KATEGÓRIA SOR DOBOZOS
========================= */

.pwent-check-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 22px;
  color: #2b2b31;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 14px;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease;
}

/* Szülő kategóriákon legyen hely a plusznak */
.pwent-cat-summary .pwent-check-row {
  padding-right: 50px;
}

/* Gyerek kategóriák is ugyanolyan dobozosak */
.pwent-cat-tree .pwent-cat-tree > .pwent-check-row {
  min-height: 52px;
  padding: 0 18px;
}

/* Hover */
.pwent-check-row:hover,
.pwent-cat-branch > .pwent-cat-summary:hover .pwent-check-row {
  background: #fff1e6;
  border-color: rgba(249, 115, 22, 0.18);
}

.pwent-check-row:hover span {
  color: #F97316;
}

/* Nyitott szülő kategória */
.pwent-cat-branch[open] > .pwent-cat-summary .pwent-check-row {
  background: #fff7ed;
  border-color: rgba(249, 115, 22, 0.28);
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.10);
}

/* Szülő kategória plusz / mínusz ikon */
.pwent-cat-summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #F97316;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  pointer-events: none;
}

.pwent-cat-branch[open] > .pwent-cat-summary::after {
  content: "−";
}

/* Gyerek lista megjelenése nyitott szülő alatt */
.pwent-cat-branch[open] > .pwent-cat-tree {
  margin-top: 10px;
  margin-bottom: 8px;
  padding-left: 18px;
  border-left: 2px solid rgba(249, 115, 22, 0.20);
}

/* =========================
   CHECKBOX STÍLUS
========================= */

.pwent-check-row input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  display: inline-grid;
  place-content: center;
  cursor: pointer;
  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}

.pwent-check-row input[type="checkbox"]::before {
  content: "✓";
  transform: scale(0);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}

.pwent-check-row input[type="checkbox"]:checked {
  border-color: #F97316;
  background: #F97316;
}

.pwent-check-row input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* Kijelölt kategória szöveg */
.pwent-check-row input[type="checkbox"]:checked + span {
  color: #F97316;
  font-weight: 700;
}

/* Kijelölt kategória teljes sora */
.pwent-check-row:has(input[type="checkbox"]:checked) {
  background: #fff7ed;
  border-color: rgba(249, 115, 22, 0.45);
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.10);
}

/* =========================
   CÍMKÉK
========================= */

.pwent-filter-tags .pwent-check-row {
  min-height: 28px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: 400;
}

.pwent-filter-tags .pwent-check-row:hover {
  background: transparent;
}

.pwent-filter-tags .pwent-check-row:has(input[type="checkbox"]:checked) {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.pwent-tag-scroll {
  max-height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}

.pwent-tag-scroll::-webkit-scrollbar {
  width: 6px;
}

.pwent-tag-scroll::-webkit-scrollbar-thumb {
  background: #d7d7d7;
  border-radius: 20px;
}

.pwent-tag-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* =========================
   TERMÉK GRID
========================= */

.pwent-shop-results {
  min-width: 0;
}

.pwent-product-grid {
  display: grid;
  grid-template-columns: repeat(var(--pwent-columns), minmax(0, 1fr));
  gap: 30px;
}

.pwent-product-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}

.pwent-product-image-link {
  display: block;
  background: #fff;
  overflow: hidden;
}

.pwent-product-image,
.pwent-product-card img {
  display: block;
  width: 100%;
  height: 260px;
  object-fit: contain;
  background: #fff;
}

.pwent-product-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.pwent-product-meta {
  font-size: 14px;
  line-height: 1.45;
  color: #2b2b31;
  margin-bottom: 26px;
}

.pwent-product-meta a {
  color: inherit;
  text-decoration: none;
}

.pwent-product-meta a:hover {
  color: #F97316;
}

.pwent-product-title {
  font-size: 23px;
  line-height: 1.18;
  font-weight: 700;
  color: #202026;
  margin: 0 0 20px;
}

.pwent-product-title a {
  color: inherit;
  text-decoration: none;
}

.pwent-product-title a:hover {
  color: #F97316;
}

.pwent-product-price-text {
  color: #F97316;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 500;
  margin-bottom: 22px;
}

.pwent-product-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  min-height: 44px;
  border-radius: 12px;
  background: #F97316;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 18px;
}

.pwent-product-button:hover {
  background: #ea650b;
  color: #fff;
}

/* =========================
   PAGINATION
========================= */

.pwent-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 52px;
  font-size: 20px;
  font-weight: 700;
  color: #202026;
}

.pwent-page-link,
.pwent-page-dots {
  color: #202026;
  text-decoration: none;
}

.pwent-page-link:hover {
  color: #F97316;
}

.pwent-current {
  color: #F97316;
}

.pwent-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.pwent-no-results {
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
  font-size: 18px;
}

/* =========================
   RESZPONZÍV
========================= */

@media (max-width: 1024px) {
  .pwent-shop-archive {
    grid-template-columns: 1fr;
  }

  .pwent-shop-filter {
    position: static;
  }

  .pwent-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pwent-shop-filter {
    padding: 24px 18px;
  }

  .pwent-filter-title {
    font-size: 26px;
  }

  .pwent-check-row {
    min-height: 54px;
    padding: 0 18px;
  }

  .pwent-cat-summary .pwent-check-row {
    padding-right: 46px;
  }

  .pwent-cat-branch[open] > .pwent-cat-tree {
    padding-left: 14px;
  }

  .pwent-product-grid {
    grid-template-columns: 1fr;
  }

  .pwent-product-image,
  .pwent-product-card img {
    height: 230px;
  }

  .pwent-pagination {
    flex-wrap: wrap;
    font-size: 18px;
  }
}
/* Főkategória jelölése, ha alatta aktív alkategória van */
.pwent-cat-branch.pwent-cat-has-active-child > .pwent-cat-summary .pwent-check-row {
    background: rgba(255, 106, 0, 0.10);
    border: 1px solid rgba(255, 106, 0, 0.35);
}

/* Főkategória név kiemelése aktív alkategória esetén */
.pwent-cat-branch.pwent-cat-has-active-child > .pwent-cat-summary .pwent-cat-name {
    color: #ff6a00;
    font-weight: 700;
}

/* Kis "aktív" badge */
.pwent-active-child-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: #ff6a00;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

/* Ha maga a főkategória van bepipálva */
.pwent-cat-branch.pwent-cat-current > .pwent-cat-summary .pwent-check-row {
    background: rgba(255, 106, 0, 0.14);
    border: 1px solid rgba(255, 106, 0, 0.45);
}

/* A summary belső sorának igazítása, hogy a badge jobbra menjen */
.pwent-cat-summary .pwent-check-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Ha becsukott állapotban van, akkor is látványos maradjon */
.pwent-cat-branch.pwent-cat-has-active-child:not([open]) > .pwent-cat-summary .pwent-check-row {
    box-shadow: inset 4px 0 0 #ff6a00;
}
/* Aktív badge hover állapotban se tűnjön el */
.pwent-cat-branch.pwent-cat-has-active-child:hover .pwent-active-child-badge,
.pwent-cat-branch.pwent-cat-has-active-child > .pwent-cat-summary:hover .pwent-active-child-badge,
.pwent-cat-summary:hover .pwent-active-child-badge,
.pwent-check-row:hover .pwent-active-child-badge {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-flex !important;
    background: #ff6a00 !important;
    color: #ffffff !important;
    border-color: #ff6a00 !important;
}

/* Ne örököljön hover színt a szülőtől */
.pwent-active-child-badge {
    color: #ffffff !important;
    background: #ff6a00 !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex-shrink: 0;
}/* End custom CSS */