/* /Pages/Verschiedenes/Sonderverkauf.cshtml.rz.scp.css */
/* Grundlegender Tabellenaufbau mit Abstand zwischen den Gruppen */
.sale-table[b-pi7sz8k5y5] {
    width: 100%;
    border-collapse: separate; /* Erlaubt Abstände zwischen den tbody-Blöcken */
    border-spacing: 0 10px; /* 0px horizontal, 160x vertikaler Abstand zwischen den Blöcken */
    font-family: system-ui, -apple-system, sans-serif;
}

    /* Tabellenkopf */
    .sale-table thead th[b-pi7sz8k5y5] {
        font-weight: 700;
        text-align: left;
        padding: 8px 16px;
        color: #333;
    }

    /* GRUPPIERUNG: Jedes tbody als eigene "Karte" / "Card" styled */
    .sale-table .item-group[b-pi7sz8k5y5] {
        background-color: #ffffff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
        border-radius: 8px;
    }

    /* Hauptzeile: Unten nur minimalen Abstand lassen */
    .sale-table .main-row td[b-pi7sz8k5y5] {
        padding-top: 8px;
        padding-bottom: 0px !important; /* Kein Abstand nach unten */
    }

    /* Unterzeile: Oben direkt an die Hauptzeile anschließen */
    .sale-table .sub-row td[b-pi7sz8k5y5] {
        padding-top: 0px !important; /* Kein Abstand nach oben */
        padding-bottom: 8px;
        font-size: 0.85rem;
        color: #666;
    }

    /* Ecken des tbodys abrunden */
    .sale-table .item-group tr:first-child td:first-child[b-pi7sz8k5y5] {
        border-top-left-radius: 8px;
    }

    .sale-table .item-group tr:first-child td:last-child[b-pi7sz8k5y5] {
        border-top-right-radius: 8px;
    }

    .sale-table .item-group tr:last-child td:first-child[b-pi7sz8k5y5] {
        border-bottom-left-radius: 8px;
    }

    .sale-table .item-group tr:last-child td:last-child[b-pi7sz8k5y5] {
        border-bottom-right-radius: 8px;
    }

/* OPTIONAL: Einfacher Trennstrich statt "Karten-Optik" */
/* 
.sale-table .item-group {
    border-bottom: 2px solid #e0e0e0;
}
*/

/* Preise, Badges & Verkauft-Effekte */
.product-title[b-pi7sz8k5y5] {
    font-weight: 700;
}

.price-tag[b-pi7sz8k5y5] {
    font-weight: 700;
    text-align:center;
}

.status-badge[b-pi7sz8k5y5] {
    padding: 4px 10px;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-available[b-pi7sz8k5y5] {
    background-color: #e6f4ea;
    color: #137333;
}

.badge-sold[b-pi7sz8k5y5] {
    background-color: #fce8e6;
    color: #c5221f;
}

/* Durchgestrichenes Layout bei verkauften Artikeln */
.sale-table .item-group.is-sold .main-row td:not(:last-child)[b-pi7sz8k5y5],
.sale-table .item-group.is-sold .sub-row td[b-pi7sz8k5y5] {
    text-decoration: line-through;
    color: #999;
}


/* 1. Artikelbeschreibung: Immer in einer Zeile halten und Spalte so eng wie möglich machen */
.sale-table th:nth-child(1)[b-pi7sz8k5y5],
.sale-table td:nth-child(1)[b-pi7sz8k5y5] {
    width: 1%;
    white-space: nowrap;
}

/* 2. Sonderpreis: Ebenfalls schrumpfen und keinen Umbruch erlauben */
.sale-table th:nth-child(2)[b-pi7sz8k5y5],
.sale-table td:nth-child(2)[b-pi7sz8k5y5] {
    width: 1%;
    white-space: nowrap;
}

/* 3. Kondition: Ebenfalls schrumpfen und keinen Umbruch erlauben */
.sale-table th:nth-child(3)[b-pi7sz8k5y5],
.sale-table td:nth-child(3)[b-pi7sz8k5y5] {
    width: 1%;
    white-space: nowrap;
}

/* Wichtig: Bei der Unterzeile (sub-row) soll colspan="4" das Umbrechen wieder erlauben! */
.sale-table .sub-row td[b-pi7sz8k5y5] {
    white-space: normal;
}