/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 20:32:00 */
/* ============================================================
   IT24 – WooCommerce Kategorieansicht
   Produktarchive / Endkategorien
   Stand: bereinigt
   ============================================================ */

body.archive.tax-product_cat {
  background: #ffffff;
}

/* Hauptbereich auf Shopbreite bringen */
body.archive.tax-product_cat .site-main,
body.archive.tax-product_cat .content-area {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Breite angleichen */
body.archive.tax-product_cat .content-container,
body.archive.tax-product_cat .site-container,
body.archive.tax-product_cat .woocommerce.archive,
body.archive.tax-product_cat .woocommerce {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================================================
   Standard-Kategorieheader / grauer Balken ausblenden
   ============================================================ */

body.archive.tax-product_cat .woocommerce-products-header,
body.archive.tax-product_cat .woocommerce-products-header__title,
body.archive.tax-product_cat .page-header,
body.archive.tax-product_cat header.woocommerce-products-header,
body.archive.tax-product_cat .entry-hero,
body.archive.tax-product_cat .entry-hero-container,
body.archive.tax-product_cat .hero-section,
body.archive.tax-product_cat .kadence-title-bar,
body.archive.tax-product_cat .kadence-shop-title,
body.archive.tax-product_cat .archive-title,
body.archive.tax-product_cat .entry-header {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Falls Kadence dem Archiv dennoch oben Abstand gibt */
body.archive.tax-product_cat .site-main {
  padding-top: 0 !important;
}

/* ============================================================
   Kategorie-Intro aus PHP-Snippet
   ============================================================ */

body.archive.tax-product_cat .term-description {
  max-width: 100% !important;
  margin: 0 !important;
  color: #5A6272 !important;
}

body.archive.tax-product_cat .it24-category-intro {
  max-width: 1320px !important;
  margin: 34px auto 28px !important;
  padding: clamp(28px, 3vw, 42px) 32px !important;
  border: 1px solid #EDEEF2 !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(245,196,0,0.14), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(247,248,250,0.96)),
    linear-gradient(30deg, rgba(139,152,168,0.07) 12%, transparent 12.5%, transparent 87%, rgba(139,152,168,0.07) 87.5%),
    linear-gradient(150deg, rgba(139,152,168,0.07) 12%, transparent 12.5%, transparent 87%, rgba(139,152,168,0.07) 87.5%) !important;
  background-size: auto, auto, 44px 76px, 44px 76px !important;
  box-shadow: 0 12px 34px rgba(28,30,38,0.06) !important;
}

.it24-category-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: 14px;
  padding: 0 13px;
  border: 1px solid rgba(245,196,0,0.8);
  border-radius: 999px;
  background: #FFF8CC;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.it24-category-intro h2 {
  max-width: 920px;
  margin: 0 0 12px;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: clamp(1.25rem, 1.65vw, 1.9rem);
  font-weight: 620;
  line-height: 1.18;
}

.it24-category-intro p {
  max-width: 980px;
  margin: 0 0 16px;
  color: #5A6272;
  font-size: 0.98rem;
  line-height: 1.68;
}

.it24-category-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.it24-category-benefits span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid #D6D9E0;
  border-radius: 999px;
  background: #ffffff;
  color: #2E3344;
  font-size: 0.82rem;
  font-weight: 650;
}

/* ============================================================
   Toolbar / Sortierung
   ============================================================ */

body.archive.tax-product_cat .woocommerce-result-count,
body.archive.tax-product_cat .woocommerce-ordering {
  margin-bottom: 26px !important;
  color: #5A6272 !important;
  font-size: 0.9rem !important;
}

body.archive.tax-product_cat .woocommerce-ordering select {
  min-height: 42px !important;
  border: 1px solid #D6D9E0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1C1E26 !important;
  padding: 0 14px !important;
}

/* Grid/List Icons */
body.archive.tax-product_cat .gridlist-toggle,
body.archive.tax-product_cat .kadence-woo-toggle {
  display: inline-flex !important;
  gap: 6px !important;
  align-items: center !important;
}

/* ============================================================
   Produktgrid
   ============================================================ */

body.archive.tax-product_cat ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-top: 18px !important;
}

