/* ==================== ASZTALI ==================== */
@media (min-width: 769px) {
  .social-fixed {
    position: fixed;
    bottom: 160px;
    left: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
  }
  .social-fixed img {
    width: 36px;
    height: 36px;
    background: black;
    border-radius: 50%;
    padding: 6px;
    box-shadow: 0 0 8px rgba(255,255,255,0.4);
    filter: brightness(0) invert(1);
  }
}

/* ==================== MOBIL – ÁLTALÁNOS ==================== */
@media (max-width: 768px) {
  .social-footer {
    position: fixed;
    bottom: 0; left: 0; width: 100%;
    background: black;
    display: flex; justify-content: space-around;
    padding: 6px 0;
    z-index: 9999;
  }
  .social-footer a { color: #fff; font-size: 10px; text-align: center; text-decoration: none; }
  .social-footer img { width: 24px; height: 24px; display: block; margin: 0 auto 2px; filter: brightness(0) invert(1); }
}

/* ==================== LOGÓ ==================== */
.header-logo img,
.site-header .logo img,
.navbar-brand img {
  content: unset !important;
  max-height: 60px;
  width: auto;
}
@media (max-width: 768px){
  .header-logo img,
  .site-header .logo img,
  .navbar-brand img {
    max-height: 40px;
  }
}

/* Logó melletti „Pokedom” felirat */
.header-logo, .site-header .logo, .navbar-brand {
  display: inline-flex; align-items: center; margin-right: 16px;
}
.header-logo::after, .site-header .logo::after, .navbar-brand::after {
  content: "Pokedom";
  margin-left: 8px; font-size: 30px; font-weight: 700; color: #fff; white-space: nowrap;
}
@media (max-width: 768px){
  .header-logo::after, .site-header .logo::after, .navbar-brand::after { font-size: 12px; }
}

/* ==================== FEJLÉC/SLIDER RÉTEGEK ==================== */
.site-header, .header { position: relative; z-index: 1000; }
.site-header .main-menu, .site-header .nav, .header .main-menu, .header .nav, .header .category-menu { position: relative; z-index: 2000; }
.site-header .sub-menu, .site-header .dropdown-menu, .header .sub-menu, .header .dropdown-menu, .header .category-menu .submenu { position: absolute; z-index: 3000; }
.home-slider, .hero, .banner, .kicker-image, .kicker, .fooldali-banner { position: relative; z-index: 1; }

/* ==================== BANNEREK – kisméretek ==================== */
.banner-item__title { font-size: 16px !important; line-height: 1.25 !important; font-weight: 700 !important; }
.banner-item__container > *:nth-child(n+2) .banner-item__title { font-size: 14px !important; line-height: 1.25 !important; }
.banner-item__container > *:nth-child(n+2) .banner-item__content { max-width: 260px !important; padding: 8px 12px !important; border-radius: 16px !important; }

.small-banner, .small-banner * { font-size: 13px !important; line-height: 1.25 !important; }
.small-banner h1, .small-banner h2, .small-banner h3, .small-banner .banner-item__title {
  font-size: 14px !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 0 0 6px !important;
}
.small-banner a:not(.btn):not([role="button"]) { font-size: 13px !important; line-height: 1.25 !important; }
.small-banner .banner-item__content, .small-banner [class*="content"], .small-banner [class*="text"] {
  max-width: 240px !important; padding: 8px 12px !important; border-radius: 16px !important; overflow: hidden;
}
.small-banner *[style*="font-size"] { font-size: 13px !important; line-height: 1.25 !important; }

/* ==================== MOBIL HERO/SLIDER ==================== */
@media (max-width: 768px) {
  .home-slider img, .hero img, .banner img, .kicker-image img, .fooldali-banner img {
    width: 100% !important; height: 38vh !important; object-fit: contain !important; object-position: center center !important; display: block;
  }
  .home-slider, .hero, .banner, .kicker-image, .fooldali-banner {
    background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; min-height: 38vh !important;
  }
  .banner-item__content, .hero .banner-item__content {
    max-width: 88% !important; margin: 0 auto !important; padding: 10px 14px !important; border-radius: 16px !important;
  }
  .banner-item__title { font-size: 18px !important; line-height: 1.25 !important; margin: 0 0 6px !important; }
}

/* ==================== MOBIL MENÜ – DUPLIKÁCIÓK ELREJTÉSE ==================== */
@media (max-width: 991px){
  .offcanvas .category-menu ~ .category-menu,
  .offcanvas .menu-categories ~ .menu-categories,
  .offcanvas .category-list ~ .category-list,
  .mobile-menu .category-menu ~ .category-menu,
  .mobile-menu .menu-categories ~ .menu-categories,
  .mobile-menu .category-list ~ .category-list,
  .nav--mobile .category-menu ~ .category-menu,
  .nav--mobile .menu-categories ~ .menu-categories,
  .nav--mobile .category-list ~ .category-list {
    display: none !important;
  }

  .offcanvas .category-menu > ul:not(:first-child),
  .offcanvas .menu-categories > ul:not(:first-child),
  .offcanvas .category-list > ul:not(:first-child),
  .mobile-menu .category-menu > ul:not(:first-child),
  .mobile-menu .menu-categories > ul:not(:first-child),
  .mobile-menu .category-list > ul:not(:first-child),
  .nav--mobile .category-menu > ul:not(:first-child),
  .nav--mobile .menu-categories > ul:not(:first-child),
  .nav--mobile .category-list > ul:not(:first-child) {
    display: none !important;
  }

  .offcanvas .category-menu li > ul:not(:first-child),
  .mobile-menu .category-menu li > ul:not(:first-child),
  .nav--mobile .category-menu li > ul:not(:first-child) {
    display: none !important;
  }

  .offcanvas .category-menu > ul > li > a,
  .mobile-menu .category-menu > ul > li > a,
  .nav--mobile .category-menu > ul > li > a {
    font-weight: 700 !important;
  }
}

/* ==================== HÍREK / BLOG / VLOG – CSAK CÍM ==================== */
.news-list .post, .news-grid .post,
.blog-list .post, .blog-grid .post,
[class*="news"] .post, [class*="blog"] .post, [class*="vlog"] .post {
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.news-list .post img, .news-grid .post img,
.blog-list .post img, .blog-grid .post img,
[class*="news"] .post img, [class*="blog"] .post img, [class*="vlog"] .post img,
.news-list .post picture, .news-grid .post picture,
.blog-list .post picture, .blog-grid .post picture,
[class*="news"] .post picture, [class*="blog"] .post picture, [class*="vlog"] .post picture,
.news-list .post figure, .news-grid .post figure,
.blog-list .post figure, .blog-grid .post figure,
[class*="news"] .post figure, [class*="blog"] .post figure, [class*="vlog"] .post figure,
.news-list .post video, .news-grid .post video,
.blog-list .post video, .blog-grid .post video,
[class*="news"] .post video, [class*="blog"] .post video, [class*="vlog"] .post video,
.news-list .post .content, .news-grid .post .content,
.blog-list .post .content, .blog-grid .post .content,
[class*="news"] .post .content, [class*="blog"] .post .content, [class*="vlog"] .post .content,
.news-list .post .excerpt, .news-grid .post .excerpt,
.blog-list .post .excerpt, .blog-grid .post .excerpt,
[class*="news"] .post .excerpt, [class*="blog"] .post .excerpt, [class*="vlog"] .post .excerpt,
.news-list .post .summary, .news-grid .post .summary,
.blog-list .post .summary, .blog-grid .post .summary,
[class*="news"] .post .summary, [class*="blog"] .post .summary, [class*="vlog"] .post .summary,
.news-list .post p, .news-grid .post p,
.blog-list .post p, .blog-grid .post p,
[class*="news"] .post p, [class*="blog"] .post p, [class*="vlog"] .post p,
.news-list .post ul, .news-grid .post ul,
.blog-list .post ul, .blog-grid .post ul,
[class*="news"] .post ul, [class*="blog"] .post ul, [class*="vlog"] .post ul,
.news-list .post ol, .news-grid .post ol,
.blog-list .post ol, .blog-grid .post ol,
[class*="news"] .post ol, [class*="blog"] .post ol, [class*="vlog"] .post ol,
.news-list .post blockquote, .news-grid .post blockquote,
.blog-list .post blockquote, .blog-grid .post blockquote,
[class*="news"] .post blockquote, [class*="blog"] .post blockquote, [class*="vlog"] .post blockquote,
.news-list .post .meta, .news-grid .post .meta,
.blog-list .post .meta, .blog-grid .post .meta,
[class*="news"] .post .meta, [class*="blog"] .post .meta, [class*="vlog"] .post .meta,
.news-list .post .date, .news-grid .post .date,
.blog-list .post .date, .blog-grid .post .date,
[class*="news"] .post .date, [class*="blog"] .post .date, [class*="vlog"] .post .date,
.news-list .post .author, .news-grid .post .author,
.blog-list .post .author, .blog-grid .post .author,
[class*="news"] .post .author, [class*="blog"] .post .author, [class*="vlog"] .post .author,
.news-list .post .tags, .news-grid .post .tags,
.blog-list .post .tags, .blog-grid .post .tags,
[class*="news"] .post .tags, [class*="blog"] .post .tags, [class*="vlog"] .post .tags,
.news-list .post .btn, .news-grid .post .btn,
.blog-list .post .btn, .blog-grid .post .btn,
[class*="news"] .post .btn, [class*="blog"] .post .btn, [class*="vlog"] .post .btn,
.news-list .post .read-more, .news-grid .post .read-more,
.blog-list .post .read-more, .blog-grid .post .read-more,
[class*="news"] .post .read-more, [class*="blog"] .post .read-more, [class*="vlog"] .post .read-more {
  display: none !important;
}

.news-list .post h1, .news-list .post h2, .news-list .post h3,
.news-grid .post h1, .news-grid .post h2, .news-grid .post h3,
.blog-list .post h1, .blog-list .post h2, .blog-list .post h3,
.blog-grid .post h1, .blog-grid .post h2, .blog-grid .post h3,
[class*="news"] .post h1, [class*="news"] .post h2, [class*="news"] .post h3,
[class*="blog"] .post h1, [class*="blog"] .post h2, [class*="blog"] .post h3,
[class*="vlog"] .post h1, [class*="vlog"] .post h2, [class*="vlog"] .post h3,
.news-list .post .title, .news-grid .post .title,
.blog-list .post .title, .blog-grid .post .title,
[class*="news"] .post .title, [class*="blog"] .post .title, [class*="vlog"] .post .title,
.news-list .post .post-title, .news-grid .post .post-title,
.blog-list .post .post-title, .blog-grid .post .post-title,
[class*="news"] .post .post-title, [class*="blog"] .post .post-title, [class*="vlog"] .post .post-title {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  color: inherit !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

@media (max-width: 768px){
  .news-list .post h1, .news-list .post h2, .news-list .post h3,
  .news-grid .post h1, .news-grid .post h2, .news-grid .post h3,
  .blog-list .post h1, .blog-list .post h2, .blog-list .post h3,
  .blog-grid .post h1, .blog-grid .post h2, .blog-grid .post h3,
  [class*="news"] .post h1, [class*="news"] .post h2, [class*="news"] .post h3,
  [class*="blog"] .post h1, [class*="blog"] .post h2, [class*="blog"] .post h3,
  [class*="vlog"] .post h1, [class*="vlog"] .post h2, [class*="vlog"] .post h3,
  .news-list .post .title, .news-grid .post .title,
  .blog-list .post .title, .blog-grid .post .title,
  [class*="news"] .post .title, [class*="blog"] .post .title, [class*="vlog"] .post .title,
  .news-list .post .post-title, .news-grid .post .post-title,
  .blog-list .post .post-title, .blog-grid .post .post-title,
  [class*="news"] .post .post-title, [class*="blog"] .post .post-title, [class*="vlog"] .post .post-title {
    font-size: 14px !important;
  }
}

/* === TELJES FEJLÉC KATEGÓRIASÁV ELREJTÉSE MOBILON === */
@media (max-width: 991px) {
  .site-header .category-strip,
  .site-header .category-links,
  .site-header .menu--categories-bar,
  .site-header .top-categories,
  .site-header .featured-categories,
  .header .category-strip,
  .header .category-links,
  .header .menu--categories-bar,
  .header .top-categories,
  .header .featured-categories,
  .site-header .main-menu,
  .header .main-menu,
  .site-header nav.category-nav,
  .header nav.category-nav,
  .site-header nav.menu,
  .header nav.menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }}


/* 1) A hamburger/tetei menüsáv legyen pozícionálási referencia */
.header, .site-header, .menu-bar, .category-toggle, .navbar, .main-header {
  position: relative;
}

/* 2) A lenyíló (bal oldali) kategória-menü tapadjon közvetlenül a gomb alá */
.category-menu.sf-menu.sf-vertical {
  position: absolute;        /* a szülőhöz igazítjuk */
  top: 100%;                 /* KÖZVETLENÜL a gomb alá kerül */
  left: 0;
  right: auto;
  margin-top: 0 !important;  /* hézag kiiktatása */
  transform: none !important;/* esetleges JS/animációs eltolás nullázása */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 1002;             /* mindig a fejlécre kerüljön */
}

/* 3) A menü „gyermek” listái (alkategóriák) se ugorjanak lejjebb */
.category-menu.sf-vertical > li > ul.children {
  top: 0 !important;
  margin-top: 0 !important;
}

/* 4) Superfish/alap téma esetleges 10px-es eltolásainak megszüntetése */
.sf-menu.sf-vertical,
.sf-menu.sf-vertical > li {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 5) Asztali nézetben (ha teljes szélességet szeretnél a gomb alatt) */
@media (min-width: 992px) {
  .category-menu.sf-menu.sf-vertical {
    width: 100%;
    left: 0;
    right: 0;
  }
}

/* 6) Biztonság kedvéért a legelső elem ne tolja le a panelt */
.category-menu.sf-vertical > li:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* ——— HAMBURGER KATEGÓRIA-MENÜ: tapadás a gomb alá, hézag nélkül ——— */
#module_category_wrapper { position: relative; }
#module_category_wrapper #category { position: relative; }
#module_category_wrapper .header-hamburger-button-classic {
  margin-bottom: 0 !important;   /* a gomb alatti margó kiiktatása */
}

/* A lenyíló panel maga – NE legyen felső rés! */
#module_category_wrapper #category-body.category-module.module-body {
  position: absolute;            /* a wrapperhez igazítjuk */
  top: 100%;                     /* KÖZVETLENÜL a gomb alá */
  left: 0;
  right: auto;
  margin: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  transform: none !important;
  z-index: 1005;
}

