/**
 * Divi 5 — styles front des modules Créneaux.
 *
 * Les `default` d'un module.json n'émettent AUCUN CSS : Divi n'en génère que
 * lorsque l'utilisateur modifie une valeur. Tout ce qu'un module doit avoir
 * « par défaut » se déclare donc ici, en CSS statique.
 *
 * Le sélecteur et le planning sont stylés par includes/css/oaka-creneaux.css,
 * partagé avec la fiche produit et les shortcodes. Ce fichier ne porte que ce
 * qui est propre au placement dans une mise en page Divi.
 */

.oaka-creneaux-module {
    width: 100%;
}

.oaka-creneaux-module .oaka-creneaux-booking,
.oaka-creneaux-module .oaka-creneaux-planning {
    max-width: 100%;
}

/* Dans une colonne Divi étroite, le sélecteur ne doit pas garder la largeur
   confortable qu'il prend sur une fiche produit. */
.oaka-creneaux-module .oaka-creneaux-select,
.oaka-creneaux-module .oaka-creneaux-date,
.oaka-creneaux-module .oaka-creneaux-time {
    max-width: 100%;
}

.oaka-creneaux-module .oaka-creneaux-product {
    margin: 0 0 .5em;
    font-weight: 600;
}