/*
 * Mon compte WooCommerce
 * Dashboard, navigation, commandes, adresses et pages internes du compte.
 * Author: EcareWeb
 * 2026
 */

/* Dashboard du compte client */


/* Variables locales compte client */

body.woocommerce-account {
    --gs-account-brown-dark: #3f2f27;
    --gs-account-brown: #5a4033;
    --gs-account-brown-soft: #76523f;

    --gs-account-amber-dark: #b66a24;
    --gs-account-amber: #d8923a;
    --gs-account-amber-light: #f1c785;
    --gs-account-amber-soft: #f5dfbd;

    --gs-account-cream: #fff8ed;
    --gs-account-cream-2: #fff3df;

    --gs-account-text: #2c221c;
    --gs-account-muted: #6f5b4d;

    --gs-account-border: rgba(150, 95, 38, 0.22);
    --gs-account-border-strong: rgba(216, 146, 58, 0.34);

    --gs-account-shadow-soft: 0 12px 28px rgba(63, 47, 39, 0.10);
    --gs-account-shadow: 0 18px 42px rgba(63, 47, 39, 0.14);
    --gs-account-shadow-strong: 0 22px 52px rgba(63, 47, 39, 0.20);

    --gs-account-radius-sm: 16px;
    --gs-account-radius: 22px;
    --gs-account-radius-lg: 30px;
}


/* Structure globale desktop */

/* Neutralise la grille "contenu + sidebar" imposée par The7 */
body.gsbois-account-dashboard #main .wf-container-main,
body.gsbois-account-dashboard #main:not(.sidebar-none) .wf-container-main,
body.gsbois-account-dashboard #main.sidebar-right .wf-container-main {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Supprime la sidebar fantôme sur la page Mon compte */
body.gsbois-account-dashboard #sidebar,
body.gsbois-account-dashboard .sidebar,
body.gsbois-account-dashboard aside.sidebar {
    display: none !important;
}

/* Le wrapper The7 reprend toute la largeur */
body.gsbois-account-dashboard #main .wf-wrap,
body.gsbois-account-dashboard #main .wf-container,
body.gsbois-account-dashboard #content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

/* Structure réelle du compte client */
body.gsbois-account-dashboard .woocommerce {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 38px !important;

    width: calc(100% - 120px) !important;
    max-width: 1420px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 46px 0 70px 0 !important;

    box-sizing: border-box !important;
}

/* Nettoyage des pseudo-éléments WooCommerce */
body.gsbois-account-dashboard .woocommerce::before,
body.gsbois-account-dashboard .woocommerce::after {
    display: none !important;
    content: none !important;
}

/* Colonnes WooCommerce : plus de float ni largeur héritée */
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation,
body.gsbois-account-dashboard .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-content {
    min-width: 0 !important;
}