/* A modul generált belső tartalmán (category-nav + ul) se legyen top gap */
#module_category_wrapper #category-body > * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#module_category_wrapper #category-body ul.category {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Alkategória-listák ne csússzanak lejjebb */
#module_category_wrapper ul.category.sf-vertical > li > ul.children {
  top: 0 !important;
  margin-top: 0 !important;
}

/* A Shoprenter 'hide-top' header-pozicionálása általában ad felső rést – töröljük */
#module_category_wrapper .header-position.hide-top .module-body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Biztos, ami biztos: semmi „térköz” az első elem előtt */
#module_category_wrapper ul.category.sf-vertical > li:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* (opcionális) Ha teljes szélességben szeretnéd a panelt a gomb sávja alatt: */
@media (min-width: 992px){
  #module_category_wrapper #category-body.category-module.module-body {
    width: auto;  /* tedd 100%-ra, ha végig akarod húzni */
  }
}
/* === Kategória-menü betűméret x2 (asztali) === */
@media (min-width: 992px){
  /* Fő lista (szint 1) */
  #module_category_wrapper ul.category > li > a {
    font-size: 120% !important;      /* ~kétszeres */
    line-height: 1.25 !important;
    padding: 12px 18px !important;    /* nagyobb tappolható terület */
  }

  /* Alkategóriák (szint 2) */
  #module_category_wrapper ul.category > li > ul.children a {
    font-size: 100% !important;       /* kicsit kisebb, de jó nagy */
    line-height: 1.25 !important;
    padding: 12px 16px !important;
  }

  /* Panel szélesség – hogy ne törjön csúnyán a nagyobb szöveg */
  #module_category_wrapper ul.category.sf-vertical {
    min-width: 360px;                 /* ha kell, 400–440px-re emelhető */
  }

  /* Ha van nyíl/ikon a menüpontok jobb szélén, ne lógjon rá a szövegre */
  #module_category_wrapper ul.category.sf-arrows > li > a .sf-sub-indicator,
  #module_category_wrapper ul.category > li > a .icon,
  #module_category_wrapper ul.category > li > a svg {
    transform: scale(1.2);            /* arányos ikon-növelés */
    margin-left: 8px;
  }
}

