.elementor-1215 .elementor-element.elementor-element-9e6198f{--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;}.elementor-1215 .elementor-element.elementor-element-599937b .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-family:"Ortica family", Sans-serif;font-size:15px;}.elementor-1215 .elementor-element.elementor-element-73f1ae1{--display:flex;}.elementor-1215 .elementor-element.elementor-element-8f741de{text-align:center;font-family:"Ortica family", Sans-serif;font-size:35px;}.elementor-1215 .elementor-element.elementor-element-c62e680{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1215 .elementor-element.elementor-element-c62e680.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-748c541{--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;}.elementor-1215 .elementor-element.elementor-element-748c541.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-1f73b7c{width:var( --container-widget-width, 100.279% );max-width:100.279%;--container-widget-width:100.279%;--container-widget-flex-grow:0;}.elementor-1215 .elementor-element.elementor-element-1f73b7c > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:-2px -2px -2px -2px;}.elementor-1215 .elementor-element.elementor-element-1f73b7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-d8ae054{--spacer-size:7px;width:var( --container-widget-width, 7.586% );max-width:7.586%;--container-widget-width:7.586%;--container-widget-flex-grow:0;}.elementor-1215 .elementor-element.elementor-element-d8ae054.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1215 .elementor-element.elementor-element-8de15c9{--display:flex;border-style:dotted;--border-style:dotted;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );}.elementor-1215 .elementor-element.elementor-element-ef96254{--display:flex;}.elementor-1215 .elementor-element.elementor-element-7da120f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1215 .elementor-element.elementor-element-e804709{--spacer-size:40px;}.elementor-1215 .elementor-element.elementor-element-4e64fc1{--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(min-width:768px){.elementor-1215 .elementor-element.elementor-element-c62e680{--width:98.998%;}.elementor-1215 .elementor-element.elementor-element-748c541{--width:72.833%;}}/* Start custom CSS for shortcode, class: .elementor-element-1f73b7c *//* Conteneur principal du panier */
.woocommerce-cart {
    background-color: #f8f8f8; /* Fond clair */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Ombre douce */
}

/* Tableau des produits */
.woocommerce-cart table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    color: #333;
}

/* Lignes du tableau */
.woocommerce-cart table th, .woocommerce-cart table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

/* Boutons du panier */
.woocommerce-cart .button {
    background-color: #333; /* Bouton noir épuré */
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-transform: uppercase;
}

.woocommerce-cart .button:hover {
    background-color: #f5b84d; /* Jaune doré pour un effet fancy */
    color: #fff;
}

/* Total panier */
.woocommerce-cart .cart_totals {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Effet moderne */
}

/* En-tête du total */
.woocommerce-cart .cart_totals h2 {
    font-size: 24px;
    color: #333;
}

/* Textes dans le récapitulatif du total */
.woocommerce-cart .cart_totals table th, 
.woocommerce-cart .cart_totals table td {
    font-size: 16px;
    color: #555;
}


/* Style pour la section Total panier */
.woocommerce-cart .cart_totals {
    background-color: #f7f7f7;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    margin-top: 20px;
}

/* Style pour les titres et sous-titres dans Total Panier */
.woocommerce-cart .cart_totals h2 {
    font-size: 10px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}

/* Espacement et alignement des éléments */
.woocommerce-cart .cart_totals table th, 
.woocommerce-cart .cart_totals table td {
    font-size: 16pxpxpx;
    color: #555;
    padding: 10px;
}

/* Style pour le bouton Valider la commande */
.woocommerce-cart .checkout-button {
    background-color: #4CAF50; /* Bouton vert pour valider la commande */
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
}

.woocommerce-cart .checkout-button:hover {
    background-color: #45a049; /* Changement de couleur au survol */
}

/* Espacement des éléments entre le sous-total et l'expédition */
.woocommerce-cart .cart_totals tr {
    border-bottom: 1px solid #eaeaea;
}

