/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770294198
Updated: 2026-02-05 13:23:18

*/


.drop-shawow-img{
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
}
/******************************CAROUSSEL realisations**************************************/
.txt-rea-caroussel{
    opacity: 0!important;
    transform: translateY(32px)!important;
    transition:
        opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1.1s cubic-bezier(0.22, 1, 0.36, 1)!important;
    transition-delay: 0.25s!important;
    pointer-events: none!important;
    will-change: opacity, transform!important;
}

.swiper-slide-active .txt-rea-caroussel,
.real-card:hover .txt-rea-caroussel{
    opacity: 1!important;
    transform: translateY(0)!important;
    pointer-events: auto!important;
}


.swiper-slide-active .txt-rea-caroussel{
    transition-delay: 0.18s!important;
}


.liste-point-rouge h2{
    font-family: "Lato", Sans-serif;
    font-size: 23px;
    font-weight: 900;
	margin-bottom:0px;
}

.e-n-accordion .e-n-accordion-item-title{
    justify-content: space-between!important;
	}
	
	
	
.elementor-price-table .elementor-price-table__features-list svg {
    width: 80px!important;
}

.elementor-price-table .elementor-price-table__features-list svg~* {
    width: 56%!important;
    display: inline-block!important;
    text-align: left!important;
}

.elementor-price-table .elementor-price-table__price {
    padding: 20px 0!important;
}

.elementor-price-table .elementor-price-table__features-list li .elementor-price-table__feature-inner {
    display: flex;
    justify-content: flex-end;
}


/*******************************¨PAGE PRODUIT*********************************/

.info-produit-single h1{
    font-family: Lato, sans-serif;
    font-size: 38px;
    font-weight: 900;
    line-height: 1em;
    color: rgb(9, 25, 54);
}


.info-produit-single h2{
    font-family: "Lato", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #F44051;
}

.info-produit-single ul{
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    color: rgb(9, 25, 54);
    margin-top: 40px;
	list-style: none;
    list-style-image: url(https://www.com-pac.ovh/alubatiservice/wp-content/themes/Alubatiservice_theme/IMG/PUCE.png);
}

.info-produit-single ul p{
    margin-left: 5px;
}

.onglet-produit p{
    color: #091936;
    font-family: "Lato", Sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.onglet-produit ul{
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    color: rgb(9, 25, 54);
    margin-top: 20px;
	list-style: none;
    list-style-image: url(https://www.com-pac.ovh/alubatiservice/wp-content/themes/Alubatiservice_theme/IMG/PUCE-little.png);
}

.onglet-produit ul p{
    margin-left: 5px;
}

.onglet-produit h3{
    color: #091936;
    font-family: "Lato", Sans-serif;
    font-size: 17px;
    font-weight: 600;
}

.lien-ral a{
background-color: #F44051;
    font-family: "Lato", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    letter-spacing: 0px;
    word-spacing: 0em;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F44051;
    border-radius: 0px 0px 0px 0px;
    padding: 11px 20px 11px 20px;
	    transition: all .3s;
		margin-right: 20px;
}
.lien-ral{
margin-top:30px;
    display: block;
    margin-bottom: 30px;
}

.lien-ral a:hover{
    background-color: #02010100;
    color: #F44051;
}


.apf-invalid input {
  border-color: #d63638 !important;
  box-shadow: 0 0 0 1px #d63638 !important;
}

.apf-live-error {
  margin-top: 6px;
  font-size: 12px;
  color: #d63638;
}


.wapf-field-description a{
background-color: #F44051;
    font-family: "Lato", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F44051;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 8px 6px 8px;
    transition: all .3s;
    margin-right: 10px;
    margin-top: 8px;
    display: inline-block;
}


.wapf-field-description a:hover{
    background-color: #02010100;
    color: #F44051;
}


.wapf-field-description {
    opacity: 1!important;
}

/* TOOLTIP */
.delardage {
  position: relative; /* important */
}

.delardage .tooltip-delardage {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%; /* prend toute la largeur de .delardage */
  background: #ffffff;
  color: #091936;
  padding: 20px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
  display: none;
  z-index: 9999;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid #eee;
  font-family: "Lato", Sans-serif;
  font-weight: 400;
}

.delardage .tooltip-delardage::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 32px; /* ajuste si besoin pour aligner sous le ℹ */
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
}

.delardage .info-delardage:hover .tooltip-delardage {
  display: block;
}

.price-calcul{
  display: none!important;
}
.woocommerce-message {
    border-top-color: #F44051;
}

.woocommerce-message::before {
    color: #F44051;
}

.wapf-field-label span{
    font-family: "Lato", Sans-serif;
    color: #091936;
    font-weight: bold;
}
abbr[title] {
    text-decoration: none!important;
}

.wapf-field-input input,
.wapf-field-input select{
   width:72%!important;
}

.apf-dim.apf-hauteur
{
    border-bottom: solid 2px #09193633;
    margin-bottom: 20px;
}


.delardage{
    border-bottom: solid 2px #09193633;
}

.wapf-field-container{
    width: 70%!important;

}

div.wapf-product-totals > div > div{
    display: flex;
    align-items: center;
}

.wapf-total.wapf-grand-total.price.amount{
    font-family: "Lato", Sans-serif;
    font-size: 30px;
    font-weight: 900;
    color: #091936;
	    margin-left: 10px;
}

.wapf-product-totals > div > div > span{
    font-family: "Lato", Sans-serif;
    font-size: 30px;
    font-weight: 900;
    color: #091936;
}

.wapf-product-totals > div > div > span:first-child::after{    
content : ' :';
}


.wapf-total.wapf-grand-total.price.amount:after{
content : ' H.T.';
}

.wapf-wrapper {
    margin: 0 0 0px -5px!important;
}
.elementor-menu-cart__product-name.product-name a{
   color:#F44051;
}


/*******************************WOOOCMMMERCE************************/

#fonctionnement ul,
#fonctionnement p{
    font-family: "Lato", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.3em;
    letter-spacing: 0px;
    word-spacing: 0em;
    color: #091936;
}

#fonctionnement ul{
margin:7px 0px 10px 0px;
}

#fonctionnement p{
margin-bottom:10px;
}

#fonctionnement span{
margin-bottom:10px;
display:block;
}

#fonctionnement .elementor-icon svg {
    display: none;
}
.elementor-icon-box-icon .elementor-icon,
.elementor-widget-icon-box .elementor-icon-box-icon {
    background-color: #F44051;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: flex!important;
    align-items: center;
    justify-content: center;
}



.elementor-widget-icon-box .elementor-icon-box-icon span {
   margin-bottom: 0px!important;
}

   

.elementor-icon::before {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}


.etape1 .elementor-icon::before {
    content: "1";
}
.etape2 .elementor-icon::before {
    content: "2";
}
.etape3 .elementor-icon::before {
    content: "3";
}
.etape4 .elementor-icon::before {
    content: "4";
}


.besoin-devis{
  width:500px!important;
}

.besoin-devis-txt{
  width:calc(100% - 500px)!important;
}

.wc-block-components-product-details__prix-calcul{
  display:none;
}


/***********************************PANIER***************************/
.apf-mini-cart-specs li{
    list-style: none;
}

.apf-mini-cart-specs {
    padding-left:0px!important;
}

.apf-mini-cart-specs li:last-child {
    display:none;
}

.elementor-menu-cart__product-price.product-price {
font-weight:bold;
    color: #F44051;
	}
	
/* ============================================
   PAGE PANIER - AluBatiService
   Basé sur la charte graphique réelle
   ============================================ */

/* --- Conteneur général --- */
.woocommerce-cart .wp-block-woocommerce-cart {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: "Lato", sans-serif;
}

/* --- Titre de page --- */
.woocommerce-cart h1 {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 3px solid #F44051;
    display: inline-block;
}

/* --- En-têtes colonnes du tableau --- */
.wc-block-cart-items .wc-block-cart-items__header {
    background-color: #091936;
    color: #ffffff !important;
    padding: 12px 16px;
    border-radius: 6px 6px 0 0;
    font-family: "Lato", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wc-block-cart-items .wc-block-cart-items__header span {
    color: #ffffff !important;
}

/* --- Lignes produits --- */
.wc-block-cart-items__row {
    border-bottom: 1px solid #e0e4ea;
    padding: 20px 0;
    transition: background 0.2s ease;
}

.wc-block-cart-items__row:hover {
    background-color: #f7f8fa;
}

/* --- Image produit --- */
.wc-block-cart-item__image img {
    border-radius: 6px;
    border: 1px solid #dde2e8;
    padding: 4px;
    background: #fff;
}

/* --- Nom du produit --- */
.wc-block-components-product-name {
    color: #091936 !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-decoration: none !important;
}

.wc-block-components-product-name:hover {
    color: #F44051 !important;
}

/* --- Description courte --- */
.wc-block-components-product-metadata__description p {
  display:none;
}

/* --- Métadonnées produit (specs APF : Largeur, Hauteur, etc.) --- */
.wc-block-components-product-details {
    list-style: none !important;
    padding: 8px 12px !important;
    margin: 8px 0 0 0 !important;
    background-color: #f0f2f5;
    border-left: 3px solid #F44051;
    border-radius: 0 4px 4px 0;
    font-family: "Lato", sans-serif;
    font-size: 0.82rem;
}

.wc-block-components-product-details li {
    padding: 2px 0;
    list-style: none !important;
}

.wc-block-components-product-details__name {
    font-weight: 700;
    color: #091936;
    margin-right: 4px;
}

.wc-block-components-product-details__value {
    color: #444;
}

/* Masquer "Prix calculé" (déjà géré par votre CSS existant) */
.wc-block-components-product-details__prix-calcul {
    display: none !important;
}

/* --- Prix unitaire --- */
.wc-block-cart-item__prices .wc-block-components-product-price__value {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 1rem;
}



.wc-block-cart-items__header-image,
.wc-block-cart-items__header-total{
    padding: 10px 0px!important;
	text-align:center!important;
}

/* --- Sélecteur de quantité --- */
.wc-block-components-quantity-selector {
    border: 1px solid #c5ccd6 !important;
    border-radius: 6px !important;
    overflow: hidden;
    display: inline-flex !important;
    align-items: center;
}

.wc-block-components-quantity-selector__input {
    border: none !important;
    border-left: 1px solid #c5ccd6 !important;
    border-right: 1px solid #c5ccd6 !important;
    width: 50px !important;
    text-align: center !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important;
    color: #091936 !important;
    font-size: 0.95rem !important;
    padding: 6px 4px !important;
    background: #fff !important;
}

.wc-block-components-quantity-selector__button {
    background-color: #f0f2f5 !important;
    color: #091936 !important;
    border: none !important;
    width: 34px !important;
    height: 36px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s, color 0.2s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wc-block-components-quantity-selector__button:hover {
    background-color: #F44051 !important;
    color: #ffffff !important;
}

/* --- Bouton supprimer --- */
.wc-block-cart-item__remove-link {
    font-family: "Lato", sans-serif !important;
    color: #aaa !important;
    font-size: 0.78rem !important;
    text-decoration: none !important;
    margin-top: 6px !important;
    display: inline-block !important;
    transition: color 0.2s !important;
}

.wc-block-cart-item__remove-link:hover {
    color: #F44051 !important;
}

/* --- Prix total de la ligne --- */
.wc-block-cart-item__total .wc-block-components-product-price__value {
    color: #F44051;
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-size: 1.15rem;
}

/* --- Bloc récapitulatif (sidebar) --- */
.wp-block-woocommerce-cart-order-summary-block {
    background-color: #f7f8fa;
    border: 1px solid #dde2e8;
    border-radius: 8px;
    padding: 24px !important;
    position: sticky;
    top: 100px;
    font-family: "Lato", sans-serif;
}

/* --- Titre "Récapitulatif de la commande" --- */
.wp-block-woocommerce-cart-order-summary-heading-block h2 {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-bottom: 12px;
    border-bottom: 2px solid #F44051;
    margin-bottom: 16px !important;
}

/* --- Lignes sous-total / livraison / total --- */
.wc-block-components-totals-item {
    padding: 10px 0 !important;
    border-bottom: 1px solid #e8eaee !important;
    font-family: "Lato", sans-serif;
}

.wc-block-components-totals-item__label {
    color: #555;
    font-size: 0.9rem;
    font-weight: 400;
}

.wc-block-components-totals-item__value {
    color: #091936;
    font-weight: 700;
    font-size: 0.95rem;
}

/* --- Ligne TOTAL final --- */
.wc-block-components-totals-footer-item {
    padding: 16px 0 4px !important;
    border-bottom: none !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #F44051;
    font-family: "Lato", sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
}

/* --- Bouton "Commander" --- */
.wp-block-woocommerce-proceed-to-checkout-block a {
    background-color: #F44051 !important;
    color: #ffffff !important;
    font-family: "Lato", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border: 1px solid #F44051 !important;
    border-radius: 0 !important;
    padding: 14px 24px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background 0.3s, color 0.3s !important;
    margin-top: 16px !important;
}

.wp-block-woocommerce-proceed-to-checkout-block a:hover {
    background-color: transparent !important;
    color: #F44051 !important;
}

/* --- Coupon --- */
.wc-block-components-totals-coupon__form input[type="text"] {
    border: 1px solid #c5ccd6 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    font-family: "Lato", sans-serif !important;
    color: #091936 !important;
    font-size: 0.9rem !important;
}

.wc-block-components-totals-coupon__form button {
    background-color: #091936 !important;
    color: #fff !important;
    border: 1px solid #091936 !important;
    border-radius: 0 !important;
    padding: 10px 16px !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    transition: background 0.3s, color 0.3s !important;
}

.wc-block-components-totals-coupon__form button:hover {
    background-color: #F44051 !important;
    border-color: #F44051 !important;
}

/* --- Notices / alertes --- */
.wc-block-components-notice-banner {
    border-left: 4px solid #F44051 !important;
    background-color: #fff5f6 !important;
    border-radius: 0 4px 4px 0 !important;
    font-family: "Lato", sans-serif !important;
}

/* --- Panier vide --- */
.wc-block-cart--is-empty .wc-block-cart__empty-cart__title {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-weight: 900;
}

.wc-block-cart--is-empty p {
    color: #666;
    font-family: "Lato", sans-serif;
}

.wc-block-cart--is-empty .wc-block-components-button {
    background-color: #F44051 !important;
    color: #fff !important;
    border: 1px solid #F44051 !important;
    border-radius: 0 !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: background 0.3s, color 0.3s !important;
}

.wc-block-cart--is-empty .wc-block-components-button:hover {
    background-color: transparent !important;
    color: #F44051 !important;
}

/* --- Responsive mobile --- */
@media (max-width: 768px) {
    .woocommerce-cart .wp-block-woocommerce-cart {
        padding: 20px 12px;
    }

    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 1.15rem;
    }

    .wp-block-woocommerce-cart-order-summary-block {
        position: static;
        margin-top: 24px;
    }
}


/* --- Correction : désactiver le sticky qui cause le chevauchement --- */
.wp-block-woocommerce-cart-order-summary-block {
    position: static !important;
    top: auto !important;
}


/* ============================================
   Mentions HT / TTC sur la page panier (Blocks)
   ============================================ */

/* Prix unitaire colonne "Prix" */
.wc-block-cart-item__prices .wc-block-formatted-money-amount::after {
    content: " H.T.";
    font-family: "Lato", sans-serif;
    font-size: 0.72em;
    font-weight: 700;
    color: #091936;
    opacity: 0.6;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

/* Prix total de la ligne colonne "Total" */
.wc-block-cart-item__total .wc-block-formatted-money-amount::after {
    content: " H.T.";
    font-family: "Lato", sans-serif;
    font-size: 0.72em;
    font-weight: 700;
    color: #091936;
    opacity: 0.6;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

/* Sous-total dans le récapitulatif */
.wc-block-components-totals-item .wc-block-formatted-money-amount::after {
    content: " H.T.";
    font-family: "Lato", sans-serif;
    font-size: 0.72em;
    font-weight: 700;
    color: #091936;
    opacity: 0.6;
    letter-spacing: 0.03em;
}

/* TOTAL ESTIMÉ - mettre TTC si c'est le total toutes taxes */
.wc-block-components-totals-footer-item .wc-block-formatted-money-amount::after {
    content: " T.T.C.";
    font-family: "Lato", sans-serif;
    font-size: 0.72em;
    font-weight: 700;
    color: #F44051;
    opacity: 0.8;
    letter-spacing: 0.03em;
}

/* TVA - pas de mention */
.wc-block-components-totals-taxes .wc-block-formatted-money-amount::after {
    content: "" !important;
}


/* Prix unitaire - mention HT + label "prix unitaire" */
.wc-block-cart-item__prices .wc-block-components-product-price__value::after {
    content: " H.T. — prix unitaire";
    font-family: "Lato", sans-serif;
    font-size: 0.72em;
    font-weight: 400;
    color: #091936;
    opacity: 0.6;
    letter-spacing: 0.03em;
    vertical-align: middle;
    margin-left: 5px;
}


.woocommerce-cart{
    background-color: #f0f0f0;
}

.woocommerce-cart #content{
    background-color: #ffffff;
}

.woocommerce-cart #content .entry-title{
    text-align: center;
    text-transform: uppercase;
    padding: 23px 0px 20px;
    margin-top: 50px;
    background-color: #091936;
    color: white;
}


/* ============================================
   PAGE COMMANDER (CHECKOUT) - AluBatiService
   Même charte que la page panier
   ============================================ */

/* --- Fond de page --- */
.woocommerce-checkout {
    background-color: #f0f0f0;
}

.woocommerce-checkout #content {
    background-color: #ffffff;
}