/* (opcionális) Hover/aktív állapot vastagabb címekhez */
#module_category_wrapper ul.category a:hover,
#module_category_wrapper ul.category li.js-sf-hover > a {
  font-weight: 700;
}
/* 🎄 KARÁCSONYI AJÁNLATOK – esztétikus kiemelés */
.headermenu-list__item a[href*="decemberi-karacsonyi-akcios-termekek"] {
    position: relative;
    padding: 6px 14px;
    font-weight: 700;
    color: #b30000 !important;             /* elegáns karácsonyi piros */
    background: linear-gradient(
        135deg,
        rgba(255, 240, 240, 0.8),
        rgba(255, 220, 220, 0.9)
    );
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.25),
                0 0 6px rgba(255, 200, 0, 0.35);
    transition: 0.3s ease;
}

/* 🔔 Díszítő csengő ikon előtte */
.headermenu-list__item a[href*="decemberi-karacsonyi-akcios-termekek"]::before {
    content: "🔔";
    margin-right: 8px;
    font-size: 17px;
    transform: translateY(1px);
}

/* ❄️ Hópihe ikon utána */
.headermenu-list__item a[href*="decemberi-karacsonyi-akcios-termekek"]::after {
    content: "❄️";
    margin-left: 8px;
    font-size: 17px;
}