body.archive.tax-product_cat ul.products li.product {
  position: relative !important;
  width: auto !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: 18px 16px 20px !important;
  border: 1px solid #D6D9E0 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(245,196,0,0.08), transparent 26%),
    linear-gradient(145deg, #ffffff 0%, #F7F8FA 100%) !important;
  box-shadow: 0 8px 24px rgba(28,30,38,0.045) !important;
  overflow: hidden !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  translate: none !important;
}

body.archive.tax-product_cat ul.products li.product:hover {
  border-color: rgba(245,196,0,0.75) !important;
  box-shadow: 0 14px 34px rgba(28,30,38,0.10) !important;
  transform: none !important;
  translate: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Innerer Inhalt darf ebenfalls nicht springen */
body.archive.tax-product_cat ul.products li.product *,
body.archive.tax-product_cat ul.products li.product:hover * {
  transform: none !important;
  translate: none !important;
}

/* Produktlink */
body.archive.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  text-decoration: none !important;
}

/* Bildbereich */
body.archive.tax-product_cat ul.products li.product img {
  width: 100% !important;
  height: 270px !important;
  min-height: 270px !important;
  max-height: 270px !important;
  object-fit: contain !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
}

/* Titel */
body.archive.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  min-height: 98px !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.005em !important;
}

