/* X-Hunter Anpassungen (themes/leo_tactiko_elements/assets/css/custom.css – wird von PrestaShop automatisch zuletzt geladen) */

/* Hauptmenü: alle Hauptpunkte in eine Zeile (13.10.2026) */
.leo-megamenu .navbar-nav.megamenu.horizontal { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.leo-megamenu .navbar-nav.megamenu.horizontal > li { flex: 0 1 auto; margin: 0 !important; }
.leo-megamenu .navbar-nav.megamenu.horizontal > li > a { letter-spacing: .5px; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1299px) {
  .leo-megamenu .navbar-nav.megamenu.horizontal > li > a { font-size: 12px; letter-spacing: 0; padding-left: 5px; padding-right: 5px; }
}

/* Marken-Leiste Startseite: Logos grau, beim Darüberfahren farbig (13.10.2026) */
.banner-content img[src*="/img/m/"] { transition: filter .2s, opacity .2s; }
.banner-content a:hover img[src*="/img/m/"], .banner-content a:focus img[src*="/img/m/"] { filter: none !important; opacity: 1 !important; }

/* Mega-Menü: Unterkategorien als Bildkacheln über die ganze Breite (14.10.2026, Vorbild Oberland Arms).
   Bilder kommen aus menue_aufbau.py (icon_class = <img class="xh-mm-img">). */
@media (min-width: 992px) {
  .leo-megamenu .navbar-nav.megamenu.horizontal { position: relative; }
  .leo-megamenu .navbar-nav.megamenu.horizontal > li.xh-auto.parent { position: static !important; }
  .leo-megamenu .navbar-nav.megamenu.horizontal > li.xh-auto > .dropdown-menu.level1 {
    left: 0 !important; right: 0 !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important;
    border: 0; border-top: 3px solid #dd0e0e; border-radius: 0; box-shadow: 0 14px 30px rgba(0, 0, 0, .18); background: #fff;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .dropdown-menu-inner { padding: 24px 28px; }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col { width: 100%; max-width: 100%; flex: 0 0 100%; }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul {
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li { border: 0; margin: 0; padding: 0; }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li > a {
    display: flex; flex-direction: column; height: 100%; padding: 0 !important; border: 1px solid #e6e6e6; background: #fff; text-align: center;
    transition: border-color .15s;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li > a .hasicon {
    display: flex; flex-direction: column; flex: 1 1 auto; background: none !important; padding: 0; margin: 0; width: auto; height: auto;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 img.xh-mm-img {
    display: block !important; /* überstimmt [hidden] */ width: 100%; height: 110px; object-fit: contain; padding: 8px; background: #fff;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li > a .menu-title {
    display: flex; align-items: center; justify-content: center; min-height: 40px; margin-top: auto; padding: 8px 6px;
    background: #1f1f1f; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.25; text-transform: uppercase; letter-spacing: .4px;
    transition: background .15s;
  }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li > a:hover { border-color: #dd0e0e; }
  .leo-megamenu li.xh-auto > .dropdown-menu.level1 .mega-col .inner > ul > li > a:hover .menu-title { background: #dd0e0e; }
}
/* Handy/Tablet (Seitenmenü): keine Kachelbilder */
@media (max-width: 991px) {
  .leo-megamenu img.xh-mm-img { display: none; }
}

/* Startseite „Beliebte Kategorien“: Titel bleiben in der Kachel, keine Artikelanzahl (15.10.2026) */
.elementor-element-f0bcbcd .image-banner .elementor-image-box-description { display: none !important; }
.elementor-element-f0bcbcd .image-banner .elementor-image-box-content { left: 14px !important; right: 14px !important; bottom: 14px !important; width: auto !important; }
.elementor-element-f0bcbcd .image-banner .elementor-image-box-title { font-size: clamp(14px, 1.2vw, 22px) !important; line-height: 1.2 !important; margin: 0 !important; hyphens: manual; }
.elementor-element-f0bcbcd .image-banner .elementor-image-box-title span { max-width: 100%; }

/* Startseite Kacheln AK/AR/Unterhebel: Titel mit Schatten, lesbar auch auf hellen Fotos (15.10.2026) */
.elementor-element-590792e .elementor-image-box-title, .elementor-element-590792e .elementor-image-box-title a { text-shadow: 0 2px 4px rgba(0, 0, 0, .85), 0 0 18px rgba(0, 0, 0, .6); }
/* … und Titel oben links im freien Stein (Bildserie „dunkler Stein“, Marcus 16.10.2026; vorher bottom 26 % bei den Sonnenuntergang-Bildern) */
.elementor-element-590792e .elementor-widget-image-box .elementor-image-box-content { top: 7% !important; bottom: auto !important; transform: none !important; margin: 0 !important; }

/* Kategorieseiten: Kategoriebild unter der Beschreibung ausblenden – Kopf zeigt einheitliches Theme-Bild (Marcus 15.10.2026).
   Kategoriebilder werden weiter für die Menü-Kacheln genutzt. */
#category .block-category .category-cover { display: none !important; }

/* Kopfbild (Pfad-Leiste) mit Foto von Marcus aus dem Live-Shop (15.10.2026). Fester Ausschnitt statt Parallax:
   bei background-attachment: fixed hängt der Ausschnitt von der Fensterhöhe ab und der Kopf wird abgeschnitten. */
.breadcrumb-bg { background-size: cover !important; background-position: center 35% !important; background-repeat: no-repeat !important; }

/* Beliebte Kategorien: Namensband wird beim Darüberfahren rot – wie die Menü-Kacheln (Marcus 16.10.2026) */
.elementor-element-f0bcbcd .image-banner .elementor-image-box-title span { transition: background-color .15s; }
.elementor-element-f0bcbcd .image-banner:hover .elementor-image-box-title span,
.elementor-element-f0bcbcd .image-banner .elementor-image-box-title a:focus span { background: #dd0e0e !important; }

/* Markenübersicht /marken: Name mittig unter dem Logo statt schmaler Spalte daneben (Marcus 16.10.2026) */
body#manufacturer li.brand > div { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; float: none !important; text-align: center !important; padding-left: 0; padding-right: 0; }
body#manufacturer li.brand .brand-img img { margin: 0 auto; }
body#manufacturer li.brand .brand-infos p { margin: 6px 0 0; }
/* AK/AR/Unterhebel-Kacheln sind jetzt komplett verlinkt (17.10.2026): Titel bleibt weiß, beim Darüberfahren rot */
.elementor-element-590792e .elementor-image-box-title a { color: #fff !important; transition: color .15s; }
.elementor-element-590792e .elementor-widget-image-box:hover .elementor-image-box-title a { color: #dd0e0e !important; }
@media (max-width: 767px) {
  .elementor-element-590792e .elementor-image-box-title { font-size: 26px !important; line-height: 1.15 !important; }
}
/* Hover-Abdunklung des Themes (::before über dem Bild) fängt am Handy den Tipp aufs Bild ab -> durchklickbar machen (17.10.2026) */
.banner1-home1 .banner-content .elementor-image-box-wrapper::before { pointer-events: none !important; }
.elementor-element-590792e .elementor-image-box-img a { display: block; }