/*
 * e-drive Center Hersteller-Tabs
 *
 * Die Tab-Buttons nutzen im Markup die globalen Theme-Klassen .btn .btn-border
 * (gleiche Pill-Optik wie auf der Produktdetailseite). Hier wird nur ergaenzt,
 * was noetig ist: volle Pillen-Form erzwingen, aktiver Zustand, Filter im
 * Service-Tab ausblenden, Abstaende.
 *
 * Farben entsprechen den Theme-Variablen:
 *   Markengruen #3AAA35, Dunkelgruen #0EC645, Rahmengrau #656F79
 */

.edc-manufacturer-tabs {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Tab-Leiste: Flex mit Abstand, keine nav-tabs-Reste (Rahmen/Unterstrich) */
#edc-ht-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

#edc-ht-tabs .nav-item {
    margin: 0;
    padding: 0;
}

/* Volle Pille erzwingen. Das Theme setzt fuer .tab-navigation .nav-link
   border:0 und padding-left/right:0 sowie einen ::after-Unterstrich – das hier
   ueberschreibt das gezielt (ID-Selektor + !important). */
#edc-ht-tabs .nav-link {
    border-radius: 30px !important;
    margin: 0 !important;
    border: 1px solid #656F79 !important;
    padding: 15px 25px !important;
    background: transparent;
    color: #000;
    position: static;
}

/* Theme-Unterstrich (::after / ::before) der Tabs entfernen – das war die "Delle" */
#edc-ht-tabs .nav-link::after,
#edc-ht-tabs .nav-link::before {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

/* Aktiver Tab: gruene Fuellung wie der Hover-/Primary-Zustand der Buttons */
#edc-ht-tabs .nav-link.active,
#edc-ht-tabs .nav-link.active:hover,
#edc-ht-tabs .nav-link.active:focus {
    background: linear-gradient(to right, #0EC645, #3AAA35) !important;
    border: 1px solid transparent !important;
    color: #ffffff !important;
}

/* Tab-Inhalt (Produktraster) – steht separat an der normalen Listenposition */
.edc-manufacturer-tabs-content {
    margin-top: 0.5rem;
}

/* Auf Herstellerseiten wird kein Filter benoetigt – komplett ausblenden
   (Desktop-Filter, Filter-Buttons und Mobil-Filter-Modal, inkl. Trennlinie). */
#result-wrapper.manufacturer #edc_filter_wrapper,
#result-wrapper.manufacturer #edc_filter_wrapper + hr,
#result-wrapper.manufacturer #js-filters,
#result-wrapper.manufacturer #collapseFilter {
    display: none !important;
}

/* Auf Herstellerseiten "Sortierung" und "Artikel pro Seite" ausblenden.
   Der Zaehler ("Artikel 1 - x von x") und die Trennlinie der oberen
   Listen-Navigation bleiben sichtbar -> Reihenfolge: Zaehler, dann Linie. */
#result-wrapper.manufacturer .filter-type-FilterItemSort,
#result-wrapper.manufacturer .filter-type-FilterItemLimits {
    display: none !important;
}

/* Das Theme macht auf Listenseiten (body[data-page="2"]) diese Trennlinien
   weiss (unsichtbar). Auf Herstellerseiten wieder sichtbar machen. */
#result-wrapper.manufacturer hr.productlist-page-nav-bottom {
    border-color: rgba(0, 0, 0, 0.1) !important;
    border-top-color: rgba(0, 0, 0, 0.1) !important;
}