/* Preis */
body.archive.tax-product_cat ul.products li.product .price {
  margin: auto 0 8px !important;
  padding: 0 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Germanized Zusatzinfos kompakt */
body.archive.tax-product_cat ul.products li.product .wc-gzd-additional-info,
body.archive.tax-product_cat ul.products li.product .legal-price-info,
body.archive.tax-product_cat ul.products li.product .tax-info,
body.archive.tax-product_cat ul.products li.product .shipping-costs-info {
  margin: 0 !important;
  padding: 0 !important;
  color: #5A6272 !important;
  font-size: 0.76rem !important;
  line-height: 1.35 !important;
}

/* Action-Wrapper dauerhaft sichtbar und statisch */
body.archive.tax-product_cat ul.products li.product .product-action-wrap,
body.archive.tax-product_cat ul.products li.product .kadence-product-action-wrap,
body.archive.tax-product_cat ul.products li.product .entry-footer,
body.archive.tax-product_cat ul.products li.product .product-footer,
body.archive.tax-product_cat ul.products li.product .product-details {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin-top: 10px !important;
}

body.archive.tax-product_cat ul.products li.product:hover .product-action-wrap,
body.archive.tax-product_cat ul.products li.product:hover .kadence-product-action-wrap,
body.archive.tax-product_cat ul.products li.product:hover .entry-footer,
body.archive.tax-product_cat ul.products li.product:hover .product-footer,
body.archive.tax-product_cat ul.products li.product:hover .product-details {
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  margin-top: 10px !important;
}

/* Button allgemein */
body.archive.tax-product_cat ul.products li.product .button,
body.archive.tax-product_cat ul.products li.product a.button,
body.archive.tax-product_cat ul.products li.product .add_to_cart_button {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 14px 0 0 !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  background: #F5C400 !important;
  border: 1px solid #F5C400 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.archive.tax-product_cat ul.products li.product .button:hover,
body.archive.tax-product_cat ul.products li.product a.button:hover,
body.archive.tax-product_cat ul.products li.product .add_to_cart_button:hover {
  background: #DDB000 !important;
  border-color: #DDB000 !important;
  color: #1C1E26 !important;
}

/* Details-Button aus PHP-Snippet */
body.archive.tax-product_cat ul.products li.product .it24-loop-detail-button,
body.archive.tax-product_cat ul.products li.product a.button.it24-loop-detail-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-top: 14px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  background: #F5C400 !important;
  border: 1px solid #F5C400 !important;
  color: #1C1E26 !important;
  font-family: var(--it24-font-headline, inherit) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.archive.tax-product_cat ul.products li.product .it24-loop-detail-button::after {
  content: "→";
  margin-left: 8px;
  font-size: 1rem;
  line-height: 1;
}

body.archive.tax-product_cat ul.products li.product .it24-loop-detail-button:hover {
  background: #DDB000 !important;
  border-color: #DDB000 !important;
  color: #1C1E26 !important;
}

/* Pseudo-Hover-Effekte neutralisieren */
body.archive.tax-product_cat ul.products li.product::before,
body.archive.tax-product_cat ul.products li.product::after,
body.archive.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link::before,
body.archive.tax-product_cat ul.products li.product a.woocommerce-LoopProduct-link::after {
  display: none !important;
  content: none !important;
}

/* ============================================================
   Unterer SEO-/Ratgeberblock
   ============================================================ */

.it24-category-seo {
  max-width: 1320px;
  margin: 54px auto 36px;
  padding: clamp(26px, 3vw, 38px);
  border: 1px solid #EDEEF2;
  border-left: 5px solid #F5C400;
  border-radius: 18px;
  background:
    radial-gradient(circle at 94% 14%, rgba(245,196,0,0.10), transparent 24%),
    linear-gradient(135deg, #ffffff, #F7F8FA);
  box-shadow: 0 8px 26px rgba(28,30,38,0.045);
}

.it24-category-seo h2 {
  max-width: 920px;
  margin: 0 0 16px;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: clamp(1.45rem, 1.85vw, 2.1rem);
  font-weight: 620;
  line-height: 1.18;
}

.it24-category-seo h3 {
  margin: 24px 0 10px;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-size: 1.12rem;
  font-weight: 750;
  line-height: 1.25;
}

.it24-category-seo p {
  max-width: 980px;
  margin: 0 0 14px;
  color: #5A6272;
  font-size: 0.98rem;
  line-height: 1.72;
}

/* FAQ */
.it24-category-faq {
  margin-top: 28px;
  display: grid;
  gap: 10px;
}

.it24-category-faq details {
  border: 1px solid #D6D9E0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}

.it24-category-faq summary {
  cursor: pointer;
  padding: 15px 18px;
  color: #1C1E26;
  font-family: var(--it24-font-headline, inherit);
  font-weight: 750;
}

.it24-category-faq details[open] summary {
  border-bottom: 1px solid #EDEEF2;
  background: #FFF8CC;
}

.it24-category-faq details p {
  padding: 16px 18px;
  margin: 0;
}

/* ============================================================
   Pagination
   ============================================================ */

body.archive.tax-product_cat nav.woocommerce-pagination {
  margin-top: 42px !important;
}

body.archive.tax-product_cat nav.woocommerce-pagination ul {
  border: 0 !important;
}

body.archive.tax-product_cat nav.woocommerce-pagination ul li {
  border: 0 !important;
  margin: 0 4px !important;
}

body.archive.tax-product_cat nav.woocommerce-pagination ul li a,
body.archive.tax-product_cat nav.woocommerce-pagination ul li span {
  min-width: 38px !important;
  min-height: 38px !important;
  border: 1px solid #D6D9E0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #1C1E26 !important;
}

body.archive.tax-product_cat nav.woocommerce-pagination ul li span.current {
  background: #F5C400 !important;
  border-color: #F5C400 !important;
}

/* ============================================================
   Responsive
   ============================================================ */

@media (max-width: 1180px) {
  body.archive.tax-product_cat ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.archive.tax-product_cat ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  body.archive.tax-product_cat ul.products li.product img {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

@media (max-width: 560px) {
  body.archive.tax-product_cat .site-main,
  body.archive.tax-product_cat .content-area {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.archive.tax-product_cat .it24-category-intro {
    margin-top: 22px !important;
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }

  body.archive.tax-product_cat ul.products {
    grid-template-columns: 1fr !important;
  }

  body.archive.tax-product_cat ul.products li.product {
    min-height: auto !important;
  }

  body.archive.tax-product_cat ul.products li.product img {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }

  .it24-category-benefits {
    display: grid;
    grid-template-columns: 1fr;
  }

  .it24-category-seo {
    border-radius: 14px;
    padding: 24px 20px;
  }
}
/* ============================================================
   IT24 – Kategorie Toolbar ausblenden
   Ergebnisanzahl, Sortierung, Grid/List-Umschalter entfernen
   ============================================================ */

body.archive.tax-product_cat .woocommerce-result-count,
body.archive.tax-product_cat .woocommerce-ordering,
body.archive.tax-product_cat .gridlist-toggle,
body.archive.tax-product_cat .kadence-woo-toggle,
body.archive.tax-product_cat .wc-grid-view,
body.archive.tax-product_cat .wc-list-view,
body.archive.tax-product_cat .products-view {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Abstand zwischen Intro und Produktgrid sauber setzen */
body.archive.tax-product_cat ul.products {
  margin-top: 32px !important;
}
/* ============================================================
   IT24 – Kategoriebreite auf Header/Footer angleichen
   ============================================================ */

body.archive.tax-product_cat .content-container,
body.archive.tax-product_cat .site-container,
body.archive.tax-product_cat .woocommerce.archive,
body.archive.tax-product_cat .woocommerce,
body.archive.tax-product_cat .it24-category-intro,
body.archive.tax-product_cat .it24-category-seo {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Produktbereich ebenfalls begrenzen */
body.archive.tax-product_cat ul.products {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hauptbereich nicht zusätzlich zu breit ziehen */
body.archive.tax-product_cat .site-main,
body.archive.tax-product_cat .content-area {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Mobile/Tablet wieder mit Innenabstand */
@media (max-width: 1280px) {
  body.archive.tax-product_cat .site-main,
  body.archive.tax-product_cat .content-area,
  body.archive.tax-product_cat .it24-category-intro,
  body.archive.tax-product_cat .it24-category-seo,
  body.archive.tax-product_cat ul.products {
    max-width: calc(100% - 32px) !important;
  }
}

/* IT24 Abfülltechnik: Reihenfolge und kompakte Unterkategorien */
.term-481 ul.products li.product-category { height: auto !important; }
.term-481 ul.products li.product-category .product-details {
  padding: 0 !important;
  min-height: 0 !important;
}
.term-481 ul.products li.product-category h2.woocommerce-loop-category__title {
  min-height: 0 !important;
  padding: 20px 26px 22px !important;
}
.term-481 ul.products li.product-category:has(> a[href="https://www.imkertechnik24.de/k/abfuelltechnik/honigabfueller-drehtische/"]) { order: 1; }
.term-481 ul.products li.product-category:has(> a[href="https://www.imkertechnik24.de/k/abfuelltechnik/abfuellbehaelter/"]) { order: 2; }
.term-481 ul.products li.product-category:has(> a[href="https://www.imkertechnik24.de/k/abfuelltechnik/zubehoer-fuer-abfuellbehaelter/"]) { order: 3; }
.term-481 ul.products li.product-category { min-height: 0 !important; padding: 0 !important; }
.term-481 ul.products { align-items: flex-start !important; grid-auto-rows: auto !important; }
.term-481 ul.products li.product-category > a { height: auto !important; min-height: 0 !important; }
.term-481 ul.products li.product-category .product-details { flex: 0 0 auto !important; }
body.archive.tax-product_cat.term-481 ul.products li.product.product-category { min-height: 0 !important; height: auto !important; padding: 0 !important; }
body.archive.tax-product_cat.term-481 ul.products li.product.product-category .product-details { min-height: 0 !important; height: auto !important; padding: 0 !important; flex: 0 0 auto !important; }

/* Kompaktere Kategoriebeschreibung im Kopf */
.it24-category-excerpt {
  font-size: clamp(1rem, 1.1vw, 1.125rem) !important;
  line-height: 1.55 !important;
}