/* Bandeau au-dessus du formulaire d'inscription professionnelle. */
.lec-pro-bandeau {
    margin: 0 0 1.5em;
    padding: 1em 1.2em;
    border-left: 4px solid #c0cf60;
    background: #f6f8ec;
    font-size: 0.95em;
    line-height: 1.5;
}

.lec-pro-bandeau a {
    text-decoration: underline;
}

/* Les bandeaux à titre : celui qui remplace le formulaire, et celui qui dit où
   en est le compte en tête de Mon compte. */
.lec-pro-bandeau h3 {
    margin: 0 0 0.6em;
    font-size: 1.15em;
}

.lec-pro-bandeau p {
    margin: 0 0 0.6em;
}

.lec-pro-bandeau p:last-child {
    margin-bottom: 0;
}

/* « Le formulaire est fermé » : il remplace le formulaire au lieu de le
   précéder, il doit donc peser plus lourd que le bandeau d'accueil. */
.lec-pro-bandeau--avertissement,
.lec-pro-bandeau--attente {
    border-left-color: #b06a2c;
    background: #fbf3e9;
}

/* L'accès professionnel est ouvert : on garde le vert de la maison. */
.lec-pro-bandeau--actif {
    border-left-color: #c0cf60;
    background: #f6f8ec;
}

/* En tête de Mon compte, le bandeau précède le contenu du tableau de bord. */
.lec-pro-bandeau--statut {
    margin-bottom: 2em;
}

/* Encart « une demande vous attend » en tête de Mon compte. */
.lec-pro-demande h3 {
    margin-top: 0;
}

.lec-pro-demande__table {
    margin: 1em 0;
    width: 100%;
}

.lec-pro-demande__table th {
    width: 40%;
    text-align: left;
    font-weight: 600;
}

/* L'encart est un bloc de message WooCommerce, dont Storefront impose la
   couleur de texte à tout ce qu'il contient : la table des coordonnées y
   devient illisible. */
.woocommerce-message .lec-pro-demande__table,
.woocommerce-message .lec-pro-demande__table th,
.woocommerce-message .lec-pro-demande__table td {
    color: #000 !important;
}

.lec-pro-demande__actions form {
    display: inline;
    margin-right: 0.5em;
}


/* Les informations professionnelles dans « Détails du compte ». Le thème
   habille déjà les champs de WooCommerce : il ne reste qu'à poser le cadre et
   à faire respirer la note d'aide sous chaque case. */
.lec-pro-champs {
    margin: 1.5em 0;
    padding: 1em 1.25em 0.5em;
    border: 1px solid #d8d5cd;
    border-radius: 3px;
}

.lec-pro-champs legend {
    padding: 0 0.5em;
    font-weight: 600;
}

.lec-pro-champs__mot {
    margin-top: 0;
    font-size: 0.9em;
}

.lec-pro-champs .description {
    display: block;
    margin-top: 0.25em;
    font-size: 0.85em;
    opacity: 0.8;
}