.woocommerce-cart .cart_totals tr:last-child {
    border-bottom: none;
}

/* Style pour les petites informations comme l'adresse de livraison */
.woocommerce-cart .cart_totals .shipping {
    font-size: 14px;
    color: #777;
}
.woocommerce-cart .cart-subtotal th, 
.woocommerce-cart .cart-subtotal td {
    font-size: 18px;
    font-weight: bold;
}

/* Réorganisation du champ de code promo et du bouton */
.woocommerce-cart-form .coupon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}

/* Réduire la taille de la police dans la section Total panier */
.woocommerce-cart .cart_totals {
    font-size: 14px; /* Ajuster la taille de la police pour rendre le texte plus petit */
}

/* Réduire la taille de la section Total panier */
.woocommerce-cart .cart_totals {
    padding: 10px; /* Réduire le padding pour compresser la section */
    margin-top: 20px; /* Ajuster l'espacement avec les éléments voisins */
}

/* Ajuster la taille des éléments spécifiques (sous-total, total, etc.) */
.woocommerce-cart .cart_totals .order-total {
    font-size: 18px; /* Garder le total légèrement plus grand pour le rendre plus visible */
}

/* Réduire la taille des labels et du texte des lignes */
.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    padding: 5px 10pxpx; /* Réduire l'espace interne entre les éléments */
}

.woocommerce-cart .actions .button {
    margin-top: 10px;  /* Réduit l'espacement entre les boutons */
    padding: 10px 20px;  /* Ajuste la taille des boutons */
    font-size: 14px;  /* Diminue légèrement la taille du texte */
}

.woocommerce-cart .coupon input[type="text"] {
    font-size: 14px;  /* Ajuste la taille du champ code promo */
    width: 100%;  /* Ajuste la largeur du champ promo */
}

.woocommerce-cart .coupon {
    margin-bottom: 10px;  /* Réduit l'espace sous le champ code promo */
}

.woocommerce-cart .cart_totals {
    padding: 20px;
    margin-top: 0;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 18px;  /* Réduit la taille du titre Total panier */
    margin-bottom: 10px;  /* Réduit l'espace sous le titre */
}

.woocommerce-cart .cart_totals table {
    font-size: 14px;  /* Réduit la taille de tout le texte dans le tableau du total */
}

.woocommerce-cart .cart_totals .order-total td {
    font-size: 16px;  /* Ajuste légèrement la taille du texte du total final pour le rendre plus visible */
}

.woocommerce-cart .cart_totals {
    width: 60%;  /* Ajuste la largeur de la section pour la rendre plus petite */
}

.applied-coupon {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    position: relative;
    width: 100%;
}

.coupon-name {
    font-size: 16px;
    font-weight: bold;
}

