/* ============================================================================
   Page « Mon compte » WooCommerce (coquille du portail) — ordinateur, tablette, téléphone. Voir AccountPage.php et account.js.
   La page est un modèle Elementor (.elementor-1517) avec le widget « Mon compte » (menu à gauche, contenu à droite) : les réglages d'Elementor
   sont posés avec des sélecteurs précis, d'où body.ar-account + !important là où il faut les dépasser. Le menu devient une carte avec
   icônes (ordinateur) ou une rangée de pastilles qui défile (≤ 900 px) ; chaque rubrique est une carte ; les tableaux deviennent des cartes
   sur téléphone. Couleurs du portail : violet #21a9b7 (accent), orange #f97316 (« Payer »), turquoise #0d6770 / #21a9b7 (marque).
   ============================================================================ */

body.ar-account .ar-portal-main { background: var(--ar-bg, #f8fafc); }
body.ar-account .ar-portal-content .e-con,
body.ar-account .ar-portal-content .e-con-inner { --gap: 0px; }
/* Les conteneurs Elementor sont des éléments flex : sans min-width: 0, la rangée de pastilles du menu (tablette, téléphone) les élargissait
   jusqu'à sa largeur complète et décalait toute la page. */
body.ar-account .ar-portal-content > .elementor, body.ar-account .elementor-1517 .e-con, body.ar-account .elementor-1517 .e-con-inner, body.ar-account .elementor-1517 .elementor-widget,
body.ar-account .elementor-1517 .e-my-account-tab, body.ar-account .elementor-1517 .e-my-account-tab .woocommerce { min-width: 0; max-width: 100%; }

/* ---------- En-tête : bonjour + « Compte parent » ---------- */
body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 2px 14px !important; }
body.ar-account .elementor-1517 .elementor-widget-heading .elementor-heading-title { margin: 0; font-size: 26px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.015em; color: #0f172a !important; }
body.ar-account .elementor-1517 .uael-particle-wrapper { display: none; }
body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child > .e-con { padding: 0 !important; min-height: 0 !important; background: transparent !important; width: auto !important; align-items: center !important; }
body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child .elementor-widget-icon-list { margin: 0 !important; }
body.ar-account .elementor-1517 .elementor-icon-list-items { margin: 0; padding: 0; }
body.ar-account .elementor-1517 .elementor-icon-list-item { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px 0 12px; border-radius: 16px; background: #e3f4f6; }
body.ar-account .elementor-1517 .elementor-icon-list-item .elementor-icon-list-icon { display: inline-flex; align-items: center; width: auto; padding: 0 !important; margin: 0 !important; }
body.ar-account .elementor-1517 .elementor-icon-list-item .elementor-icon-list-text {
    display: inline-flex; align-items: center; height: 32px; padding: 0 !important; margin: 0 !important; background: transparent; color: #0d6770 !important;
    font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: .04em; text-transform: uppercase;
}
body.ar-account .elementor-1517 .elementor-icon-list-icon i, body.ar-account .elementor-1517 .elementor-icon-list-icon svg { color: #0d6770 !important; fill: #0d6770 !important; font-size: 15px !important; width: 15px !important; }
body.ar-account .elementor-1517 .elementor-widget-spacer { display: none; }

/* ---------- Disposition : menu | contenu ---------- */
body.ar-account .e-my-account-tab .woocommerce { display: grid !important; grid-template-columns: 252px minmax(0, 1fr); gap: 20px; align-items: start; }
/* Placement explicite : le menu en colonne 1, le contenu en colonne 2 ; tout autre enfant (message, sélecteur de compte, bloc d'un autre plugin) prend la rangée entière.
   Les pseudo-éléments « clearfix » de WooCommerce (.woocommerce::before / ::after) deviendraient sinon une cellule de la grille et décaleraient le menu d'une colonne
   (menu large en haut, contenu étroit dessous — vu en production). */
body.ar-account .e-my-account-tab .woocommerce::before, body.ar-account .e-my-account-tab .woocommerce::after { display: none !important; content: none !important; }
body.ar-account .e-my-account-tab .woocommerce > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content) { grid-column: 1 / -1; }
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; }
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; }
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-notices-wrapper,
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-info,
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-message,
body.ar-account .e-my-account-tab .woocommerce > .woocommerce-error { grid-column: 1 / -1; margin: 0; }
body.ar-account .e-my-account-tab .woocommerce-MyAccount-navigation { width: auto !important; float: none !important; margin: 0 !important; }
body.ar-account .e-my-account-tab .woocommerce-MyAccount-content { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; min-width: 0; }

/* ---------- Menu ---------- */
body.ar-account .woocommerce-MyAccount-navigation { position: sticky; top: 16px; padding: 8px; border: 1px solid var(--ar-border, #e8edf5); border-radius: 20px; background: #fff; box-shadow: 0 2px 10px rgba(15, 23, 42, .04); }
body.ar-account .woocommerce-MyAccount-navigation ul { display: flex; flex-direction: column; gap: 2px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.ar-account .woocommerce-MyAccount-navigation li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
body.ar-account .woocommerce-MyAccount-navigation li a,
body.ar-account .woocommerce-MyAccount-navigation li a:hover,
body.ar-account .woocommerce-MyAccount-navigation li a:focus {
    display: flex !important; align-items: center; gap: 11px; min-height: 44px; padding: 0 14px !important; border: 0 !important; border-radius: 12px !important;
    background: transparent !important; box-shadow: none !important; color: #334155 !important; font-size: 14px !important; font-weight: 700 !important;
    letter-spacing: 0 !important; line-height: 1.25 !important; text-transform: none !important; text-decoration: none !important;
}
body.ar-account .woocommerce-MyAccount-navigation li a:hover { background: #f5f7fb !important; }
body.ar-account .woocommerce-MyAccount-navigation li.is-active a,
body.ar-account .woocommerce-MyAccount-navigation li.is-active a:hover { background: #e7fbfd !important; color: #187c86 !important; }
body.ar-account .woocommerce-MyAccount-navigation li a::before {
    content: ""; flex: 0 0 auto; width: 19px; height: 19px; background: currentColor;
    -webkit-mask: var(--ar-ico) center / contain no-repeat; mask: var(--ar-ico) center / contain no-repeat;
}
body.ar-account .woocommerce-MyAccount-navigation li:not(.is-active) a::before { opacity: .75; }
body.ar-account li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #b91c1c !important; margin-top: 4px; border-top: 1px solid #eef1f6 !important; border-radius: 0 0 12px 12px !important; }
/* Icône par défaut (point d'accès ajouté par un plugin) : jamais de carré plein. */
body.ar-account .woocommerce-MyAccount-navigation li { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--payment-methods { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--downloads { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--dashboard { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--orders { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'/%3E%3Cpath d='M12 22V12'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--subscriptions { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14'/%3E%3Cpath d='m7 22-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--edit-address { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--edit-account { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--subaccounts { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--eb_my_courses { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--customer-logout { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' x2='9' y1='12' y2='12'/%3E%3C/svg%3E"); }

/* ---------- Contenu : une carte par rubrique (sauf le tableau de bord, déjà fait de cartes Elementor) ---------- */
body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content-wrapper {
    padding: 22px 24px; border: 1px solid var(--ar-border, #e8edf5); border-radius: 20px; background: #fff; box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}
body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content h2, body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content h3 { margin: 0 0 14px; font-size: 18px; font-weight: 800; letter-spacing: -.01em; color: #0f172a; }
body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content p { font-size: 14px; line-height: 1.55; color: #475569; }
body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) { color: #187c86; font-weight: 700; text-decoration: none; }

/* Boutons : mêmes valeurs au repos, au survol et au focus (le kit Elementor/le thème teintent le survol). */
body.ar-account .woocommerce-MyAccount-content .button,
body.ar-account .woocommerce-MyAccount-content .button:hover,
body.ar-account .woocommerce-MyAccount-content .button:focus,
body.ar-account .woocommerce-MyAccount-content button.button,
body.ar-account .woocommerce-MyAccount-content button.button:hover,
body.ar-account .woocommerce-MyAccount-content button.button:focus {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 16px !important; border: 1px solid #c6f2f6 !important; border-radius: 12px !important;
    background: #fff !important; color: #187c86 !important; box-shadow: none !important; font-size: 13.5px !important; font-weight: 800 !important; line-height: 1 !important; text-transform: none !important; text-decoration: none !important;
}
body.ar-account .woocommerce-MyAccount-content .button:hover { background: #e7fbfd !important; }
body.ar-account .woocommerce-MyAccount-content .button.pay, body.ar-account .woocommerce-MyAccount-content .button.pay:hover, body.ar-account .woocommerce-MyAccount-content .button.pay:focus { border-color: var(--ar-orange, #f97316) !important; background: var(--ar-orange, #f97316) !important; color: #fff !important; }
body.ar-account .woocommerce-MyAccount-content .button.invoice, body.ar-account .woocommerce-MyAccount-content .button.invoice:hover { border-color: #e8edf5 !important; background: #f5f7fb !important; color: #475569 !important; }
body.ar-account .woocommerce-MyAccount-content button[name="save_account_details"], body.ar-account .woocommerce-MyAccount-content button[name="save_address"],
body.ar-account .woocommerce-MyAccount-content button[name="save_account_details"]:hover, body.ar-account .woocommerce-MyAccount-content button[name="save_address"]:hover,
body.ar-account .woocommerce-MyAccount-content button[name="save_account_details"]:focus, body.ar-account .woocommerce-MyAccount-content button[name="save_address"]:focus {
    height: 46px; padding: 0 22px !important; border-color: #21a9b7 !important; background: #21a9b7 !important; color: #fff !important; font-size: 14.5px !important;
}

/* ---------- Achats et paiements échelonnés : tableau ---------- */
body.ar-account table.woocommerce-orders-table, body.ar-account table.woocommerce-MyAccount-subscriptions, body.ar-account table.my_account_subscriptions, body.ar-account table.my_account_orders {
    width: 100%; margin: 0; border: 0 !important; border-collapse: separate; border-spacing: 0; background: transparent; font-size: 14px;
}
body.ar-account table.my_account_orders thead th, body.ar-account table.my_account_subscriptions thead th {
    padding: 0 12px 10px; border: 0 !important; border-bottom: 1px solid #e8edf5 !important; background: transparent !important; text-align: left;
    font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #64748b;
}
body.ar-account table.my_account_orders tbody th, body.ar-account table.my_account_orders tbody td,
body.ar-account table.my_account_subscriptions tbody th, body.ar-account table.my_account_subscriptions tbody td {
    padding: 14px 12px !important; border: 0 !important; border-bottom: 1px solid #eef1f6 !important; background: transparent !important; vertical-align: middle; font-weight: 600 !important; font-size: 14px !important; color: #0f172a !important;
}
body.ar-account table.my_account_orders tbody tr:last-child > *, body.ar-account table.my_account_subscriptions tbody tr:last-child > * { border-bottom: 0 !important; }
body.ar-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
body.ar-account table.my_account_orders td.woocommerce-orders-table__cell-order-actions .button { margin: 0 6px 0 0; }
body.ar-account table.my_account_orders th.woocommerce-orders-table__cell-order-number a { font-weight: 800 !important; color: #0f172a !important; }
body.ar-account table.my_account_orders tbody td.woocommerce-orders-table__cell-order-date, body.ar-account table.my_account_orders tbody td.woocommerce-orders-table__cell-order-placed-by { color: #64748b !important; font-size: 13px !important; font-weight: 600 !important; }
body.ar-account .woocommerce-pagination { margin-top: 14px; }

/* État : pastille (posée par account.js autour du texte) */
.ar-st { display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 13px; background: #eef1f6; color: #475569; font-size: 12px; font-weight: 800; white-space: nowrap; }
.ar-st--on-hold, .ar-st--pending, .ar-st--pending-payment { background: #fef3c7; color: #b45309; }
.ar-st--processing { background: #dbeafe; color: #1d4ed8; }
.ar-st--completed, .ar-st--active { background: #dcfce7; color: #15803d; }
.ar-st--failed, .ar-st--cancelled, .ar-st--expired, .ar-st--pending-cancel { background: #fee2e2; color: #b91c1c; }
.ar-st--refunded, .ar-st--on-hold-sub { background: #eef1f6; color: #475569; }

/* ---------- Une commande (view-order) ---------- */
body.ar-account .woocommerce-MyAccount-content mark { padding: 0; background: transparent; font-weight: 800; color: #0f172a; }
body.ar-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-order-details__title, body.ar-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-column__title, body.ar-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-order-downloads__title {
    margin: 22px 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important;
}
body.ar-account .e-my-account-tab .woocommerce-MyAccount-content .woocommerce-order-details { margin: 0 !important; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details { width: 100%; margin: 0 !important; padding: 0 !important; border: 1px solid #e8edf5 !important; border-radius: 14px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 14px; background: #fff !important; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details th, body.ar-account .e-my-account-tab table.woocommerce-table--order-details td { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid #eef1f6 !important; background: transparent !important; text-align: left; font-size: 14px !important; font-weight: 600 !important; color: #0f172a !important; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details thead th { background: #f8fafc !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details tfoot tr:last-child > * { border-bottom: 0 !important; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details td:last-child, body.ar-account .e-my-account-tab table.woocommerce-table--order-details th:last-child { text-align: right; }
body.ar-account .e-my-account-tab table.woocommerce-table--order-details tfoot th { font-weight: 700 !important; color: #475569 !important; }
/* Adresses de la commande : deux cartes (une seule colonne sur téléphone). */
body.ar-account .e-my-account-tab .woocommerce-customer-details { margin: 16px 0 0 !important; }
body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-columns::before, body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-columns::after { display: none; }
body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-column { float: none; width: auto; margin: 0; padding: 14px 16px 16px; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff; }
body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-column__title { margin: 0 0 8px !important; }
body.ar-account .e-my-account-tab .woocommerce-customer-details address { height: auto !important; margin: 0; padding: 0 !important; border: 0 !important; background: none !important; font-style: normal; font-size: 14px !important; line-height: 1.6 !important; color: #0f172a !important; }
body.ar-account .e-my-account-tab .woocommerce-customer-details address p { margin: 4px 0 0; }
body.ar-account .woocommerce-order-details #sfwc-order-details { margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: #f8fafc; font-size: 12.5px; line-height: 1.6; color: #64748b; }
body.ar-account .woocommerce-order-details #sfwc-order-details hr { margin: 6px 0 !important; }

/* ---------- Formulaires : détails du compte, adresse ---------- */
body.ar-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm, body.ar-account .woocommerce-MyAccount-content form[method="post"]:has(.woocommerce-address-fields) { display: block; }
body.ar-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper, body.ar-account .woocommerce-MyAccount-content form.edit-account { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
body.ar-account .woocommerce-MyAccount-content form.edit-account > fieldset, body.ar-account .woocommerce-MyAccount-content form.edit-account > p:not(.form-row-first):not(.form-row-last),
body.ar-account .woocommerce-MyAccount-content form.edit-account > .clear { grid-column: 1 / -1; }
body.ar-account .woocommerce-MyAccount-content .form-row { float: none !important; width: auto !important; margin: 0 0 14px !important; padding: 0 !important; }
body.ar-account .woocommerce-MyAccount-content .form-row-wide, body.ar-account .woocommerce-MyAccount-content .address-field.form-row-wide { grid-column: 1 / -1; }
body.ar-account .woocommerce-MyAccount-content label { display: block; margin: 0 0 6px; font-size: 12.5px; font-weight: 800; line-height: 1.3; color: #334155; }
body.ar-account .woocommerce-MyAccount-content label .required { color: #e11d48; text-decoration: none; }
body.ar-account .woocommerce-MyAccount-content input.input-text, body.ar-account .woocommerce-MyAccount-content select, body.ar-account .woocommerce-MyAccount-content textarea,
body.ar-account .woocommerce-MyAccount-content .select2-container .select2-selection--single {
    width: 100% !important; min-height: 46px; padding: 0 14px !important; border: 1.5px solid #cdd5e3 !important; border-radius: 13px !important; background: #fff !important; box-shadow: none !important;
    font-size: 16px; line-height: 1.2; color: #0f172a; box-sizing: border-box;
}
body.ar-account .woocommerce-MyAccount-content input.input-text:focus, body.ar-account .woocommerce-MyAccount-content select:focus, body.ar-account .woocommerce-MyAccount-content textarea:focus { border-color: #21a9b7 !important; box-shadow: 0 0 0 3px rgba(33, 169, 183, .18) !important; outline: 0; }
body.ar-account .woocommerce-MyAccount-content em, body.ar-account .woocommerce-MyAccount-content .form-row span em { display: block; margin-top: 5px; font-size: 12px; font-style: normal; line-height: 1.45; color: #64748b; }
body.ar-account .woocommerce-MyAccount-content .password-input { position: relative; display: block; }
body.ar-account .woocommerce-MyAccount-content .show-password-input { position: absolute; top: 0; right: 0; width: 46px; height: 46px; background-color: transparent !important; border: 0 !important; opacity: .7; }
body.ar-account .woocommerce-MyAccount-content .password-input input { padding-right: 48px !important; }
body.ar-account .woocommerce-MyAccount-content fieldset { margin: 4px 0 14px; padding: 16px 18px 4px; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff; }
body.ar-account .woocommerce-MyAccount-content fieldset legend { padding: 0 8px; font-size: 14px; font-weight: 800; color: #0f172a; }

/* ---------- Adresses ---------- */
body.ar-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 14px 0 0; }
body.ar-account .woocommerce-Addresses::before, body.ar-account .woocommerce-Addresses::after { display: none; }
body.ar-account .e-my-account-tab .woocommerce-Addresses .woocommerce-Address { position: relative; float: none; width: auto; margin: 0; padding: 16px 18px; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff; }
body.ar-account .e-my-account-tab .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px; padding: 0; }
body.ar-account .e-my-account-tab .woocommerce-Address-title h2, body.ar-account .e-my-account-tab .woocommerce-Address-title h3 { margin: 0 !important; padding: 0 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important; }
body.ar-account .e-my-account-tab .woocommerce-Address-title a.edit { position: static !important; display: inline-flex; margin: 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #187c86 !important; background: none !important; border: 0 !important; }
body.ar-account .e-my-account-tab .woocommerce-Addresses address { height: auto !important; margin: 0; padding: 0 !important; border: 0 !important; background: none !important; font-style: normal; font-size: 14px !important; line-height: 1.6 !important; color: #0f172a !important; }
/* Adresses identiques : titre, adresse, puis les deux liens « Modifier » côte à côte. */
body.ar-account .woocommerce-Addresses.is-same .woocommerce-Address { display: flex; flex-wrap: wrap; align-items: center; column-gap: 18px; }
body.ar-account .woocommerce-Addresses.is-same .woocommerce-Address-title { display: contents; }
body.ar-account .woocommerce-Addresses.is-same .woocommerce-Address-title h2 { order: 1; flex: 1 0 100%; margin-bottom: 8px !important; }
body.ar-account .woocommerce-Addresses.is-same address { order: 2; flex: 1 0 100%; margin-bottom: 12px; }
body.ar-account .woocommerce-Addresses.is-same .woocommerce-Address-title a.edit { order: 3; }

/* ---------- Sous-comptes (plugin « Subaccounts for WooCommerce ») : liste, ajout, fiche, commandes ---------- */
body.ar-account .ar-acc-ava { display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #e3f4f6; color: #0d6770; font-weight: 800; line-height: 1; letter-spacing: .02em; }
body.ar-account #frontend_manage_subaccounts img.avatar, body.ar-account #sfwc_frontend_manage_subaccounts_table tr img.avatar { display: block !important; flex: 0 0 auto; width: 44px; height: 44px; max-height: none; margin: 0 !important; border-radius: 50%; object-fit: cover; background: #e3f4f6; }
/* onglets « Gérer » / « Commandes » = bascule */
body.ar-account .woocommerce-MyAccount-content ul.sfwc_my_account_tabrow { display: flex; gap: 4px; margin: 0 0 18px !important; padding: 4px !important; list-style: none; border: 0 !important; border-radius: 14px; background: #eef1f6; }
body.ar-account .woocommerce-MyAccount-content .sfwc_my_account_tabrow li.sfwc_my_account_tab { flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 11px; background: transparent; text-align: center; }
body.ar-account .woocommerce-MyAccount-content .sfwc_my_account_tabrow li.sfwc_my_account_tab a, body.ar-account .woocommerce-MyAccount-content .sfwc_my_account_tabrow li.sfwc_my_account_tab a:hover { display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 6px 8px; border-radius: 11px; font-size: 13px; font-weight: 800; line-height: 1.2; color: #64748b !important; text-decoration: none !important; }
body.ar-account .woocommerce-MyAccount-content .sfwc_my_account_tabrow li.sfwc_my_account_tab.selected { background: #fff; box-shadow: 0 1px 4px rgba(15, 23, 42, .12); }
body.ar-account .woocommerce-MyAccount-content .sfwc_my_account_tabrow li.sfwc_my_account_tab.selected a { color: #187c86 !important; }
body.ar-account .woocommerce-MyAccount-content ul.sfwc_my_account_tabrow::before, body.ar-account .woocommerce-MyAccount-content ul.sfwc_my_account_tabrow::after { display: none !important; content: none !important; }
/* titres de la vue */
body.ar-account #frontend_manage_subaccounts h2, body.ar-account #frontend_subaccount_orders h2 { margin: 0 !important; padding: 0 !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; }
body.ar-account #frontend_manage_subaccounts .manage-subaccounts-header-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; margin: 0 0 16px; }
body.ar-account #frontend_manage_subaccounts a#sfwc-add-subaccount-btn, body.ar-account #frontend_manage_subaccounts a#sfwc-add-subaccount-btn:hover, body.ar-account #frontend_manage_subaccounts a#sfwc-add-subaccount-btn:focus {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px !important; border: 0 !important; border-radius: 12px !important; background: #21a9b7 !important; color: #fff !important; font-size: 13.5px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(33, 169, 183, .25);
}
body.ar-account #frontend_manage_subaccounts a#sfwc-add-subaccount-btn svg { width: 15px; height: 15px; margin: 0 !important; }
/* liste : une carte par enfant (avatar · nom · e-mail · Modifier) */
body.ar-account #frontend_manage_subaccounts_users_list > div { padding-top: 0 !important; overflow: visible !important; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table, body.ar-account table#sfwc_frontend_manage_subaccounts_table tbody { display: block; width: 100%; margin: 0; border: 0 !important; background: transparent !important; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.ar-account table#sfwc_frontend_manage_subaccounts_table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "acc act" "mail mail"; align-items: center; gap: 4px 12px; margin: 0 0 10px; padding: 12px 14px; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; font-size: 14px; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td::before { display: none !important; content: none !important; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td.account { grid-area: acc; display: flex !important; align-items: center; gap: 12px; font-weight: 800; color: #0f172a; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td.account > span:not(.ar-acc-ava) { display: block; min-width: 0; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td.account .ar-acc-ava { width: 44px !important; height: 44px !important; font-size: 16px !important; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td.email { grid-area: mail; padding-left: 56px !important; min-width: 0; overflow-wrap: anywhere; font-size: 13px; font-weight: 600; color: #64748b; }
body.ar-account table#sfwc_frontend_manage_subaccounts_table td.actions { grid-area: act; }
/* boutons (Modifier, Filtrer…) */
body.ar-account #frontend_manage_subaccounts a.button, body.ar-account #frontend_subaccount_orders .button, body.ar-account #frontend_subaccount_orders input[type="submit"], body.ar-account #frontend_manage_subaccounts input[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px !important; border: 1px solid #bbedf2 !important; border-radius: 12px !important; background: #fff !important; color: #187c86 !important; font-size: 13.5px !important; font-weight: 800 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer;
}
body.ar-account #frontend_manage_subaccounts input[type="submit"] { width: 100%; min-height: 48px; margin-top: 18px !important; border: 0 !important; background: #21a9b7 !important; color: #fff !important; font-size: 15px !important; box-shadow: 0 6px 16px rgba(33, 169, 183, .28) !important; }
/* retour à la liste */
body.ar-account #frontend_manage_subaccounts a#sfwc_frontend_edit_subaccount_go_back { float: none !important; display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 14px !important; font-size: 13.5px !important; font-weight: 800; color: #187c86 !important; text-decoration: none !important; }
body.ar-account #frontend_manage_subaccounts a#sfwc_frontend_edit_subaccount_go_back span { top: 0 !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount > h2, body.ar-account #frontend_add_subaccount > h2 { margin-top: 2px !important; }
/* fiche : en-tête enfant */
body.ar-account #frontend_manage_subaccounts_edit_subaccount #sfwc_frontend_edit_subaccount_header { float: none !important; clear: both; display: block !important; width: auto !important; margin: 0 0 14px !important; padding: 14px 16px !important; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc-profile-summary { float: none !important; display: flex !important; align-items: center; gap: 14px; width: auto !important; max-width: none !important; margin: 0 !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc-profile-summary img.avatar { width: 56px !important; height: 56px !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc-profile-summary .ar-acc-ava { width: 56px !important; height: 56px !important; font-size: 21px !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc-profile-summary span.name { margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #0f172a !important; }
body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc-account-status-wrap { margin-top: 10px; padding: 10px 12px !important; border-radius: 12px; background: #f1f5f9 !important; }
/* fiche : sections repliables (accordéon jQuery UI) */
body.ar-account #frontend_manage_subaccounts #accordion { clear: both; margin: 0; }
body.ar-account #frontend_manage_subaccounts #accordion h3.ui-accordion-header { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; text-align: left !important; margin: 0 0 8px !important; padding: 14px 16px 14px 40px !important; border: 1px solid #e8edf5 !important; border-radius: 14px !important; background: #fff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .06em; text-transform: uppercase; color: #475569 !important; cursor: pointer; }
body.ar-account #frontend_manage_subaccounts #accordion h3.ui-accordion-header.ui-state-active { border-color: #bbedf2 !important; background: #e7fbfd !important; color: #187c86 !important; border-bottom-left-radius: 14px !important; }
body.ar-account #frontend_manage_subaccounts #accordion h3.ui-accordion-header .ui-accordion-header-icon { position: absolute !important; top: 50% !important; left: 14px !important; margin: -8px 0 0 !important; }
body.ar-account #frontend_manage_subaccounts #accordion .ui-accordion-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; margin: 0 0 10px; padding: 8px 4px 6px !important; border: 0 !important; background: transparent !important; overflow: visible !important; height: auto; }
body.ar-account #frontend_manage_subaccounts #accordion .ui-accordion-content[style*="display: none"] { display: none; }
body.ar-account #frontend_manage_subaccounts .ui-accordion-content .form-row, body.ar-account #frontend_manage_subaccounts_edit_subaccount .sfwc_field_wrap, body.ar-account #sfwc_form_add_subaccount_frontend .form-row { float: none !important; width: auto !important; margin: 0 0 8px !important; padding: 0 !important; }
body.ar-account #frontend_manage_subaccounts .ui-accordion-content .form-row-wide { grid-column: 1 / -1; }
body.ar-account #sfwc_form_add_subaccount_frontend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
body.ar-account #sfwc_form_add_subaccount_frontend > * { grid-column: 1 / -1; }
body.ar-account #sfwc_form_add_subaccount_frontend > .form-row-first, body.ar-account #sfwc_form_add_subaccount_frontend > .form-row-last { grid-column: auto; }
body.ar-account #sfwc_form_add_subaccount_frontend > p[style*="border-left"] { align-items: center; gap: 10px; padding: 12px 14px !important; border: 0 !important; border-radius: 12px; background: #eef7f8 !important; font-size: 13px; line-height: 1.5; color: #0d6770; }
body.ar-account #sfwc_form_add_subaccount_frontend > p[style*="border-left"] span { padding: 0 !important; font-size: 13px !important; color: inherit !important; }
body.ar-account #sfwc_form_add_subaccount_frontend > p[style*="margin-top:50px"] { margin-top: 14px !important; font-size: 12px; color: #64748b; }
body.ar-account #sfwc_form_add_subaccount_frontend::before, body.ar-account #sfwc_form_edit_subaccount_frontend::before { display: none; }
/* commandes des sous-comptes : filtre */
body.ar-account #frontend_subaccount_orders #sfwc-select-subaccount-orders-form-wrap { margin: 14px 0 0; padding: 16px; border: 1px solid #e8edf5; border-radius: 16px; background: #fcfdff; }
body.ar-account #frontend_subaccount_orders #sfwc-select-subaccount-orders-form-wrap h4 { margin: 0 0 10px !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important; }
body.ar-account #frontend_subaccount_orders .selectize-input { min-height: 44px; padding: 8px 12px; border: 1px solid #d5dbe6 !important; border-radius: 12px !important; box-shadow: none !important; }
body.ar-account #frontend_subaccount_orders button.sfwc-deselect { margin: 8px 0 10px; padding: 0 !important; border: 0 !important; background: none !important; font-size: 12.5px !important; font-weight: 700; color: #64748b !important; box-shadow: none !important; }
body.ar-account #frontend_subaccount_orders .woocommerce-info { margin: 14px 0 0; }

/* ---------- Sélecteur de compte (plugin de sous-comptes) : « Connecté·e en tant que … » + liste des comptes ---------- */
body.ar-account .e-my-account-tab .woocommerce > #sfwc-user-switcher-pane { grid-column: 1 / -1; }
body.ar-account #sfwc-user-switcher-pane {
    display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ico title ctl" "ico name ctl"; align-items: center; column-gap: 14px; row-gap: 1px;
    margin: 0 0 18px !important; padding: 14px 16px !important; border: 1px solid #e8edf5; border-radius: 18px; background: #fff !important; box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
}
body.ar-account #sfwc-user-switcher-pane::before {
    content: ""; grid-area: ico; width: 44px; height: 44px; border-radius: 50%; background-color: #e7fbfd;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2321a9b7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: center; background-size: 22px;
}
body.ar-account #sfwc-user-switcher-pane h3 { grid-area: title; align-self: end; margin: 0 !important; padding: 0 !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .06em; text-transform: uppercase; color: #64748b !important; }
body.ar-account #sfwc-user-switcher-pane p { grid-area: name; align-self: start; margin: 0 !important; padding: 0 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.3 !important; color: #0f172a !important; overflow-wrap: anywhere; }
body.ar-account #sfwc-user-switcher-pane p .sfwc-email { font-size: 13px; font-weight: 600; color: #64748b; }
body.ar-account #sfwc-user-switcher-pane form { grid-area: ctl; margin: 0; min-width: 230px; }
body.ar-account #sfwc-user-switcher-pane .selectize-control { position: relative; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input, body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input.focus, body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input.dropdown-active {
    display: flex; align-items: center; min-height: 44px; padding: 0 38px 0 14px; border: 1px solid #bbedf2 !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; cursor: pointer;
}
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input.dropdown-active { border-color: #21a9b7 !important; box-shadow: 0 0 0 3px rgba(33, 169, 183, .12) !important; border-radius: 12px !important; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input input { height: auto; min-height: 0; padding: 0 !important; border: 0 !important; background: none !important; font-size: 14px !important; font-weight: 800 !important; color: #187c86 !important; box-shadow: none !important; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input input::placeholder { color: #187c86 !important; opacity: 1 !important; font-weight: 800; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input .item { color: #187c86 !important; font-weight: 800; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input::after { right: 15px; margin-top: -2px; border-color: #21a9b7 transparent transparent transparent !important; }
body.ar-account #sfwc-user-switcher-pane .selectize-control.single .selectize-input.dropdown-active::after { border-color: transparent transparent #21a9b7 transparent !important; margin-top: -5px; }
body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize { z-index: 50; margin-top: 6px; border: 1px solid #e8edf5 !important; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px rgba(15, 23, 42, .16); overflow: hidden; }
body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .selectize-dropdown-content { max-height: 260px; padding: 6px; }
body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .option { padding: 10px 12px; border-radius: 10px; font-size: 14px; font-weight: 700; line-height: 1.3; color: #0f172a; cursor: pointer; }
body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .option.active, body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .option:hover { background: #e7fbfd; color: #187c86; }
body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .no-results, body.ar-account .selectize-dropdown.sfwc_frontend_children_selectize .optgroup-header { padding: 10px 12px; font-size: 13px; color: #64748b; }
/* lien « Revenir au compte de … » (plugin User Switching, admin qui se fait passer pour un parent) */
body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back { --ar-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E"); }
body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a, body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a:hover { margin-top: 4px; border-radius: 12px !important; background: #fff7ed !important; color: #b45309 !important; font-size: 13px !important; line-height: 1.3 !important; }
body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a::before { opacity: 1 !important; }

/* ============================ Tablette (≤ 1000 px) ============================ */
@media (max-width: 1000px) {
    body.ar-account .e-my-account-tab .woocommerce { display: block !important; }
    /* Menu du compte = carrés (icône au-dessus du libellé), tout en haut de la page. */
    body.ar-account .e-my-account-tab .woocommerce-MyAccount-navigation { margin: 0 0 16px !important; }
    body.ar-account .woocommerce-MyAccount-navigation { position: static; margin: 0 0 16px !important; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    body.ar-account .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; overflow: visible; }
    body.ar-account .woocommerce-MyAccount-navigation li { flex: none; width: auto !important; min-width: 0; margin: 0 !important; }
    body.ar-account .woocommerce-MyAccount-navigation li a, body.ar-account .woocommerce-MyAccount-navigation li a:hover, body.ar-account .woocommerce-MyAccount-navigation li a:focus {
        flex-direction: column; justify-content: flex-start; align-items: center; gap: 8px; width: 100%; aspect-ratio: 1 / 1; min-height: 0; padding: 14px 2px 8px !important;
        border: 1px solid var(--ar-border, #e8edf5) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .05) !important;
        font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.15 !important; text-align: center !important; white-space: normal; overflow-wrap: break-word; hyphens: none;
    }
    body.ar-account .woocommerce-MyAccount-navigation li.is-active a, body.ar-account .woocommerce-MyAccount-navigation li.is-active a:hover { border-color: #9feaf2 !important; background: #e7fbfd !important; }
    body.ar-account .woocommerce-MyAccount-navigation li:not(.is-active) a::before { opacity: .8; }
    body.ar-account li.woocommerce-MyAccount-navigation-link--customer-logout a, body.ar-account li.woocommerce-MyAccount-navigation-link--customer-logout a:hover { margin-top: 0; border: 1px solid #fbd5d5 !important; border-radius: 18px !important; background: #fff7f7 !important; }
    body.ar-account .woocommerce-MyAccount-navigation li a::before { width: 26px; height: 26px; }
    body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back { grid-column: 1 / -1; }
    body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a, body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a:hover { flex-direction: row; justify-content: flex-start; gap: 10px; aspect-ratio: auto; min-height: 46px; margin-top: 0; padding: 8px 14px !important; border: 1px solid #fed7aa !important; border-radius: 14px !important; background: #fff7ed !important; font-size: 13px !important; text-align: left !important; }
    body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a::before { width: 20px; height: 20px; }
}

/* ============================ Téléphone (≤ 800 px) ============================ */
@media (max-width: 800px) {
    body.ar-account .woocommerce-MyAccount-navigation li a::before { width: 24px; height: 24px; }
    body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child { flex-direction: column; align-items: flex-start; gap: 6px; padding: 0 0 10px !important; }
    body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child > .e-con { justify-content: flex-start !important; align-items: flex-start !important; height: auto !important; min-height: 0 !important; width: auto !important; }
    body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child .elementor-widget { margin: 0 !important; }
    body.ar-account .elementor-1517 .e-con-inner > .e-grid.e-child .elementor-icon-list-item { justify-content: flex-start; }
    /* Achats et paiements échelonnés : les cartes sont déjà les lignes, pas de carte autour. */
    body.ar-account .e-my-account-tab.e-my-account-tab__orders:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content-wrapper,
    body.ar-account .e-my-account-tab.e-my-account-tab__subscriptions:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content-wrapper { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    body.ar-account .elementor-1517 .elementor-widget-heading .elementor-heading-title { font-size: 21px !important; }
    body.ar-account .ar-portal-content .e-con, body.ar-account .ar-portal-content .e-con-inner { padding-left: 0 !important; padding-right: 0 !important; }
    body.ar-account .e-my-account-tab:not(.e-my-account-tab__dashboard) .woocommerce-MyAccount-content-wrapper { padding: 14px; border-radius: 18px; }
    body.ar-account .woocommerce-MyAccount-content h2, body.ar-account .woocommerce-MyAccount-content h3 { font-size: 17px; }

    /* Achats / paiements échelonnés : une carte par ligne */
    body.ar-account table.my_account_orders thead, body.ar-account table.my_account_subscriptions thead { display: none; }
    body.ar-account table.my_account_orders, body.ar-account table.my_account_orders tbody, body.ar-account table.my_account_subscriptions, body.ar-account table.my_account_subscriptions tbody { display: block; }
    body.ar-account table.my_account_orders tbody tr {
        display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; margin: 0 0 10px; padding: 14px; border: 1px solid #e8edf5; border-radius: 18px; background: #fff;
        box-shadow: 0 2px 10px rgba(15, 23, 42, .04);
    }
    body.ar-account table.my_account_orders tbody tr > * { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: left !important; }
    body.ar-account table.my_account_orders tbody tr > *::before { display: none !important; content: none !important; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-number { grid-column: 1; grid-row: 1; font-size: 16px; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-number a { font-size: 16px; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-status { grid-column: 2; grid-row: 1; justify-self: end; }
    body.ar-account table.my_account_orders tbody .woocommerce-orders-table__cell-order-date { grid-column: 1; grid-row: 2; font-size: 12.5px !important; padding: 0 !important; }
    body.ar-account table.my_account_orders tbody .woocommerce-orders-table__cell-order-total { grid-column: 2; grid-row: 2; justify-self: end; font-size: 15px !important; font-weight: 800 !important; color: #0f172a !important; white-space: nowrap; padding: 0 !important; }
    body.ar-account table.my_account_orders tbody .woocommerce-orders-table__cell-order-placed-by { grid-column: 1 / -1; grid-row: 3; font-size: 12.5px !important; color: #64748b !important; padding: 0 !important; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-placed-by::before { display: inline !important; margin-right: 4px; content: attr(data-title) !important; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1; grid-row: 4; display: flex !important; gap: 8px; margin-top: 8px; white-space: normal; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-actions .button { flex: 1 1 0; margin: 0; height: 42px; }
    body.ar-account table.my_account_orders .woocommerce-orders-table__cell-order-actions .button.pay { flex: 1.4 1 0; }

    /* Formulaires : une colonne, bouton collé en bas */
    body.ar-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper, body.ar-account .woocommerce-MyAccount-content form.edit-account { gap: 0 10px; }
    body.ar-account .woocommerce-MyAccount-content form.edit-account > p:last-of-type, body.ar-account .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-of-type {
        position: sticky; bottom: 0; z-index: 5; margin: 8px -14px -14px !important; padding: 10px 14px calc(12px + env(safe-area-inset-bottom, 0px)) !important; background: #fff; border-top: 1px solid #e8edf5;
    }
    body.ar-account .woocommerce-MyAccount-content button[name="save_account_details"], body.ar-account .woocommerce-MyAccount-content button[name="save_address"] { width: 100%; }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset:not(.is-open) > :not(legend) { display: none; }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset { padding: 0 14px; }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset legend { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 50px; padding: 0; cursor: pointer; }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset legend::after { content: ""; width: 7px; height: 7px; border-right: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: rotate(45deg); transition: transform .15s; }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset.is-open legend::after { transform: rotate(-135deg); }
    html.ar-acc-js body.ar-account .woocommerce-MyAccount-content fieldset.is-open { padding-bottom: 4px; }

    /* Sélecteur de compte : le bouton passe sous le nom */
    body.ar-account #sfwc-user-switcher-pane { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "ico title" "ico name" "ctl ctl"; row-gap: 2px; }
    body.ar-account #sfwc-user-switcher-pane form { margin-top: 12px; min-width: 0; }
    body.ar-account #sfwc-user-switcher-pane p .sfwc-email { display: block; }

    /* Sous-comptes : champs sur une colonne */
    body.ar-account #frontend_manage_subaccounts #accordion .ui-accordion-content, body.ar-account #sfwc_form_add_subaccount_frontend { grid-template-columns: 1fr; }
    body.ar-account #sfwc_form_add_subaccount_frontend > .form-row-first, body.ar-account #sfwc_form_add_subaccount_frontend > .form-row-last { grid-column: 1 / -1; }
    body.ar-account .woocommerce-MyAccount-content ul.sfwc_my_account_tabrow li.sfwc_my_account_tab a { font-size: 12.5px; }

    /* Adresses : une colonne */
    body.ar-account .woocommerce-Addresses { grid-template-columns: 1fr; gap: 10px; }

    /* Commande : tableau du détail resserré */
    body.ar-account .e-my-account-tab table.woocommerce-table--order-details th, body.ar-account .e-my-account-tab table.woocommerce-table--order-details td { padding: 10px 12px !important; font-size: 13.5px !important; }
    body.ar-account .e-my-account-tab .woocommerce-customer-details .woocommerce-columns { grid-template-columns: 1fr; gap: 10px; }

}

/* ============================ Petit téléphone (≤ 640 px) : menu en 2 rangées de 4 tuiles ============================ */
@media (max-width: 640px) {
    body.ar-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    body.ar-account .woocommerce-MyAccount-navigation li a, body.ar-account .woocommerce-MyAccount-navigation li a:hover, body.ar-account .woocommerce-MyAccount-navigation li a:focus { aspect-ratio: auto; min-height: 88px; font-size: 11px !important; border-radius: 16px !important; }
    body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a, body.ar-account li.woocommerce-MyAccount-navigation-link--user-switching-switch-back a:hover { min-height: 46px; }
}