/* ✨ Hover animáció – nagywebshop szintű finom fény */
.headermenu-list__item a[href*="decemberi-karacsonyi-akcios-termekek"]:hover {
    background: linear-gradient(
        135deg,
        rgba(255, 230, 230, 1),
        rgba(255, 210, 210, 1)
    );
    box-shadow: 0 0 18px rgba(255, 0, 0, 0.35),
                0 0 10px rgba(255, 200, 0, 0.45);
    transform: translateY(-2px);
}
/* 🔥 A termékkép legyen a referenciapont */
.product-card__image,
.js-product-card-image,
.product-image__main img,
.product-card-image__link img {
    position: relative !important;
}

/* 🔥 A matrica közvetlenül az IMG-re kerül */
.badgeitemid_14.badgeimage {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 80px !important;
    height: 80px !important;

    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 99999 !important;
    pointer-events: none !important;
}

/* 🔥 A badge container ne okozzon elcsúszást */
.product_badges {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;

}

/* Főoldali banner cím formázása */
.banner-item__title {
    font-size: 20px !important;       /* Betűméret */
    font-weight: 700 !important;      /* Kiemelés / félkövér */
    background: #FFD600 !important;   /* Sárga háttér */
    color: #000 !important;           /* Fekete szöveg */
    padding: 12px 22px !important;    /* Belső margó */
    border-radius: 10px !important;   /* Lekerekítés */
    display: inline-block !important; /* Csak a szöveg mögött legyen háttér */
    line-height: 1.3 !important;      /* Szebb sorköz */
}

