/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
h2.test {
	color: green !important;
}

.pohl-product-gallery:has(.jet-gallery-swiper-thumb) .pohl-vendor-logo {
	bottom: 112px;
}

/* =========================================================
   POHL MegaNav – final (Desktop)
   ========================================================= */

.pohl-meganav{
  width: 100%;
  /* optional, falls ihr die Box wirklich als „weiße Box“ stylt */
  /* background:#fff; */
  /* box-shadow: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05); */
}

/* Grid: Spaltenzahl via CSS-Var (aus Shortcode/Inline-Style) */
.pohl-meganav-grid{
  display: grid;
  grid-template-columns: repeat(var(--pohl-meganav-cols, 4), minmax(0, 1fr));
  column-gap: 56px;
  row-gap: 16px;
  align-items: start;
}

/* Spalte */
.pohl-meganav-col{
  display: flex;
  flex-direction: column;
  gap: 12px; /* sehr kompakt */
}

/* Ebene 1 Balken (Block-Titel) */
.pohl-meganav-block-title{
  display: block;
  background: #0089c5;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.72em;      /* ~10% kleiner */
  padding: 8px 12px;
  line-height: 1.1;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease;
}

.pohl-meganav-block-title:hover{
  background: #0F234A;
  color: #fff !important;
}

/* Liste (Unterpunkte) */
.pohl-meganav-list{
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
}

.pohl-meganav-list-item{
  margin: 0;
  padding: 0;
  line-height: 1.15;
}

.pohl-meganav-list-item::before{
  content: none !important; /* Pfeile entfernen */
}

.pohl-meganav-list-link{
  display: inline-block;
  font-size: 0.72em;
  color: #222;
  text-decoration: none !important;
  transition: color .15s ease;
}

/* Hover: nur Textfarbe, kein Hintergrund */
.pohl-meganav-list-link:hover{
  color: #0F234A;
}

/* Unterstreichung überall verhindern */
.pohl-meganav a,
.pohl-meganav a:hover,
.pohl-meganav a:focus,
.pohl-meganav a:active{
  text-decoration: none !important;
}