.elementor-2062 .elementor-element.elementor-element-1e492801{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2062 .elementor-element.elementor-element-6ca70a03{--display:flex;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2062 .elementor-element.elementor-element-6ca70a03:not(.elementor-motion-effects-element-type-background), .elementor-2062 .elementor-element.elementor-element-6ca70a03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4ED64;}.elementor-2062 .elementor-element.elementor-element-6ca70a03.e-con{--align-self:center;}.elementor-2062 .elementor-element.elementor-element-795d2fb6{--spacer-size:180px;}.elementor-2062 .elementor-element.elementor-element-0fc902d{text-align:center;}.elementor-2062 .elementor-element.elementor-element-0e45765{text-align:center;}.elementor-2062 .elementor-element.elementor-element-70bb6b9c{--spacer-size:150px;}.elementor-2062 .elementor-element.elementor-element-42e24cdc > .elementor-widget-container{margin:0px 0px 0px -5px;}.elementor-2062 .elementor-element.elementor-element-42e24cdc.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-2062 .elementor-element.elementor-element-42e24cdc{left:0px;}body.rtl .elementor-2062 .elementor-element.elementor-element-42e24cdc{right:0px;}.elementor-2062 .elementor-element.elementor-element-42e24cdc{bottom:0px;}.elementor-2062 .elementor-element.elementor-element-44766f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-2062 .elementor-element.elementor-element-6ca70a03{--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2062 .elementor-element.elementor-element-795d2fb6{--spacer-size:10px;}.elementor-2062 .elementor-element.elementor-element-70bb6b9c{--spacer-size:80px;}.elementor-2062 .elementor-element.elementor-element-42e24cdc > .elementor-widget-container{margin:0px 0px 0px -3px;}.elementor-2062 .elementor-element.elementor-element-42e24cdc{text-align:start;}.elementor-2062 .elementor-element.elementor-element-42e24cdc img{width:64%;}}@media(min-width:768px){.elementor-2062 .elementor-element.elementor-element-1e492801{--width:97%;}}/* Start custom CSS for container, class: .elementor-element-1e492801 */.centermrg{
    margin: 0px auto;
}

@media only screen and (min-width:768px){
    .slidermarge{
    margin-left: 2%;
    margin-right:2%;
}
}

@media only screen and (max-width:767px){
    .slidermarge{
    margin-left: 0%;
    margin-right:0%;
}
.centermrg{width:90%;}
.bluemobile{width:90%;margin:0px auto;margin-top:30px;}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fd0709d */h4#order_review_heading {
    display: none;
}

section.woocommerce-customer-details {
    display: none;
}

button#place_order {
    background-color: #e47e11 !important;
    border-radius: 40px;
}


button#place_order:hover {
    background-color: #1449ae !important;
}


/* ==== LAYOUT PRINCIPAL CHECKOUT ==== */

/* Container principal du checkout */
.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Layout desktop : order_review 50% (gauche) + col2-set 50% (droite) côte à côte */
@media (min-width: 768px) {
    .checkout.woocommerce-checkout {
        flex-direction: row;
        align-items: flex-start;
        gap: 30px;
    }
    
    /* Section order review - 50% de la largeur (à gauche) */
    #order_review {
        width: 50% !important;
        flex: 0 0 50%;
        order: 1;
    }
    
    /* Section des détails client - 50% de la largeur (à droite) */
    .col2-set {
        width: 50% !important;
        flex: 0 0 50%;
        order: 2;
    }
}

/* ==== COL-1 ET COL-2 EN VERTICAL ==== */

/* col-1 et col-2 toujours en colonne verticale */
.col2-set {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
}

.col2-set .col-1,
.col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* ==== MASQUER TOUS LES PRIX ET QUANTITÉS ==== */

/* Cacher les quantités des produits */
.product-quantity,
.cart_item .product-quantity {
    display: none !important;
}

/* Cacher les prix des produits */
.product-total,
.cart_item .product-total {
    display: none !important;
}

/* Cacher le sous-total */
.cart-subtotal {
    display: none !important;
}

/* Cacher le total */
.order-total {
    display: none !important;
}

/* Cacher toutes les classes prix WooCommerce */
.woocommerce-Price-amount,
.amount,
.price,
.woocommerce-Price-currencySymbol {
    display: none !important;
}

/* Cacher la colonne "Subtotal" dans l'en-tête du tableau */
.shop_table thead th.product-total {
    display: none !important;
}

/* Ajuster la largeur de la colonne produit */
.shop_table thead th.product-name,
.shop_table tbody td.product-name {
    width: 100% !important;
}

/* ==== AMÉLIORATION VISUELLE TABLE PRODUITS ==== */

/* Styling du tableau des produits */
.shop_table.woocommerce-checkout-review-order-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0;
}