/* ==================== POKEDOM LOGÓ BLOKK – BALRA TOLÁS ==================== */

/* Desktop – kb. 5 cm (190px) */
@media (min-width: 992px){
  a.header-logo{
    position: relative !important;
    left: -125px !important;
  }
}

/* Tablet */
@media (max-width: 991px){
  a.header-logo{
    position: relative !important;
    left: -120px !important;
  }
}

/* Mobil */
@media (max-width: 576px){
  a.header-logo{
    position: relative !important;
    left: -10px !important;
  }
}
/* === KÉSZLET JELZÉS JAVÍTÁS – CSAK stock-status-id-15, a régi zöld badge kinézetére === */
.product-card__stock.stock-status-id-15 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: #dfeee5 !important;
  color: #177537 !important;
  line-height: 1 !important;
}

.product-card__stock.stock-status-id-15 .product-card__state-highlightable {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  border-radius: 50% !important;
  background: #177537 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  position: relative !important;
}

.product-card__stock.stock-status-id-15 .product-card__state-highlightable:before {
  content: "✓" !important;
  display: block !important;
  text-align: center !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}

.product-card__stock.stock-status-id-15 .product-card__stock-label {
  color: #177537 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.product-card__stock.stock-status-id-15 .product-card__icon,
.product-card__stock.stock-status-id-15 svg {
  display: none !important;
}