/**
 * Fiche 2 en 1 : le strict minimum.
 *
 * Le balisage est celui d'un produit variable de WooCommerce (table.variations, single_variation_wrap,
 * div.quantity, single_add_to_cart_button), donc le thème et les mu-plugins du site l'habillent déjà.
 * On ne décrit ici que ce qui n'existe nulle part ailleurs : l'avertissement, le message d'erreur, le
 * libellé de quantité visible et la séparation entre les deux articles.
 */

.nerd-duo-notice {
    margin: 0 0 1.5em;
    font-weight: 700;
    color: #d00;
}

/* Les deux articles ont besoin d'être lus comme deux blocs distincts : sans ce filet, les deux
   tableaux d'options et les deux quantités s'enchaînent sans rupture et on ne sait plus lequel on
   configure. */
.nerd-duo-slot + .nerd-duo-slot {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.nerd-duo-slot .single_variation_wrap {
    margin-top: .5em;
}

/* Contrairement à une fiche ordinaire, il y a DEUX champs de quantité sur la page : le libellé passe
   de lecteur d'écran à visible, sinon rien ne dit à quel article chaque champ se rapporte. */
.nerd-duo-qty-label {
    display: block;
    margin-bottom: .35em;
    font-weight: 700;
}

.nerd-duo-slot.is-out-of-stock .woocommerce-variation-availability {
    color: #d00;
}

.nerd-duo-error {
    display: none;
    margin: 0 0 1em;
}

.nerd-duo-error.is-visible {
    display: block;
}

.nerd-duo-submit.loading {
    opacity: .6;
    pointer-events: none;
}

/* Message reserve aux personnes qui peuvent modifier la fiche : un article configure mais depublie
   disparait sans bruit pour les visiteurs, autant le dire a qui peut le corriger. */
.nerd-duo-admin-warning {
    margin: 0 0 1em;
    padding: .7em .9em;
    border-left: 3px solid #d63638;
    background: #fcf0f1;
    color: #8a1f21;
    font-size: .9em;
}