.shop_table thead th {
    background-color: #f8f9fa;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

.shop_table tbody td {
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.shop_table tbody tr:last-child td {
    border-bottom: none;
}

/* Styling des noms de produits */
.cart_item .product-name {
    font-weight: 500;
    line-height: 1.4;
    color: #333;
}

/* ==== RESPONSIVE MOBILE ==== */

@media (max-width: 767px) {
    /* Sur mobile, tout en colonne verticale avec order_review en premier */
    .checkout.woocommerce-checkout {
        flex-direction: column;
    }
    
    /* Liste des services en premier (en haut) */
    #order_review {
        width: 100% !important;
        order: 1;
    }
    
    /* Formulaire en second (en bas) */
    .col2-set {
        width: 100% !important;
        order: 2;
    }
    
    /* Réduire les paddings sur mobile */
    .shop_table thead th,
    .shop_table tbody td {
        padding: 10px;
    }
    
    /* Ajuster la taille de la police sur mobile */
    .cart_item .product-name {
        font-size: 14px;
    }
}

/* ==== ESPACEMENT ET TITRES ==== */

/* Styling des titres de section */
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review h4 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #007cba;
    padding-bottom: 10px;
}

/* Espacement des champs de formulaire */
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row {
    margin-bottom: 15px;
}

/* ==== SECTION ORDER REVIEW STYLING ==== */

#order_review {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-top: 0;
}

@media (max-width: 767px) {
    #order_review {
        margin-top: 20px;
        padding: 15px;
    }
}










/*--------modifs 2eme partie aprés entrer les donées -----*/

/* ==== CSS POUR PAGE CONFIRMATION DEVIS ==== */

/* Cacher tous les éléments liés aux prix */
.woocommerce-order-overview__total,
.woocommerce-table__product-table,
.product-total,
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol,
.amount,
tfoot tr {
    display: none !important;
}

/* Cacher les quantités des produits */
.product-quantity {
    display: none !important;
}

/* Cacher la colonne "Total" dans le tableau */
.woocommerce-table thead th.product-total {
    display: none !important;
}

/* Ajuster la largeur de la colonne des services pour prendre toute la place */
.woocommerce-table thead th.product-name,
.woocommerce-table tbody td.product-name {
    width: 100% !important;
}

/* Styling amélioré pour la page de devis */
.woocommerce-notice--success {
    background: linear-gradient(135deg, #4CAF50, #45a049) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 20px !important;
    font-size: 18px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
    margin-bottom: 30px !important;
}

/* Styling des détails de la demande */
.woocommerce-order-overview {
    background: #f8f9fa !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
    border-left: 4px solid #007cba !important;
}

.woocommerce-order-overview li {
    background: white !important;
    margin-bottom: 10px !important;
    padding: 12px 15px !important;
    border-radius: 6px !important;
    border: 1px solid #e9ecef !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Styling du tableau des services */
.woocommerce-table {
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    margin-bottom: 30px !important;
}

.woocommerce-table thead th {
    background: #007cba !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 15px 20px !important;
    text-align: left !important;
    border: none !important;
}

.woocommerce-table tbody td {
    padding: 15px 20px !important;
    border-bottom: 1px solid #e9ecef !important;
    background: white !important;
}

.woocommerce-table tbody tr:nth-child(even) td {
    background: #f8f9fa !important;
}

.woocommerce-table tbody tr:hover td {
    background: #e3f2fd !important;
    transition: background-color 0.3s ease !important;
}

/* Styling des liens vers les produits */
.woocommerce-table .product-name a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.woocommerce-table .product-name a:hover {
    color: #007cba !important;
    text-decoration: underline !important;
}

/* Styling de la section coordonnées client */
.woocommerce-customer-details {
    background: #f8f9fa !important;
    border-radius: 8px !important;
    padding: 25px !important;
    border-left: 4px solid #28a745 !important;
}

.woocommerce-customer-details h2 {
    color: #333 !important;
    margin-bottom: 20px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.woocommerce-customer-details address {
    background: white !important;
    padding: 20px !important;
    border-radius: 6px !important;
    border: 1px solid #e9ecef !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}

/* Styling des titres de section */
.woocommerce-order-details__title {
    color: #333 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #007cba !important;
}

/* Message d'information supplémentaire */
.quote-info-message {
    background: #fff3cd !important;
    border: 1px solid #ffeaa7 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin: 20px 0 !important;
    border-left: 4px solid #f39c12 !important;
}

.quote-info-message h3 {
    color: #856404 !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
}

.quote-info-message p {
    color: #856404 !important;
    margin-bottom: 8px !important;
    line-height: 1.5 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-order-overview li {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }
    
    .woocommerce-table thead th,
    .woocommerce-table tbody td {
        padding: 12px 15px !important;
    }
    
    .woocommerce-customer-details,
    .woocommerce-order-overview,
    .quote-info-message {
        padding: 15px !important;
    }
}/* End custom CSS */