/**
 * SilverTeam/Gastrock módosítás – 2026-05-28
 * Kategória szekció finomhangolás:
 * - a szekcióban kiválasztott oldalak kártyái a régi megjelenést használják,
 * - a BANG dekoráció tartalom alatti, háttérszerű rétegbe kerül,
 * - a piros kategória blokk keskenyebb lett,
 * - a kártyacím és a képsötétítés egy Customizer kapcsolóval együtt elrejthető.
 */
#ourCategory {
  position: relative;
  overflow: hidden;
  padding: 5.5% 0 4.75% !important;
}

#ourCategory .our-category-box {
  position: relative;
  z-index: 4;
}

#ourCategory .category-heading {
  padding-bottom: 2.25rem !important;
}

#ourCategory .category-post-img-content-box,
#ourCategory .category-post-img {
  width: 100%;
}

#ourCategory .category-title a {
  text-decoration: none;
}

#ourCategory .category-post-img img.activity-img {
  display: block;
}

/* Ha a cím ki van kapcsolva, a képsötétítést is levesszük. */
#ourCategory.gastrock-category-title-hidden .category-post-img img.activity-img {
  filter: none !important;
}

#ourCategory.gastrock-category-title-hidden .category-post-img {
  background: transparent !important;
}

/* A BANG dekoráció ne a tartalom fölött, hanem háttérszerű alsó rétegen legyen. */
#ourCategory .our-category-bottom-image.gastrock-category-bang-image {
  z-index: 1 !important;
  top: 8% !important;
  left: 1.5% !important;
  pointer-events: none;
  opacity: 0.34;
  mix-blend-mode: multiply;
  transform: none !important;
}

#ourCategory .our-category-bottom-image.gastrock-category-bang-image img {
  display: block;
  max-width: 250px;
}

/* A brush / red háttér díszítő rétegei kerüljenek a BANG fölé, a tartalom alá. */
#ourCategory .our-category-top-vector-image,
#ourCategory .our-category-top-vector-image-two {
  z-index: 2;
  pointer-events: none;
}

#ourCategory .our-category-content-box {
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 1200px) {
  #ourCategory {
    padding: 4.5rem 0 3.5rem !important;
  }

  #ourCategory .our-category-bottom-image.gastrock-category-bang-image {
    display: none !important;
  }
}

/**
 * SilverTeam/Gastrock módosítás – 2026-05-28
 * Kategória kártyák teljes képes linkje és több extra dekorációs kép.
 */
#ourCategory .gastrock-category-card-link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none !important;
}

#ourCategory .gastrock-category-card-link:hover,
#ourCategory .gastrock-category-card-link:focus {
  color: inherit;
  text-decoration: none !important;
}

#ourCategory .gastrock-category-card-link img.activity-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ourCategory.gastrock-category-title-hidden .category-title,
#ourCategory.gastrock-category-title-hidden .category-box {
  display: none !important;
}

#ourCategory.gastrock-category-title-hidden .category-post-img::before,
#ourCategory.gastrock-category-title-hidden .category-post-img::after,
#ourCategory.gastrock-category-title-hidden .gastrock-category-card-link::before,
#ourCategory.gastrock-category-title-hidden .gastrock-category-card-link::after {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

#ourCategory .gastrock-category-extra-decor {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  opacity: 0.44;
  mix-blend-mode: multiply;
}

#ourCategory .gastrock-category-extra-decor img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Felső jobb, a brush felső pereménél. */
#ourCategory .gastrock-category-extra-decor-1 {
  top: 3.5%;
  right: 19%;
  width: 230px;
}

/* Alsó bal, a piros háttér alsó széle mögött. */
#ourCategory .gastrock-category-extra-decor-2 {
  left: 23%;
  bottom: 4%;
  width: 240px;
}

/* Alsó jobb, a piros háttér alsó jobb sarkánál. */
#ourCategory .gastrock-category-extra-decor-3 {
  right: 10%;
  bottom: 4.5%;
  width: 270px;
}

/* Bal felső / eredeti BANG mellé: a piros háttér mögötti rétegen. */
#ourCategory .gastrock-category-extra-decor-4 {
  top: 8%;
  left: 2%;
  width: 260px;
}

@media screen and (max-width: 991px) {
  #ourCategory .gastrock-category-extra-decor {
    display: none !important;
  }
}

/**
 * SILVERTEAM / GASTROCK NOTE – 2026-06-05
 * Kategória kártyaképek teljes megjelenítése:
 * - a háttér nélküli PNG/WebP karakterek és logók ne vágódjanak le,
 * - eltérő képarány esetén is a teljes grafika maradjon látható,
 * - a kép körül kis biztonsági tér maradjon.
 */
#ourCategory .gastrock-category-card-link img.activity-img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  box-sizing: border-box;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  #ourCategory .gastrock-category-card-link img.activity-img {
    padding: 8px;
  }
}

/**
 * SILVERTEAM / GASTROCK NOTE – 2026-06-05
 * Kategóriacím megjelenítése hoverre és billentyűzetes fókuszra.
 * - alapállapotban a cím rejtett,
 * - hover/focus esetén manga stílusú címkeként felúszik,
 * - az átlátszó PNG/WebP képek contain illesztése változatlan marad.
 */
#ourCategory .gastrock-category-card-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 35%, rgba(0, 0, 0, 0.68) 100%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

#ourCategory .category-title,
#ourCategory.gastrock-category-title-hidden .category-title {
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  top: auto;
  bottom: 16px;
  width: max-content;
  max-width: calc(100% - 24px);
  height: auto;
  margin: 0;
  padding: 8px 16px;
  color: #111 !important;
  background: #ffd92f;
  border: 3px solid #111;
  border-radius: 999px;
  box-shadow: 5px 5px 0 #e51a22;
  font-family: "Bangers", "Poppins", sans-serif;
  font-size: clamp(18px, 1.5vw, 25px);
  line-height: 1.05;
  letter-spacing: 0.4px;
  text-align: center;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 18px) scale(0.94);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
  pointer-events: none;
}

#ourCategory .gastrock-category-card-link:hover::before,
#ourCategory .gastrock-category-card-link:focus-visible::before {
  opacity: 1;
}

#ourCategory .gastrock-category-card-link:hover .category-title,
#ourCategory .gastrock-category-card-link:focus-visible .category-title,
#ourCategory.gastrock-category-title-hidden .gastrock-category-card-link:hover .category-title,
#ourCategory.gastrock-category-title-hidden .gastrock-category-card-link:focus-visible .category-title {
  display: block !important;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}

/* A régi "cím elrejtése" állapotban is hoverre látszódjon a cím, de a régi category-box maradjon rejtve. */
#ourCategory.gastrock-category-title-hidden .category-box {
  display: none !important;
}

@media (hover: none), (pointer: coarse) {
  #ourCategory .category-title,
  #ourCategory.gastrock-category-title-hidden .category-title {
    bottom: 10px;
    padding: 7px 13px;
    font-size: 17px;
  }

  /* Érintőképernyőn fókusz/tap után jelenik meg. */
  #ourCategory .gastrock-category-card-link:focus .category-title {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0) scale(1);
  }
}