/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 11 2026 | 11:01:52 */
/* Leesbril.nl - stapelkorting (Flycart Discount Rules) als nette kaders met merkkleur.
   VERSIE 6 (finale): titel, aantallen en prijzen een tikje groter.

   Plaatsen: Code Snippets -> CSS-snippet (vervang de vorige), of Extra CSS. Cache legen.

   Knoppen:
   - Titeltekst: regel met content: "...". Ruimte erboven: "margin: 14px ..." (1e getal).
   - Kleur: "kaderkleur" en "prijskleur" (#ff6600 -> bijv. #d12f2f voor rood).
   - Groottes: titel "font-size: 1.25em", aantal "font-size: 1.15em", prijs "font-size: 1.4em".
*/

/* Tabel -> blok, tabel-randen weg. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) table {
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: separate;
}

/* Titel, exact 1x (op de tabel), gecentreerd, met ruimte erboven, groter. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) table::before {
    content: "Profiteer van onze stapelkorting";
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    color: #222;
    text-align: center;
    margin: 14px 0 12px;
}

/* Kopregel (Aantal / Prijs p/s) verbergen. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) thead {
    display: none;
}

/* Staffels naast elkaar als kaartjes. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) tbody tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1 1 110px;
    min-width: 110px;
    margin: 0;
    padding: 16px 16px;
    background: #fff;
    border: 2px solid #ff6600;   /* kaderkleur */
    border-radius: 12px;
    text-align: center;
}

/* Cellen -> gecentreerde blokjes. De !important overrulet de plugin-marge. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) td {
    display: block;
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none;
    text-align: center;
    line-height: 1.3;
}

/* Aantal (eerste cel): vet en duidelijk, iets groter. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) td:first-child {
    font-weight: 700;
    font-size: 1.15em;
    color: #222;
}

/* Prijs (tweede cel): groot en in merkkleur. */
.single-product :is(.awdr-bulk-customizable-table, .advanced-woo-discount-rules-onsale-table) td:last-child {
    color: #ff6600;   /* prijskleur */
    font-weight: 700;
    font-size: 1.4em;
}