/*
 * Styles pour le formulaire de commande personnalisée
 */

/* --- Amélioration de la mise en page en deux colonnes --- */
.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Crée deux colonnes de largeur égale */
    gap: 0 20px; /* Espace de 20px entre les colonnes */
}

.form-row-wide {
    grid-column: 1 / -1; /* Le champ s'étend de la première à la dernière colonne */
}

/* --- Amélioration visuelle des boutons --- */

/* Style de base pour les boutons d'action */
#add_product_button, #create_order_button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Bouton "Añadir Producto" - Style secondaire (vert) */
#add_product_button {
    background-color: #28a745; /* Vert succès */
}

#add_product_button:hover {
    background-color: #218838; /* Vert plus foncé */
}

/* Bouton "Crear Orden" - Style principal (bleu) */
#create_order_button {
    background-color: #0056b3; /* Bleu principal du site */
    font-size: 1.1em;
}

#create_order_button:hover {
    background-color: #004494; /* Bleu plus foncé */
}