/*
 * B2B bestelflow — bestelknop in dezelfde opmaak als de offerteknop.
 *
 * De markup hergebruikt de klassen van awcf_quote_quantity_fvdw (.awcf-qq-*),
 * dus het meeste komt daar al vandaan. Hier alleen wat het bestelformulier
 * extra nodig heeft: het omhullende <form> mag geen eigen ruimte innemen, en
 * de bestelknop moet dezelfde uitlijning krijgen als .add_to_quote.
 */

.awcf-ord-cart {
    margin: 0;
}

/* Zelfde uitlijning als de offerteknop naast het aantalveld. */
.awcf-qq-wrap .awcf-ord-add {
    margin: 0;
}

/* WooCommerce/thema zetten soms een eigen breedte of blokweergave op de
   knop binnen form.cart; binnen onze flex-rij moet hij gewoon meeschalen. */
.awcf-ord-cart .awcf-qq-wrap .awcf-ord-add {
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Het label is hier een <label> (de offerteknop gebruikt een <span>); zorg dat
   het zich hetzelfde gedraagt in de kolom. */
.awcf-ord-wrap .awcf-qq-label {
    display: block;
    cursor: default;
}

/* De thema-styling van WooCommerce-hoeveelheidsvelden mag onze stepper niet
   in de weg zitten. */
.awcf-ord-cart .quantity {
    margin: 0;
}

/* Het uiterlijk van de knop (kleur, radius, typografie, hover en de afwijkende
   kleur in productoverzichten) staat NIET hier maar in awcf_algemene_css, waar
   .add_to_quote al gestyled werd: .awcf-ord-add is daar aan die selectors
   toegevoegd. Zo blijven beide knoppen automatisch identiek. */
.awcf-ord-cart .awcf-qq-wrap .awcf-ord-add {
    border: 0;
}

/* Melding op de productpagina als bestellen niet kan (uitverkocht, geen prijs,
   of minder voorraad dan één verpakking). */
.awcf-ord-unavailable {
    margin: 8px 0 0;
    font-weight: 600;
}

.txt-white .awcf-ord-unavailable {
    color: #ffffff;
}