/* =========================================================
   Vaporis Verification — formulaire d'inscription WooCommerce
========================================================= */

/* Formulaire inscription : mise en page générale */
.woocommerce-account .woocommerce-form-register,
.vaporis-contact-account-box .woocommerce-form-register{
    display: flex;
    flex-wrap: wrap;
    gap: 16px 4%;
    align-content: flex-start;
}

/* Tous les blocs du formulaire prennent toute la largeur par défaut */
.woocommerce-account .woocommerce-form-register > p,
.vaporis-contact-account-box .woocommerce-form-register > p{
    width: 100%;
    margin: 0 0 18px 0;
    box-sizing: border-box;
}

/* Prénom + Nom sur la même ligne */
.woocommerce-account .woocommerce-form-register > p:nth-of-type(1),
.woocommerce-account .woocommerce-form-register > p:nth-of-type(2),
.vaporis-contact-account-box .woocommerce-form-register > p:nth-of-type(1),
.vaporis-contact-account-box .woocommerce-form-register > p:nth-of-type(2){
    width: 48%;
}

/* On annule le push vers le bas du bouton qui créait le grand vide */
.woocommerce-account .woocommerce-form-register > p:last-child,
.vaporis-contact-account-box .woocommerce-form-register > p:last-child{
    margin-top: 0 !important;
}

/* Largeur correcte des champs dans le formulaire inscription */
.woocommerce-account .woocommerce-form-register input[type="text"],
.woocommerce-account .woocommerce-form-register input[type="email"],
.woocommerce-account .woocommerce-form-register input[type="password"],
.woocommerce-account .woocommerce-form-register input[type="date"],
.vaporis-contact-account-box .woocommerce-form-register input[type="text"],
.vaporis-contact-account-box .woocommerce-form-register input[type="email"],
.vaporis-contact-account-box .woocommerce-form-register input[type="password"],
.vaporis-contact-account-box .woocommerce-form-register input[type="date"]{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Mobile : tout repasse sur une seule colonne */
@media (max-width: 768px){
    .woocommerce-account .woocommerce-form-register > p:nth-of-type(1),
    .woocommerce-account .woocommerce-form-register > p:nth-of-type(2),
    .vaporis-contact-account-box .woocommerce-form-register > p:nth-of-type(1),
    .vaporis-contact-account-box .woocommerce-form-register > p:nth-of-type(2){
        width: 100%;
    }
}

/* =========================================================
   Vaporis — statuts vérifications client
========================================================= */

.vaporis-status-badge{
    display:inline-block;
    padding:4px 10px;
    border-radius:6px;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    vertical-align:middle;
}

.vaporis-status-badge--success{
    background:#dff3df;
    color:#245b24;
}

.vaporis-status-badge--pending{
    background:#fff3cd;
    color:#7a5a00;
}

.vaporis-status-badge--danger{
    background:#f8d7da;
    color:#842029;
}

.vaporis-account-alert-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    margin-left:6px;
    border-radius:50%;
    background:#dc3545;
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    line-height:1;
    vertical-align:middle;
}

/* =========================================================
   Vaporis — alerte menu Mon compte
========================================================= */

.woocommerce-MyAccount-navigation .vaporis-account-item--needs-action a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.woocommerce-MyAccount-navigation .vaporis-account-item--needs-action a::after {
    content: "⚠";
    color: #dc3545;
    font-size: 18px;
    line-height: 1;
    transform: translateY(1px);
    flex-shrink: 0;
}