/* ================================
   DESIGN PREMIUM CHECKOUT ALGÉRIEN
   ================================ */

/* Icônes devant les labels */
#billing_type_liv_field label:before {
    content: "🚚 ";
}
#billing_wilaya_field label:before {
    content: "📍 ";
}
#billing_commune_field label:before {
    content: "🗺️ ";
}
#billing_bureau_field label:before {
    content: "🏢 ";
}

/* Style général des champs */
.woocommerce form .form-row select,
.woocommerce form .form-row input {
    border: 2px solid #e5e5e5 !important;
    padding: 12px 12px !important; /* +2px en hauteur */
    border-radius: 6px !important;
    font-size: 15px !important;
    transition: all 0.25s ease;
    background-color: #86681f !important; /* couleur du fond */
    color: #edeae5 !important;            /* couleur du texte */
}

/* Liste déroulante avec hauteur augmentée et texte centré */
.woocommerce form .form-row select {
    height: 48px !important; /* Hauteur augmentée */
    line-height: 48px !important; /* Centrage vertical du texte */
    font-size: 16px !important; /* Taille de police légèrement augmentée */
    padding: 0 12px !important; /* Padding horizontal uniquement */
    appearance: none; /* Supprime le style natif pour plus de contrôle */
    background-color: #86681f !important;
    color: #edeae5 !important;
    border-radius: 6px !important;
    border: 2px solid #e5e5e5 !important;
    transition: all 0.25s ease;
}

/* Options dans la liste déroulante */
.woocommerce form .form-row select option {
    font-size: 16px !important;
    padding: 10px !important;
    background-color: #86681f !important;
    color: #edeae5 !important;
}



/* Focus premium */
.woocommerce form .form-row select:focus,
.woocommerce form .form-row input:focus {
    border-color: #0073aa !important;
    box-shadow: 0 0 0 2px rgba(0,115,170,0.15) !important;
}

/* Label premium */
.woocommerce form .form-row label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #333;
}
/* Encadré premium pour les frais Yalidine */
#cay-fee-preview {
    padding: 12px 15px;
    background: #86681f !important;   /* fond premium */
    color: #edeae5 !important;        /* texte premium */
    font-size: 16px;
    border-radius: 6px;
    margin-top: 10px;
    text-align: center;
    animation: fadeIn 0.4s ease;
}

/* Encadré premium pour l’adresse du bureau Yalidine */
#cay-bureau-address {
    margin-top: 10px;
    padding: 12px;
    background: #86681f !important;   /* fond premium */
    border-left: 4px solid #edeae5 !important; /* bordure contrastée */
    border-radius: 6px;
    font-size: 14px;
    color: #edeae5 !important;        /* texte premium */
    animation: fadeIn 0.4s ease;
}


/* Animation douce */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Bouton Commander premium */
#place_order {
    background: #86681f !important;   /* couleur du fond */
    border-radius: 6px !important;
    padding: 14px 20px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    color: #edeae5 !important;        /* couleur du texte */
    border: none !important;
}

/* Effet hover */
#place_order:hover {
    background: #6d5318 !important;   /* version plus foncée au survol */
    color: #edeae5 !important;
}

/* Désactivation propre */
#place_order:disabled {
    background: #cccccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
}


/* Espacement plus propre */
.woocommerce form .form-row {
    margin-bottom: 18px !important;
}