/* Navigation latérale ambrée */

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    gap: 13px !important;

    min-height: 62px !important;
    padding: 11px 16px !important;

    border: 1px solid var(--gs-account-border) !important;
    border-radius: var(--gs-account-radius) !important;

    background:
        linear-gradient(135deg, rgba(255, 248, 237, 0.98), rgba(245, 223, 189, 0.86)),
        linear-gradient(135deg, rgba(216, 146, 58, 0.16), rgba(90, 64, 51, 0.08)) !important;

    color: var(--gs-account-text) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;

    box-shadow: var(--gs-account-shadow-soft) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        color 0.22s ease !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li a:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(216, 146, 58, 0.58) !important;

    background:
        linear-gradient(135deg, #fff4df, #f1c785),
        linear-gradient(135deg, rgba(216, 146, 58, 0.24), rgba(90, 64, 51, 0.14)) !important;

    color: var(--gs-account-brown-dark) !important;

    box-shadow: var(--gs-account-shadow) !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li.is-active a {
    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    border-color: rgba(255, 221, 160, 0.38) !important;

    font-weight: 700 !important;

    box-shadow: var(--gs-account-shadow-strong) !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    color: #ffffff !important;
}


/* Icônes navigation */

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li a::before {
    content: "•" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;

    border-radius: 13px !important;

    background: rgba(255, 255, 255, 0.78) !important;
    color: var(--gs-account-amber-dark) !important;

    font-size: 18px !important;
    line-height: 1 !important;

    box-shadow:
        inset 0 0 0 1px rgba(150, 95, 38, 0.16),
        0 8px 18px rgba(63, 47, 39, 0.08) !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--dashboard a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(1) a::before {
    content: "🏠" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--orders a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(2) a::before {
    content: "🧾" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--downloads a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(3) a::before {
    content: "📦" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--edit-address a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(4) a::before {
    content: "📍" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--edit-account a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(5) a::before {
    content: "👤" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation-link--customer-logout a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li:nth-child(6) a::before {
    content: "🚪" !important;
}

body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li.is-active a::before {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        0 8px 18px rgba(63, 47, 39, 0.12) !important;
}


/* Masquage du texte natif WooCommerce */

body.gsbois-account-dashboard .woocommerce-MyAccount-content > p {
    display: none !important;
}


/* Wrapper dashboard */

body.gsbois-account-dashboard .gsbois-account-dashboard-wrap {
    width: 100% !important;
    max-width: none !important;

    color: var(--gs-account-text) !important;
}


/* Carte bonjour */

body.gsbois-account-dashboard .gsbois-account-hero {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;

    width: 100% !important;

    margin: 0 0 26px 0 !important;
    padding: 28px 34px !important;

    border: 1px solid rgba(216, 146, 58, 0.26) !important;
    border-radius: var(--gs-account-radius-lg) !important;

    background:
        radial-gradient(circle at top left, rgba(216, 146, 58, 0.22), transparent 35%),
        linear-gradient(135deg, rgba(255, 248, 237, 0.98), rgba(245, 223, 189, 0.78)) !important;

    box-shadow: var(--gs-account-shadow) !important;

    box-sizing: border-box !important;
}

body.gsbois-account-dashboard .gsbois-account-hero-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;

    border-radius: 19px !important;

    background:
        linear-gradient(135deg, var(--gs-account-brown), var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    font-size: 27px !important;

    box-shadow: 0 13px 30px rgba(63, 47, 39, 0.22) !important;
}

body.gsbois-account-dashboard .gsbois-account-hero-content {
    min-width: 0 !important;
}

body.gsbois-account-dashboard .gsbois-account-hero-content h2 {
    margin: 0 0 8px 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.45px !important;
}

body.gsbois-account-dashboard .gsbois-account-hero-content p {
    max-width: 980px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--gs-account-muted) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}


/* Cartes KPI */

body.gsbois-account-dashboard .gsbois-account-kpi-grid {
    display: grid !important;
    grid-template-columns: minmax(150px, 0.8fr) minmax(190px, 1.05fr) minmax(260px, 1.45fr) minmax(190px, 1.05fr) !important;
    gap: 20px !important;

    margin: 0 0 26px 0 !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 22px 24px !important;

    border: 1px solid rgba(216, 146, 58, 0.22) !important;
    border-radius: 28px !important;

    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 237, 0.92)),
        linear-gradient(135deg, rgba(216, 146, 58, 0.12), rgba(90, 64, 51, 0.08)) !important;

    box-shadow: var(--gs-account-shadow-soft) !important;

    box-sizing: border-box !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-dark {
    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    border-color: rgba(255, 221, 160, 0.34) !important;

    box-shadow: var(--gs-account-shadow-strong) !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 0 15px 0 !important;

    border-radius: 15px !important;

    background: rgba(255, 248, 237, 0.92) !important;

    font-size: 20px !important;
    line-height: 1 !important;

    box-shadow: inset 0 0 0 1px rgba(150, 95, 38, 0.12) !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-dark .gsbois-account-kpi-icon {
    background: rgba(255, 255, 255, 0.16) !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-label {
    display: block !important;

    min-width: 0 !important;

    margin: 0 0 9px 0 !important;

    color: var(--gs-account-muted) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-dark .gsbois-account-kpi-label {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card strong {
    display: block !important;

    min-width: 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.35px !important;

    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-dark strong {
    color: #ffffff !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-large strong {
    display: -webkit-box !important;

    font-size: 23px !important;
    line-height: 1.15 !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card small {
    display: block !important;

    min-width: 0 !important;

    margin: 9px 0 0 0 !important;

    color: var(--gs-account-muted) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;

    word-break: normal !important;
    overflow-wrap: anywhere !important;
}

body.gsbois-account-dashboard .gsbois-account-kpi-card-dark small {
    color: rgba(255, 255, 255, 0.72) !important;
}


/* Panneaux commandes + activité */

body.gsbois-account-dashboard .gsbois-account-dashboard-main {
    display: grid !important;
    grid-template-columns: minmax(420px, 1.15fr) minmax(360px, 1fr) !important;
    gap: 26px !important;

    margin: 0 0 28px 0 !important;
}

body.gsbois-account-dashboard .gsbois-account-panel {
    padding: 28px !important;

    border: 1px solid rgba(216, 146, 58, 0.22) !important;
    border-radius: 30px !important;

    background:
        radial-gradient(circle at top left, rgba(216, 146, 58, 0.12), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 237, 0.9)) !important;

    box-shadow: var(--gs-account-shadow-soft) !important;

    box-sizing: border-box !important;
}

body.gsbois-account-dashboard .gsbois-account-panel-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;

    margin: 0 0 22px 0 !important;
}

body.gsbois-account-dashboard .gsbois-account-panel-head h3 {
    margin: 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.35px !important;
}

body.gsbois-account-dashboard .gsbois-account-panel-head a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    padding: 9px 14px !important;

    border: 1px solid rgba(216, 146, 58, 0.30) !important;
    border-radius: 999px !important;

    background: rgba(255, 248, 237, 0.94) !important;

    color: var(--gs-account-brown-dark) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
}


/* Liste des commandes */

body.gsbois-account-dashboard .gsbois-account-order-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
}

body.gsbois-account-dashboard .gsbois-account-order-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 18px !important;

    padding: 16px 18px !important;

    border: 1px solid rgba(216, 146, 58, 0.18) !important;
    border-radius: 20px !important;

    background: rgba(255, 248, 237, 0.72) !important;

    color: var(--gs-account-text) !important;

    text-decoration: none !important;

    box-shadow: 0 8px 20px rgba(63, 47, 39, 0.06) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}

body.gsbois-account-dashboard .gsbois-account-order-row:hover {
    transform: translateY(-2px) !important;

    background: rgba(245, 223, 189, 0.86) !important;

    box-shadow: 0 14px 30px rgba(63, 47, 39, 0.12) !important;
}

body.gsbois-account-dashboard .gsbois-account-order-row strong {
    display: block !important;

    margin: 0 0 5px 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

body.gsbois-account-dashboard .gsbois-account-order-row small {
    display: block !important;

    color: var(--gs-account-muted) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

body.gsbois-account-dashboard .gsbois-account-order-row em {
    color: var(--gs-account-amber-dark) !important;

    font-style: normal !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}


/* Graphique activité */

body.gsbois-account-dashboard .gsbois-account-chart {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

body.gsbois-account-dashboard .gsbois-account-chart-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 100px !important;
    align-items: center !important;
    gap: 12px !important;
}

body.gsbois-account-dashboard .gsbois-account-chart-row span {
    color: var(--gs-account-muted) !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.gsbois-account-dashboard .gsbois-account-chart-row div {
    height: 13px !important;

    overflow: hidden !important;

    border-radius: 999px !important;

    background: rgba(216, 146, 58, 0.12) !important;

    box-shadow: inset 0 0 0 1px rgba(150, 95, 38, 0.08) !important;
}

body.gsbois-account-dashboard .gsbois-account-chart-row i {
    display: block !important;

    height: 100% !important;
    min-width: 0 !important;

    border-radius: inherit !important;

    background:
        linear-gradient(90deg, var(--gs-account-brown), var(--gs-account-amber-dark), var(--gs-account-amber)) !important;
}

body.gsbois-account-dashboard .gsbois-account-chart-row em {
    color: var(--gs-account-brown-dark) !important;

    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
}


/* État vide */

body.gsbois-account-dashboard .gsbois-account-empty {
    padding: 22px !important;

    border: 1px dashed rgba(216, 146, 58, 0.42) !important;
    border-radius: 20px !important;

    background: rgba(255, 248, 237, 0.74) !important;
}

body.gsbois-account-dashboard .gsbois-account-empty strong {
    display: block !important;

    margin: 0 0 7px 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-size: 16px !important;
    font-weight: 800 !important;
}

body.gsbois-account-dashboard .gsbois-account-empty p {
    margin: 0 !important;

    color: var(--gs-account-muted) !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
}


/* Bouton unique commander du bois */

body.gsbois-account-dashboard .gsbois-account-main-action {
    display: flex !important;
    justify-content: flex-end !important;
}

body.gsbois-account-dashboard .gsbois-account-main-action a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 56px !important;
    padding: 15px 30px !important;

    border: 1px solid rgba(255, 221, 160, 0.34) !important;
    border-radius: 20px !important;

    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: var(--gs-account-shadow) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

body.gsbois-account-dashboard .gsbois-account-main-action a:hover {
    transform: translateY(-2px) !important;

    color: #ffffff !important;

    filter: brightness(1.06) !important;

    box-shadow: var(--gs-account-shadow-strong) !important;
}


/* Ajustement desktop moyen */

@media (max-width: 1220px) {
    body.gsbois-account-dashboard .woocommerce {
        grid-template-columns: 250px minmax(0, 1fr) !important;
        gap: 30px !important;
        padding-left: 26px !important;
        padding-right: 26px !important;
    }

    body.gsbois-account-dashboard .gsbois-account-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.gsbois-account-dashboard .gsbois-account-dashboard-main {
        grid-template-columns: 1fr !important;
    }

    body.gsbois-account-dashboard .gsbois-account-panel {
        padding: 26px !important;
    }
}


/* Sécurités anti-conflits The7 / WooCommerce */

body.gsbois-account-dashboard .gsbois-account-dashboard-wrap *,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation * {
    box-sizing: border-box !important;
}

body.gsbois-account-dashboard .gsbois-account-dashboard-wrap a,
body.gsbois-account-dashboard .gsbois-account-dashboard-wrap a:hover,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation a,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation a:hover {
    text-decoration: none !important;
}

body.gsbois-account-dashboard .gsbois-account-dashboard-wrap p::before,
body.gsbois-account-dashboard .gsbois-account-dashboard-wrap p::after {
    display: none !important;
    content: none !important;
}

/* Mon compte global — pages internes */


/* Structure globale */

body.gsbois-account-page #main .wf-container-main,
body.gsbois-account-page #main:not(.sidebar-none) .wf-container-main,
body.gsbois-account-page #main.sidebar-right .wf-container-main {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.gsbois-account-page #sidebar,
body.gsbois-account-page .sidebar,
body.gsbois-account-page aside.sidebar {
    display: none !important;
}

body.gsbois-account-page #main .wf-wrap,
body.gsbois-account-page #main .wf-container,
body.gsbois-account-page #content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 38px !important;

    width: calc(100% - 120px) !important;
    max-width: 1420px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 46px 0 70px 0 !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce::before,
body.gsbois-account-page .woocommerce::after {
    display: none !important;
    content: none !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation,
body.gsbois-account-page .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce-MyAccount-content {
    min-width: 0 !important;
}


/* Menu latéral global ambré */

body.gsbois-account-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

/* Masque Téléchargements partout, pas seulement dashboard */
body.gsbois-account-page .woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    gap: 13px !important;

    min-height: 62px !important;
    padding: 11px 16px !important;

    border: 1px solid var(--gs-account-border) !important;
    border-radius: var(--gs-account-radius) !important;

    background:
        linear-gradient(135deg, rgba(255, 248, 237, 0.98), rgba(245, 223, 189, 0.86)),
        linear-gradient(135deg, rgba(216, 146, 58, 0.16), rgba(90, 64, 51, 0.08)) !important;

    color: var(--gs-account-text) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;

    box-shadow: var(--gs-account-shadow-soft) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        color 0.22s ease !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li a:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(216, 146, 58, 0.58) !important;

    background:
        linear-gradient(135deg, #fff4df, #f1c785),
        linear-gradient(135deg, rgba(216, 146, 58, 0.24), rgba(90, 64, 51, 0.14)) !important;

    color: var(--gs-account-brown-dark) !important;

    box-shadow: var(--gs-account-shadow) !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.is-active a {
    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    border-color: rgba(255, 221, 160, 0.38) !important;

    font-weight: 700 !important;

    box-shadow: var(--gs-account-shadow-strong) !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    color: #ffffff !important;
}


/* Icônes du menu global */

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li a::before {
    content: "•" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;

    border-radius: 13px !important;

    background: rgba(255, 255, 255, 0.78) !important;
    color: var(--gs-account-amber-dark) !important;

    font-size: 18px !important;
    line-height: 1 !important;

    box-shadow:
        inset 0 0 0 1px rgba(150, 95, 38, 0.16),
        0 8px 18px rgba(63, 47, 39, 0.08) !important;
}

/* Icônes via classes WooCommerce */
body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "🏠" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "🧾" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "📍" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "👤" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "🚪" !important;
}

/* Fallback si WooCommerce / The7 modifie les classes */
body.gsbois-account-page .woocommerce-MyAccount-navigation ul li:nth-child(1) a::before {
    content: "🏠" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li:nth-child(2) a::before {
    content: "🧾" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li:nth-child(4) a::before {
    content: "📍" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li:nth-child(5) a::before {
    content: "👤" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li:nth-child(6) a::before {
    content: "🚪" !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li.is-active a::before {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.22),
        0 8px 18px rgba(63, 47, 39, 0.12) !important;
}

/* Menu latéral unifié (dashboard + pages internes) */

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li a,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li a {
    min-height: 74px !important;
    height: 74px !important;

    padding: 12px 18px !important;

    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul li a::before,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul li a::before {
    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce-MyAccount-navigation ul,
body.gsbois-account-dashboard .woocommerce-MyAccount-navigation ul {
    gap: 14px !important;
}

/* Cadre ambré du contenu des pages internes */

body.gsbois-account-page:not(.gsbois-account-dashboard) .woocommerce-MyAccount-content {
    padding: 34px 38px !important;

    border: 1px solid rgba(216, 146, 58, 0.24) !important;
    border-radius: 30px !important;

    background:
        radial-gradient(circle at top left, rgba(216, 146, 58, 0.12), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 237, 0.92)) !important;

    box-shadow: var(--gs-account-shadow-soft) !important;

    color: var(--gs-account-text) !important;
}

body.gsbois-account-page:not(.gsbois-account-dashboard) .woocommerce-MyAccount-content p {
    color: var(--gs-account-text) !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
}


/* Table des commandes */

body.gsbois-account-page .woocommerce-orders-table,
body.gsbois-account-page .woocommerce table.my_account_orders,
body.gsbois-account-page .woocommerce table.shop_table {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 10px !important;

    border: 0 !important;
    background: transparent !important;
}

body.gsbois-account-page .woocommerce-orders-table th,
body.gsbois-account-page .woocommerce table.my_account_orders th,
body.gsbois-account-page .woocommerce table.shop_table th {
    padding: 0 16px 7px 16px !important;

    color: var(--gs-account-brown-dark) !important;

    border: 0 !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body.gsbois-account-page .woocommerce-orders-table td,
body.gsbois-account-page .woocommerce table.my_account_orders td,
body.gsbois-account-page .woocommerce table.shop_table td {
    padding: 13px 16px !important;

    background: rgba(255, 248, 237, 0.68) !important;

    border-top: 1px solid rgba(216, 146, 58, 0.16) !important;
    border-bottom: 1px solid rgba(216, 146, 58, 0.16) !important;

    color: var(--gs-account-text) !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

body.gsbois-account-page .woocommerce-orders-table tbody tr td:first-child,
body.gsbois-account-page .woocommerce table.my_account_orders tbody tr td:first-child,
body.gsbois-account-page .woocommerce table.shop_table tbody tr td:first-child {
    border-left: 1px solid rgba(216, 146, 58, 0.16) !important;
    border-radius: 18px 0 0 18px !important;
}

body.gsbois-account-page .woocommerce-orders-table tbody tr td:last-child,
body.gsbois-account-page .woocommerce table.my_account_orders tbody tr td:last-child,
body.gsbois-account-page .woocommerce table.shop_table tbody tr td:last-child {
    border-right: 1px solid rgba(216, 146, 58, 0.16) !important;
    border-radius: 0 18px 18px 0 !important;
}

body.gsbois-account-page .woocommerce-orders-table tbody tr:hover td,
body.gsbois-account-page .woocommerce table.my_account_orders tbody tr:hover td,
body.gsbois-account-page .woocommerce table.shop_table tbody tr:hover td {
    background: rgba(255, 243, 223, 0.88) !important;
    border-color: rgba(216, 146, 58, 0.28) !important;
}

body.gsbois-account-page .woocommerce-orders-table a:not(.button),
body.gsbois-account-page .woocommerce table.my_account_orders a:not(.button),
body.gsbois-account-page .woocommerce table.shop_table a:not(.button) {
    color: var(--gs-account-amber-dark) !important;

    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Bouton Voir — priorité haute pour éviter le texte orange */
body.gsbois-account-page .woocommerce-MyAccount-content .woocommerce-orders-table a.button,
body.gsbois-account-page .woocommerce-MyAccount-content table.my_account_orders a.button,
body.gsbois-account-page .woocommerce-MyAccount-content table.shop_table a.button,
body.gsbois-account-page .woocommerce-MyAccount-content .woocommerce-orders-table .button,
body.gsbois-account-page .woocommerce-MyAccount-content table.shop_table .button {
    min-height: 38px !important;
    padding: 9px 17px !important;

    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid rgba(255, 221, 160, 0.34) !important;
    border-radius: 13px !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;

    box-shadow: 0 10px 22px rgba(63, 47, 39, 0.14) !important;
}

body.gsbois-account-page .woocommerce-MyAccount-content .woocommerce-orders-table a.button:hover,
body.gsbois-account-page .woocommerce-MyAccount-content table.my_account_orders a.button:hover,
body.gsbois-account-page .woocommerce-MyAccount-content table.shop_table a.button:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
}

/* Boutons WooCommerce internes */

body.gsbois-account-page .woocommerce-MyAccount-content .button,
body.gsbois-account-page .woocommerce-MyAccount-content button.button,
body.gsbois-account-page .woocommerce-MyAccount-content a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 10px 18px !important;

    border: 1px solid rgba(255, 221, 160, 0.34) !important;
    border-radius: 13px !important;

    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 48%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;

    box-shadow: 0 10px 22px rgba(63, 47, 39, 0.14) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

body.gsbois-account-page .woocommerce-MyAccount-content .button:hover,
body.gsbois-account-page .woocommerce-MyAccount-content button.button:hover,
body.gsbois-account-page .woocommerce-MyAccount-content a.button:hover {
    transform: translateY(-1px) !important;

    color: #ffffff !important;

    filter: brightness(1.06) !important;

    box-shadow: 0 14px 28px rgba(63, 47, 39, 0.20) !important;
}


/* Adresses client */

body.gsbois-account-page {
    /* Réglages rapides */
    --gs-address-title-size: 24px;
    --gs-address-text-size: 17px;
    --gs-address-button-size: 15px;
}

body.gsbois-account-page .woocommerce-Addresses,
body.gsbois-account-page .woocommerce-address-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 44px !important;

    width: 100% !important;
    max-width: 1160px !important;

    margin: 34px auto 0 auto !important;

    box-sizing: border-box !important;
}

body.gsbois-account-page .woocommerce-Address {
    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    width: 100% !important;

    padding: 34px 38px !important;

    border: 1px solid rgba(216, 146, 58, 0.24) !important;
    border-radius: 28px !important;

    background:
        radial-gradient(circle at top left, rgba(216, 146, 58, 0.08), transparent 38%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 248, 237, 0.82)) !important;

    box-shadow:
        0 16px 36px rgba(63, 47, 39, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;

    box-sizing: border-box !important;
}

/* On casse le wrapper WooCommerce pour pouvoir réordonner titre / adresse / bouton */
body.gsbois-account-page .woocommerce-Address-title {
    display: contents !important;
}

/* Titre */
body.gsbois-account-page .woocommerce-Address-title h2 {
    order: 1 !important;

    margin: 0 0 24px 0 !important;
    padding: 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: var(--gs-address-title-size) !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.35px !important;
}

/* Adresse */
body.gsbois-account-page .woocommerce-Address address {
    order: 2 !important;

    display: block !important;

    margin: 0 0 28px 0 !important;
    padding: 0 !important;

    color: var(--gs-account-text) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: var(--gs-address-text-size) !important;
    font-style: normal !important;
    font-weight: 650 !important;
    line-height: 1.55 !important;
}

body.gsbois-account-page .woocommerce-Address address strong,
body.gsbois-account-page .woocommerce-Address address b {
    font-weight: 850 !important;
}

/* Bouton modifier adresse — placé après l’adresse */
body.gsbois-account-page .woocommerce-Address-title a,
body.gsbois-account-page .woocommerce-Address-title a.edit {
    order: 3 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 11px 21px !important;

    border: 1px solid rgba(255, 221, 160, 0.34) !important;
    border-radius: 15px !important;

    background:
        linear-gradient(135deg, var(--gs-account-brown-dark), var(--gs-account-brown) 50%, var(--gs-account-amber-dark)) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 0 !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow:
        0 10px 22px rgba(63, 47, 39, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

/* Texte personnalisé — carte facturation */
body.gsbois-account-page .woocommerce-Address:nth-of-type(1) .woocommerce-Address-title a::after,
body.gsbois-account-page .woocommerce-Address:nth-of-type(1) .woocommerce-Address-title a.edit::after {
    content: "Je modifie mon adresse de facturation 🧾";
    font-size: var(--gs-address-button-size) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Texte personnalisé — carte livraison */
body.gsbois-account-page .woocommerce-Address:nth-of-type(2) .woocommerce-Address-title a::after,
body.gsbois-account-page .woocommerce-Address:nth-of-type(2) .woocommerce-Address-title a.edit::after {
    content: "Je modifie mon adresse de livraison 🚚";
    font-size: var(--gs-address-button-size) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.gsbois-account-page .woocommerce-Address-title a:hover,
body.gsbois-account-page .woocommerce-Address-title a.edit:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 14px 30px rgba(63, 47, 39, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* Responsive sécurité */
@media (max-width: 900px) {
    body.gsbois-account-page {
        --gs-address-title-size: 23px;
        --gs-address-text-size: 16px;
        --gs-address-button-size: 14px;
    }

    body.gsbois-account-page .woocommerce-Addresses,
    body.gsbois-account-page .woocommerce-address-fields {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        max-width: 100% !important;
        margin-top: 24px !important;
    }

    body.gsbois-account-page .woocommerce-Address {
        padding: 26px 24px !important;
        border-radius: 24px !important;
    }
}

/* Formulaire d'édition d'adresse */

/* Formulaire édition adresse : surtout PAS en grid global */
body.gsbois-account-page .woocommerce-address-fields {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Wrapper des champs uniquement */
body.gsbois-account-page .woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 22px !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 30px 0 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Lignes de champs */
body.gsbois-account-page .woocommerce-address-fields__field-wrapper .form-row {
    float: none !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* Champs larges */
body.gsbois-account-page .woocommerce-address-fields__field-wrapper .form-row-wide,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_country_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_address_1_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_address_2_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_postcode_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_city_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_phone_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #billing_email_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_country_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_address_1_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_address_2_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_postcode_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_city_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_phone_field,
body.gsbois-account-page .woocommerce-address-fields__field-wrapper #shipping_email_field {
    grid-column: 1 / -1 !important;
}

/* Labels */
body.gsbois-account-page .woocommerce-address-fields label {
    display: block !important;

    margin: 0 0 8px 0 !important;

    color: var(--gs-account-brown-dark) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.25 !important;
}

/* Champs */
body.gsbois-account-page .woocommerce-address-fields input.input-text,
body.gsbois-account-page .woocommerce-address-fields select,
body.gsbois-account-page .woocommerce-address-fields textarea,
body.gsbois-account-page .woocommerce-address-fields .select2-container .select2-selection--single {
    width: 100% !important;
    min-height: 48px !important;

    padding: 12px 16px !important;

    border: 1px solid rgba(72, 60, 50, 0.16) !important;
    border-radius: 14px !important;

    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--gs-account-text) !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;

    box-shadow:
        0 8px 18px rgba(63, 47, 39, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;

    box-sizing: border-box !important;
}

/* Select2 texte */
body.gsbois-account-page .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: 22px !important;

    color: var(--gs-account-text) !important;

    font-size: 14px !important;
    font-weight: 750 !important;
}

/* Focus */
body.gsbois-account-page .woocommerce-address-fields input.input-text:focus,
body.gsbois-account-page .woocommerce-address-fields select:focus,
body.gsbois-account-page .woocommerce-address-fields textarea:focus,
body.gsbois-account-page .woocommerce-address-fields .select2-container--open .select2-selection--single,
body.gsbois-account-page .woocommerce-address-fields .select2-container--focus .select2-selection--single {
    border-color: rgba(216, 146, 58, 0.58) !important;

    box-shadow:
        0 0 0 4px rgba(216, 146, 58, 0.12),
        0 8px 18px rgba(63, 47, 39, 0.06) !important;

    outline: none !important;
}

/* Ligne des boutons en bas */
body.gsbois-account-page .woocommerce-address-fields > p:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    flex-wrap: wrap !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 34px 0 0 0 !important;
    padding: 0 !important;

    clear: both !important;
    box-sizing: border-box !important;
}

/* Base commune boutons édition adresse */
body.gsbois-account-page .woocommerce-address-fields button[name="save_address"],
body.gsbois-account-page .woocommerce-address-fields .gsbois-edit-address-cancel-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    padding: 0 20px !important;
    margin: 0 !important;

    border-radius: 15px !important;

    font-family: var(--font-main, Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease !important;
}

/* Bouton Enregistrer */
body.gsbois-account-page .woocommerce-address-fields button[name="save_address"] {
    border: 1px solid rgba(255, 221, 160, 0.34) !important;

    background:
        linear-gradient(
            135deg,
            var(--gs-account-brown-dark),
            var(--gs-account-brown) 50%,
            var(--gs-account-amber-dark)
        ) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    box-shadow:
        0 9px 18px rgba(63, 47, 39, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body.gsbois-account-page .woocommerce-address-fields button[name="save_address"]:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;

    box-shadow:
        0 12px 24px rgba(63, 47, 39, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

/* Bouton Annuler rouge simple façon corbeille */
body.gsbois-account-page .woocommerce-address-fields .gsbois-edit-address-cancel-btn {
    border: 1px solid #7f1d1d !important;
    border-top-color: #ffb3b3 !important;
    border-left-color: #ffb3b3 !important;
    border-right-color: #650000 !important;
    border-bottom-color: #650000 !important;

    background:
        linear-gradient(
            to bottom,
            #ff9a9a 0%,
            #ef4444 42%,
            #c40000 100%
        ) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: 0 1px 1px rgba(90, 0, 0, 0.45) !important;

    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.55),
        inset -1px -1px 0 rgba(0, 0, 0, 0.22),
        0 9px 18px rgba(120, 0, 0, 0.18) !important;
}

body.gsbois-account-page .woocommerce-address-fields .gsbois-edit-address-cancel-btn:hover {
    background:
        linear-gradient(
            to bottom,
            #ffb0b0 0%,
            #ff5555 42%,
            #d30000 100%
        ) !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    filter: brightness(1.03) !important;
    transform: translateY(-1px) !important;

    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, 0.62),
        inset -1px -1px 0 rgba(0, 0, 0, 0.24),
        0 12px 24px rgba(120, 0, 0, 0.24) !important;
}

body.gsbois-account-page .woocommerce-address-fields .gsbois-edit-address-cancel-btn:active {
    transform: translateY(0) !important;
    filter: brightness(0.96) !important;

    box-shadow:
        inset 1px 1px 3px rgba(0, 0, 0, 0.35),
        inset -1px -1px 0 rgba(255, 255, 255, 0.16),
        0 5px 12px rgba(120, 0, 0, 0.18) !important;
}

/* Mobile */
@media (max-width: 900px) {
    body.gsbois-account-page .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
    }

    body.gsbois-account-page .woocommerce-address-fields > p:last-child {
        max-width: 100% !important;
    }
}

@media (max-width: 520px) {
    body.gsbois-account-page .woocommerce-address-fields button[name="save_address"],
    body.gsbois-account-page .woocommerce-address-fields .gsbois-edit-address-cancel-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}


/* Sécurité responsive minimale */

@media (max-width: 1220px) {
    body.gsbois-account-page .woocommerce {
        grid-template-columns: 250px minmax(0, 1fr) !important;
        gap: 30px !important;

        width: calc(100% - 52px) !important;
    }
}

@media (max-width: 900px) {
    body.gsbois-account-page .woocommerce {
        grid-template-columns: 1fr !important;
        width: calc(100% - 32px) !important;
    }

    body.gsbois-account-page .woocommerce-Addresses,
    body.gsbois-account-page .woocommerce-address-fields {
        grid-template-columns: 1fr !important;
    }
}