/* --- Titre de page --- */
.woocommerce-checkout #content .entry-title {
    text-align: center;
    text-transform: uppercase;
    padding: 23px 0px 20px;
    margin-top: 50px;
    background-color: #091936;
    color: white;
	font-family: "Lato", sans-serif;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 30px;
    border-bottom: 3px solid #F44051;
}

/* --- Conteneur général --- */
.woocommerce-checkout .wp-block-woocommerce-checkout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: "Lato", sans-serif;
}

/* ============================================
   FORMULAIRE - COLONNE GAUCHE
   ============================================ */

/* --- Titres de sections (Coordonnées, Livraison...) --- */
.wc-block-checkout__step-title,
.wp-block-woocommerce-checkout-fields-block h2,
.wc-block-components-checkout-step__title {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 2px solid #F44051;
    margin-bottom: 20px !important;
    letter-spacing: normal;
    font-weight: 700!important;
}
.wc-block-components-checkout-step__heading .wc-block-components-title.wc-block-components-title{
    border-bottom: 2px solid #F44051;
    display: inline;
    padding-bottom: 4px;
}

.wc-block-components-checkout-step__heading-container {
    margin-bottom: 35px!important;
    margin-top: 10px!important;
}

/* Numéro d'étape */
.wc-block-components-checkout-step__heading-number {
    background-color: #F44051 !important;
    color: #ffffff !important;
    font-family: "Lato", sans-serif !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.85rem !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

/* --- Labels des champs --- */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-textarea label,
.wc-block-components-checkbox__label {
 font-family: "Lato", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #091936 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 4px !important;
}

/* --- Champs input / select --- */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-textarea textarea,
.wc-block-components-country-input input,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
    border: 1px solid #c5ccd6 !important;
    border-radius: 0 !important;
    padding: 10px 12px !important;
    font-family: "Lato", sans-serif !important;
    font-size: 0.95rem !important;
    color: #091936 !important;
    background-color: #ffffff !important;
    transition: border-color 0.2s !important;
    width: 100% !important;
}
.wc-block-components-text-input input{
    border: 1px solid #c5ccd6 !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-components-textarea textarea:focus,
.wc-block-components-address-form input:focus,
.wc-block-components-address-form select:focus {
    border-color: #F44051 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(244, 64, 81, 0.12) !important;
}



/* --- Erreurs de validation --- */
.wc-block-components-validation-error {
    font-family: "Lato", sans-serif !important;
    font-size: 0.8rem !important;
    color: #F44051 !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
}

.wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-shipping-address-message {
    text-align: left!important;
}

.wc-block-components-checkbox__label {
    font-size: 0.88rem !important;
    color: #555 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
}

.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option-layout{
    margin-left: 30px!important;
}

.wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-price{
    display:none;
}

.wc-block-components-checkbox__label a {
    color: #F44051 !important;
    text-decoration: underline !important;
}

/* --- Modes de paiement --- */
.wc-block-components-radio-control__option {
    border: 1px solid #e0e4ea !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    margin-bottom: 8px !important;
    transition: border-color 0.2s, background 0.2s !important;
    font-family: "Lato", sans-serif !important;
}

.wc-block-components-radio-control__option:hover {
    border-color: #F44051 !important;
    background-color: #fff5f6 !important;
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control__option[aria-checked="true"] {
    border-color: #F44051 !important;
    background-color: #fff5f6 !important;
}

.wc-block-components-radio-control-accordion-option__checked-icon {
    color: #F44051 !important;
    fill: #F44051 !important;
}

/* Radio button visuel */
.wc-block-components-radio-control__input {
    accent-color: #F44051 !important;
}

/* Label mode de paiement */
.wc-block-components-payment-method-label {
    font-family: "Lato", sans-serif !important;
    font-weight: 700 !important;
    color: #091936 !important;
    font-size: 0.95rem !important;
}

/* Description mode de paiement */
.wc-block-components-radio-control-accordion-content {
    font-family: "Lato", sans-serif !important;
    font-size: 0.85rem !important;
    color: #666 !important;
    padding: 12px 16px !important;
    background-color: #f7f8fa !important;
    border-top: 1px solid #e8eaee !important;
}

/* ============================================
   RÉCAPITULATIF COMMANDE - COLONNE DROITE
   (mêmes styles que page panier)
   ============================================ */

.wp-block-woocommerce-checkout-order-summary-block {
    background-color: #f7f8fa;
    border: 1px solid #dde2e8;
    border-radius: 8px;
    padding: 24px !important;
    font-family: "Lato", sans-serif;
}

/* Titre récapitulatif */
.wp-block-woocommerce-checkout-order-summary-block h2,
.wc-block-components-checkout-order-summary__title {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-bottom: 12px;
    border-bottom: 2px solid #F44051;
    margin-bottom: 16px !important;
}

/* Ligne produit dans le récap */
.wc-block-components-order-summary-item {
    border-bottom: 1px solid #e8eaee !important;
    padding: 14px 0 !important;
    font-family: "Lato", sans-serif;
}

.wc-block-components-order-summary-item__image img {
    border-radius: 4px;
    border: 1px solid #dde2e8;
}

.wc-block-components-order-summary-item__full-name {
    color: #091936 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
}

.wc-block-components-order-summary-item__individual-price {
    color: #555 !important;
    font-size: 0.82rem !important;
}

.wc-block-components-order-summary-item__total-price {
    color: #F44051 !important;
    font-weight: 900 !important;
    font-size: 1rem !important;
}

/* Métadonnées produit (specs APF) dans le récap */
.wc-block-components-order-summary-item__description {
    font-size: 0.8rem !important;
    color: #666 !important;
    font-family: "Lato", sans-serif !important;
}

.wc-block-components-product-details {
    padding: 6px 10px !important;
    margin-top: 6px !important;
    background-color: #f0f2f5 !important;
    border-left: 3px solid #F44051 !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 0.8rem !important;
}

/* Totaux */
.wc-block-components-totals-item {
    padding: 10px 0 !important;
    border-bottom: 1px solid #e8eaee !important;
    font-family: "Lato", sans-serif;
}

.wc-block-components-totals-item__label {
    color: #555;
    font-size: 0.9rem;
    font-weight: 400;
}

.wc-block-components-totals-item__value {
    color: #091936;
    font-weight: 700;
    font-size: 0.95rem;
}

/* Total final */
.wc-block-components-totals-footer-item {
    padding: 16px 0 4px !important;
    border-bottom: none !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #091936;
    font-family: "Lato", sans-serif;
    font-size: 1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #F44051;
    font-family: "Lato", sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
}

/* Mentions HT/TTC dans le récap checkout */
.wc-block-components-order-summary-item__total-price .wc-block-formatted-money-amount::after {
    content: " H.T.";
    font-size: 0.72em;
    font-weight: 700;
    opacity: 0.6;
    letter-spacing: 0.03em;
}

.wc-block-components-totals-footer-item .wc-block-formatted-money-amount::after {
    content: " T.T.C.";
    font-size: 0.72em;
    font-weight: 700;
    opacity: 0.8;
    letter-spacing: 0.03em;
}

.wc-block-components-totals-taxes .wc-block-formatted-money-amount::after {
    content: "" !important;
}

/* ============================================
   BOUTON PASSER LA COMMANDE
   ============================================ */

.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-components-checkout-place-order-button {
    background-color: #F44051 !important;
    color: #ffffff !important;
    font-family: "Lato", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    border: 1px solid #F44051 !important;
    border-radius: 0 !important;
    padding: 16px 24px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: background 0.3s, color 0.3s !important;
    margin-top: 16px !important;
    cursor: pointer !important;
}

.wc-block-components-checkout-place-order-button:hover {
    background-color: transparent !important;
    color: #F44051 !important;
}

/* ============================================
   NOTICES ET ALERTES
   ============================================ */

.wc-block-components-notice-banner {
    border-left: 4px solid #F44051 !important;
    background-color: #fff5f6 !important;
    border-radius: 0 4px 4px 0 !important;
    font-family: "Lato", sans-serif !important;
}

.wc-block-components-notice-banner__content {
    font-family: "Lato", sans-serif !important;
    color: #091936 !important;
    font-size: 0.9rem !important;
}

.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-text-input input{
    padding-top: 30px !important;
    padding-bottom: 8px !important;
    height: auto !important;
}

.wc-blocks-components-select .wc-blocks-components-select__label,
.wc-block-components-text-input.is-active label {
    top: 11px!important;
}

/* --- Réorganisation du bloc produit dans le récap commande --- */

/* Conteneur principal en grid : image+prix sur la 1ère ligne, description en dessous */
.wc-block-components-order-summary-item {
    display: grid !important;
    grid-template-columns: 48px 1fr auto !important;
    grid-template-rows: auto auto !important;
    gap: 0 12px !important;
    align-items: center !important;
}

/* Image : colonne 1, ligne 1 */
.wc-block-components-order-summary-item__image {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

/* Titre produit (h3) : colonne 2, ligne 1 */
.wc-block-components-order-summary-item__description h3.wc-block-components-product-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

/* Prix total : colonne 3, ligne 1 */
.wc-block-components-order-summary-item__total-price {
    grid-column: 3 !important;
    grid-row: 1 !important;
    text-align: right !important;
    align-self: self-start;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding: 0px 0px 12px 0px!important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    padding-bottom: 0px!important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    margin: 0 0 0px 0px!important;
    letter-spacing: normal;
    font-weight: 700 !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 700!important;
	 letter-spacing: normal;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row {
    flex-direction: column!important;
    align-items: flex-start!important;
}

.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    justify-content: center!important;
}

/* Description complète (specs + prix unitaire) : ligne 2, toute la largeur */
.wc-block-components-order-summary-item__description {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin-top: 10px !important;
}

/* Masquer le h3 dans la description puisqu'il est remonté en ligne 1 */
.wc-block-components-order-summary-item__description h3.wc-block-components-product-name {
    display: none !important;
}

/* Titre cloné via grid - on l'affiche directement dans le conteneur parent */
.wc-block-components-order-summary-item > .wc-block-components-order-summary-item__description > h3 {
    display: block !important;
}

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

@media (max-width: 768px) {
    .woocommerce-checkout .wp-block-woocommerce-checkout {
        padding: 20px 12px;
    }

    .wp-block-woocommerce-checkout-order-summary-block {
        margin-top: 24px;
    }

    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 1.15rem;
    }
}

/* Masque l'icône emoji par défaut du titre */
.with-empty-cart-icon::before {
    display: none !important;
}

/* Centre et stylise le titre du panier vide */
.wc-block-cart__empty-cart__title {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}



/* Masque la section "Nouveau dans la boutique" quand le panier est vide */
.wp-block-woocommerce-empty-cart-block .wp-block-separator,
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wp-block-product-new {
    display: none !important;
}




/* Masque la section "Nouveau dans la boutique" */
.wp-block-woocommerce-empty-cart-block .wp-block-separator,
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wp-block-product-new {
    display: none !important;
}

/* Style du VRAI bouton créé par JavaScript */
.custom-empty-cart-button {
    text-align: center;
    margin-top: 30px;
}

.custom-empty-cart-btn {
    display: block !important;
    background-color: #F44051 !important; /* Change la couleur */
    color: white !important;
    text-decoration: none !important;
    font-family: "Lato", Sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
	    margin: auto;
    width: 295px;
	    border-radius: 0px 0px 0px 0px;
    padding: 11px 20px 11px 20px;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F44051;
}

.custom-empty-cart-btn:hover {
    background-color: white!important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	color:#F44051 !important;
}


.woocommerce-cart #content{
    margin-bottom: 50px;
}