/*
Custom Anpassungen fuer NETZdinge.de Plugin "NETZdingeDE ab Preis (Staffelpreis)"
*/

/* Nächste Preisstaffel – dezente Darstellung */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile="naechste"] {
    color: #526571 !important;
}

/* Icon in Roper-Blau */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile="naechste"] svg {
    color: #009ee3 !important;
}

/* Mengenangabe neutral hervorheben */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-wert="naechste"] strong {
    color: #263b4a !important;
    font-weight: 600;
}

/* Staffelpreis als letzter fettgedruckter Wert */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-wert="naechste"] strong:last-child {
    color: #007eb8 !important;
}

/* ==========================================
   ROPER – Preisbereich Abstände korrigieren
   ========================================== */

/* Abstand unter dem Hauptpreis reduzieren */
.product-info .price_wrapper .price.h1 {
    margin-bottom: 3px !important;
    padding-bottom: 0 !important;
}

/* Staffelpreis-Hinweis kompakt platzieren */
.product-info .price_wrapper #nd-ab-preis-teaser {
    margin: 2px 0 3px !important;
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 1.35 !important;
}

/* Keine zusätzlichen Abstände innerhalb des Hinweises */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile] {
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Steuer- und Versandinformationen näher heranrücken */
.product-info .price_wrapper .price-note {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* Höchste Staffel erreicht – dezent grau */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile="bestpreis"] {
    color: #84919a !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

/* Text und Icon ebenfalls grau */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile="bestpreis"] * {
    color: #84919a !important;
}

/* Icon etwas kleiner */
.product-info .price_wrapper
#nd-ab-preis-teaser [data-nd-ab-zeile="bestpreis"] i {
    font-size: 11px !important;
    margin-right: 5px !important;
}

/* Gelben Bootstrap-Hintergrund entfernen */
.product-info .price_wrapper #nd-ab-preis-teaser {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}