.remove-coupon-inline {
    color: #dc3545;
    font-size: 20px;
    text-decoration: none;
    margin-left: auto;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.remove-coupon-inline:hover {
    color: #c82333;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7da120f *//* Style pour la section principale */
.points-fidelite-container {
    background-color: #f7f7f7;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    max-width: 350px;
    margin: 20px auto;
    text-align: center;
}

/* Style du titre principal */
.points-fidelite-container h2 {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Style du sous-titre des points */
.points-fidelite-container .points-balance {
    font-size: 15px;
    font-weight: bold;
    color: #666;
    margin-bottom: 15px;
}

/* Texte encourageant */
.points-fidelite-container .message {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}

/* Conteneur du coupon */
.coupon-container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

/* Titre du coupon */
.coupon-container h3 {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
}

/* Détails du coupon */
.coupon-container p {
    font-size: 14px;
    color: #777;
    margin-bottom: 10px;
}

/* Style du bouton */
.points-fidelite-container .button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: inline-block;
}

/* Effet au survol pour le bouton */
.points-fidelite-container .button:hover {
    background-color: #45a049;
}

/* Style de la date d'expiration */
.coupon-expiration {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
}

/* Espacement autour de la section des 100 points */
.points-fidelite-container .note {
    font-size: 14px;
    color: #777;
    margin-top: 20px;
}
.points-fidelite-container .message {
    text-align: justify;
}
.points-fidelite-container .button {
    padding: 12px 20px; /* Augmentation du padding pour plus de confort visuel */
    margin-bottom: 20px; /* Ajoute plus d'espace sous le bouton */
}
.points-fidelite-container {
    border: 1px solid #e0e0e0; /* Remplace la bordure dashed par une bordure fine continue */
}
.points-fidelite-container .note {
    font-style: italic; /* Italique pour attirer subtilement l'attention */
    font-weight: bold;  /* Ou ajouter un gras léger */
}
.points-fidelite-container .button:hover {
    background-color: #45a049; /* Change la couleur du bouton au survol */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une légère ombre */
}
.points-fidelite-container {
    max-width: 300px; /* Limite la largeur de la section */
    margin: 20px auto; /* Centrer la section */
}

.points-fidelite-container {
    max-width: 280px; /* Limite la largeur de la section */
}

.points-fidelite-container .message {
    margin-bottom: 25px; /* Augmente l'espacement en bas du texte encourageant */
}
.points-fidelite-container {
    border: 2px solid #A6AA53; /* Applique une couleur plus marquée pour la bordure */
}
.points-fidelite-container .button {
    margin-bottom: 50px; /* Augmente l'espacement en bas du bouton */
}

.points-fidelite-container .note {
    font-style: italic;
    color: #A6AA53; /* Utilise la couleur secondaire de ta palette */
}

.my_rewards_points_section {
    padding: 20px;
    border: 1px solid #A6AA53;
    background-color: #f9f9f9;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6;
}

.my_rewards_points_section h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.my_rewards_points_section .rewards-text {
    font-size: 16px;
    margin-bottom: 10px;
    color: #253C08;
}

.my_rewards_points_section .expiration {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 15px;
}

.my_rewards_points_section .button {
    background-color: #E07934;
    padding: 12px 25px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: white;
    font-weight: bold;
}

/* Masquer les détails du coupon */
.hidden-coupon {
    display: none;
}

/* Styliser le conteneur et les boutons */
.coupon-container {
    text-align: center;
    margin-top: 16px;
}

#action-button, #login-button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#action-button:hover, #login-button:hover {
    background-color: #218838;
}

/* Gérer l'affichage basé sur la connexion de l'utilisateur */
.if-logged-out {
    display: none;
}

.if-logged-in {
    display: block;
}

/* Ajouter des styles pour la section note */
.note {
    font-style: italic;
    color: #6c757d;
    margin-top: 10px;
}
.points-fidelite-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.coupon-container {
    margin-top: 20px;
}

.button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #28a745;
    color: white;
    border-radius: 5px;
    text-decoration: none;
}

.button:hover {
    background-color: #218838;
}
.button {
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.button:hover {
    background-color: #218838;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.button:focus {
    outline: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e64fc1 */.woocommerce-cart .your-heart-icon {
    position: absolute;
    bottom: 90px; /* Ajustez cette valeur selon la position désirée */
    left: 70%; /* Pour centrer */
    transform: translateX(-20%); /* Centrer précisément */
    font-size: 20px;
    color: #e07d34; /* Couleur du cœur */
}

.woocommerce-cart .your-heart-icon::after {
    content: "Vous gagnerez 10 points de fidélité en validant cette commande !";
    font-size: 14px;
    color: #000;
    margin-left: 10px; /* Espace entre le cœur et le texte */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ortica family';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.feyi-martinique.com/wp-content/uploads/2025/11/OrticaLinear-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Ortica family';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dev.feyi-martinique.com/wp-content/uploads/2025/11/OrticaLinear-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Ortica family';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.feyi-martinique.com/wp-content/uploads/2025/11/OrticaLinear-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */