.elementor-2003 .elementor-element.elementor-element-37edd4b7{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2003 .elementor-element.elementor-element-70c1fa06{text-align:center;font-family:"Charm", Sans-serif;font-size:48px;font-weight:700;}.elementor-2003 .elementor-element.elementor-element-30f59cf{--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-2003 .elementor-element.elementor-element-3ff7d4a > .elementor-widget-container{background-image:url("https://domainedangely.webpb.fr/wp-content/uploads/2026/04/Sans-titre-38-1.png");}.elementor-2003 .elementor-element.elementor-element-3ff7d4a{text-align:center;font-family:"Charm", Sans-serif;font-size:28px;font-weight:400;}.elementor-2003 .elementor-element.elementor-element-83558b8{--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-2003 .elementor-element.elementor-element-f6ef030 > .elementor-widget-container{margin:30px 0px 30px 0px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-f6ef030 *//* 1. ON CASSE LA STRUCTURE EN COLONNES */
.woocommerce-account .woocommerce {
    display: block !important; /* Annule la grille ou le flex du thème */
}

.woocommerce-MyAccount-navigation {
    width: 100% !important; /* Prend toute la largeur */
    float: none !important; /* Annule le menu à gauche */
    margin-bottom: 40px !important;
    clear: both;
}

.woocommerce-MyAccount-content {
    width: 100% !important; /* Prend toute la largeur */
    float: none !important; /* Annule le contenu à droite */
    clear: both;
}

/* 2. LE MENU EN LIGNE (STYLE ONGLETS) */
.woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 2px solid #84A59D !important;
}

.woocommerce-MyAccount-navigation li {
    margin: 0 20px !important;
    width: auto !important; /* Empêche de prendre toute la ligne */
}

.woocommerce-MyAccount-navigation li a {
    color: #84A59D !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 15px 5px !important;
    display: block !important;
}

/* 3. L'ONGLET ACTIF */
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a[aria-current="page"] {
    border-bottom: 5px solid #84A59D !important;
}

/* 4.1. Le message de bienvenue (Bonjour XX...) */
.woocommerce-MyAccount-content p:first-of-type {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #84A59D !important;
    margin-bottom: 25px !important;
    line-height: 1.3 !important;
}

/* 4.2. Le reste du texte d'accueil */
.woocommerce-MyAccount-content p {
    font-size: 22px !important;
    color: #84A59D !important;
    line-height: 1.6 !important;
}

/* 4.3. Le lien de déconnexion spécifique (dans le Bonjour XX) */
.woocommerce-MyAccount-content p:first-of-type a {
    font-size: 20px !important; /* Un peu plus petit pour ne pas casser le rythme */
    text-decoration: underline !important;
    font-weight: normal !important;
    margin-left: 5px;
}

/* 4.4. Ajustement des titres de section (ex: Adresses, Commandes récentes) */
.woocommerce-MyAccount-content h2, 
.woocommerce-MyAccount-content h3 {
    font-size: 30px !important;
    color: #84A59D !important;
    margin-top: 40px !important;
}

/* Centrage complet du contenu */
.woocommerce-MyAccount-content {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Centrage des paragraphes et ajustement de la largeur pour la lecture */
.woocommerce-MyAccount-content p {
    text-align: center !important;
    max-width: 800px; /* Évite que le texte ne s'étale trop sur les grands écrans */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Centrage des tableaux et formulaires (pour les onglets Adresses/Commandes) */
.woocommerce-MyAccount-content .woocommerce-Table,
.woocommerce-MyAccount-content form {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left; /* On garde le texte intérieur des tableaux à gauche pour la lisibilité */
}

/* 1. L'encadré global */
.woocommerce-info {
    border: 2px solid #84A59D !important;
    background-color: #F7EDE2 !important;
    color: #84A59D !important;
    font-size: 20px !important;
    padding: 30px 40px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 2. Correction finale de l'icône (Positionnement forcé) */
.woocommerce-info::before {
    color: #84A59D !important;
    background: none !important;
    position: relative !important; /* Force l'icône à se comporter comme un objet normal */
    top: 0 !important;
    left: 0 !important;
    display: inline-block !important;
    margin-right: 25px !important; /* L'espace crucial avec le texte */
    padding-right: 0 !important;
    content: "\e016" !important;
    width: auto !important;
    height: auto !important;
}

/* 3. LE BOUTON (Ciblage renforcé) */
/* On cible toutes les versions possibles du bouton dans cet encadré */
.woocommerce-info a.button, 
.woocommerce-info a.button.wc-forward,
.woocommerce-MyAccount-content .woocommerce-info .button {
    background-color: #84A59D !important;
    color: #FFFFFF !important;
    padding: 12px 25px !important;
    margin-left: 50px !important; /* Ton espace de 50px */
    border-radius: 5px !important;
    font-weight: 600 !important;
    text-decoration: none !important; /* Enlève le soulignement si présent */
    display: inline-block !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

/* Survol du bouton */
.woocommerce-info a.button:hover {
    background-color: #5d756f !important;
    color: #FFFFFF !important;
}

/* 1. Structure des blocs d'adresses */
.woocommerce-Address {
    border: 2px solid #84A59D !important; /* Encadrement Vert de gris */
    background-color: #F7EDE2 !important; /* Fond Lin */
    padding: 30px !important;
    border-radius: 8px !important;
    text-align: center !important; /* Centre tout le contenu nativement */
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 100% !important; /* Pour que les deux cadres aient la même hauteur */
}

/* 2. Suppression de l'italique et réglage du texte */
.woocommerce-Address address {
    font-style: normal !important; /* Retire l'italique */
    color: #84A59D !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* 3. Style et centrage du lien "Modifier" */
.woocommerce-Address .edit {
    display: inline-block !important;
    color: #84A59D !important;
    font-weight: bold !important;
    text-decoration: underline !important;
    font-size: 18px !important;
    float: none !important; /* Annule le flottement à droite du thème */
}

/* 4. Harmonisation des titres (Facturation / Livraison) */
.woocommerce-Address-title h3 {
    font-size: 24px !important;
    color: #84A59D !important;
    margin-bottom: 15px !important;
    float: none !important; /* Force le titre au centre */
}

/* Retrait des icônes ou boutons inutiles sur le titre */
.woocommerce-Address-title .edit {
    margin-top: 10px !important;
}

/* Renforcement du texte des adresses */
.woocommerce-Address address {
    font-style: normal !important;
    color: #84A59D !important;
    font-size: 19px !important; /* Légèrement boosté pour compenser la graisse */
    font-weight: 700 !important; /* La graisse demandée */
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* On applique aussi la graisse au lien "Modifier" pour qu'il ne disparaisse pas visuellement */
.woocommerce-Address .edit {
    font-weight: 700 !important;
    font-size: 19px !important;
    color: #84A59D !important;
    text-decoration: underline !important;
}

/* Petit ajustement du titre pour qu'il reste dominant */
.woocommerce-Address-title h3 {
    font-weight: 800 !important; /* Un peu plus épais que l'adresse */
    font-size: 26px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* --- ONGLET DÉTAILS DU COMPTE : VERSION FINALE --- */

/* 1. Harmonisation des titres de champs (Labels) */
.woocommerce-EditAccountForm label {
    display: block !important;
    text-align: center !important;
    color: #84A59D !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* 2. Structure Prénom / Nom sur une ligne */
.woocommerce-form-row--first, 
.woocommerce-form-row--last {
    width: 48% !important;
    float: left !important;
    margin-bottom: 25px !important;
    box-sizing: border-box !important;
}

.woocommerce-form-row--last {
    float: right !important;
}

/* Nettoyage après les colonnes (Prénom/Nom) */
.woocommerce-EditAccountForm::after {
    content: "";
    display: table;
    clear: both;
}

/* 3. Style des champs de saisie (Fond Vert, Texte Lin, Graisse 400) */
.woocommerce-EditAccountForm input.input-text,
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
    background-color: #84A59D !important;
    color: #F7EDE2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important; /* Texte plus épais pour la lisibilité */
    letter-spacing: 0.5px !important;
    border: none !important;
    padding: 15px !important;
    border-radius: 5px !important;
    width: 100% !important;
    text-align: center !important;
    outline: none !important;
}

/* Placeholder (texte d'exemple dans les champs) */
.woocommerce-EditAccountForm input.input-text::placeholder {
    color: #F7EDE2 !important;
    opacity: 0.7;
    font-weight: 400 !important;
}

/* 4. Bouton "Enregistrer les modifications" (Corail #F28482) */
.woocommerce-EditAccountForm .button {
    background-color: #F28482 !important;
    color: #F7EDE2 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 40px !important;
    border-radius: 5px !important;
    border: none !important;
    text-transform: uppercase;
    display: block !important;
    margin: 35px auto 0 auto !important; /* Bien centré avec de l'espace */
    cursor: pointer;
    transition: all 0.3s ease !important;
}

/* Survol du bouton */
.woocommerce-EditAccountForm .button:hover {
    background-color: #e57674 !important;
    box-shadow: 0 4px 15px rgba(242, 132, 130, 0.3) !important;
    transform: translateY(-2px); /* Petit effet de levée au survol */
}
/* --- BOUTON "VOIR" DANS L'ONGLET COMMANDES --- */

/* Style du bouton "Voir" */
.woocommerce-orders-table__cell-order-actions .button.view {
    background-color: #F28482 !important; /* Ton Corail */
    color: #F7EDE2 !important; /* Texte en Lin */
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important; /* Un peu plus petit pour tenir dans le tableau */
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Effet au survol */
.woocommerce-orders-table__cell-order-actions .button.view:hover {
    background-color: #e57674 !important;
    box-shadow: 0 3px 8px rgba(242, 132, 130, 0.3) !important;
    transform: translateY(-1px);
}/* End custom CSS */