/* ==========================================================================
   ARMember : habillage du formulaire d'adhésion (page Adhérer) et des formulaires membres.
   Chargé uniquement si ARMember est actif. Sélecteurs volontairement précis :
   ARMember injecte ses propres styles plus loin dans la page.
   ========================================================================== */

/* ---------- Carte principale ---------- */
.contenu .arm_setup_form_container,
.contenu .arm_form_container,
.contenu .arm_member_panel_container { max-width: 720px; margin-inline: auto; font-family: var(--f) !important; }
.contenu .arm_setup_form_container form.arm_membership_setup_form {
	background: #fff; border: 1px solid var(--ligne); border-radius: 28px; box-shadow: var(--ombre-3);
	padding: clamp(1.4rem, 4vw, 2.5rem) !important;
}
.contenu .arm_setup_form_title {
	font: 600 1.4rem/1.2 var(--f) !important; letter-spacing: -.03em; color: var(--texte) !important;
	margin: 0 0 .3rem !important; padding: 0 !important; text-align: left !important;
}
.contenu .arm_setup_form_title::after {
	content: "Choisissez votre adhésion, puis renseignez vos informations. Paiement sécurisé par carte bancaire.";
	display: block; font: 400 .9375rem/1.5 var(--f); color: var(--gris); letter-spacing: 0; margin-top: .4rem;
}
.contenu .arm_setup_form_inner_container { display: flex !important; flex-direction: column; }
.contenu .arm_setup_form_inner_container > * { order: 1; }

/* Titres de sections internes */
.contenu .arm_setup_section_title_wrapper {
	font: 600 1.05rem/1.3 var(--f) !important; color: var(--texte) !important; text-align: left !important; letter-spacing: -.015em;
	margin: 1.4rem 0 .9rem !important; padding: 1.4rem 0 0 !important; border: 0 !important; border-top: 1px solid var(--ligne) !important;
}
.contenu .arm-df__heading,
.contenu .arm-df__heading * { font: 600 1.05rem/1.3 var(--f) !important; color: var(--texte) !important; text-align: left !important; letter-spacing: -.015em; }
.contenu .arm-df__heading { margin: 1.4rem 0 1rem !important; padding: 1.4rem 0 0 !important; border-top: 1px solid var(--ligne) !important; }

/* ---------- Offre (étape 1) ---------- */
.contenu .arm_module_plans_main_container,
.contenu .arm_module_plans_container { margin: 1.5rem 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
.contenu .arm_module_plans_ul { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.contenu .arm_module_plans_ul > li { width: auto !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.contenu .arm_module_plans_ul .arm_module_plan_option {
	position: relative; display: grid !important; grid-template-columns: 1fr auto; align-items: center; gap: .4rem 1.2rem;
	height: auto !important; min-height: 0 !important; padding: 1.3rem 1.4rem 1.3rem 3.4rem !important; margin: 0 !important;
	background: #fff !important; border: 1.5px solid var(--ligne-2) !important; border-radius: 20px !important;
	box-shadow: var(--ombre-1) !important; cursor: pointer; text-align: left !important; transition: border-color .2s, box-shadow .3s var(--ease);
}
.contenu .arm_module_plans_ul .arm_module_plan_option::before {
	content: ""; position: absolute; left: 1.3rem; top: 1.7rem; width: 20px; height: 20px; border-radius: 50%;
	border: 1.5px solid var(--ligne-2); background: #fff; transition: all .2s;
}
.contenu .arm_module_plans_ul li.arm_active .arm_module_plan_option { border-color: var(--bleu) !important; box-shadow: 0 0 0 4px var(--bleu-pale), var(--ombre-2) !important; }
.contenu .arm_module_plans_ul li.arm_active .arm_module_plan_option::before { border-color: var(--bleu); background: var(--bleu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }
.contenu .arm_module_plan_input { position: absolute !important; opacity: 0 !important; pointer-events: none; }
.contenu .arm_module_plan_name {
	height: auto !important; min-height: 0 !important; display: block !important; padding: 0 !important; margin: 0 !important;
	font: 600 1.1rem/1.3 var(--f) !important; letter-spacing: -.02em; color: var(--texte) !important; text-align: left !important; background: none !important; border: 0 !important;
}
.contenu .arm_module_plan_price_type {
	grid-column: 2; grid-row: 1; height: auto !important; padding: 0 !important; margin: 0 !important;
	background: none !important; border: 0 !important; text-align: right !important;
}
.contenu .arm_module_plan_price_type,
.contenu .arm_module_plan_price_type * { font-family: var(--f) !important; color: var(--texte) !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
.contenu .arm_module_plan_price { font-size: 1.9rem !important; font-weight: 600 !important; letter-spacing: -.04em; line-height: 1 !important; }
.contenu .arm_module_plan_price_type::after { content: "par année civile"; display: block; font: 400 .8rem var(--f); color: var(--gris); letter-spacing: 0; margin-top: .25rem; }
.contenu .arm_module_plan_description {
	grid-column: 1 / -1; height: auto !important; padding: .9rem 0 0 !important; margin: .4rem 0 0 !important; border-top: 1px solid var(--ligne) !important;
	font: 400 .9rem/1.55 var(--f) !important; color: var(--gris) !important; text-align: left !important;
}

/* ---------- Informations personnelles (étape 2) ---------- */
.contenu .arm_module_forms_main_container,
.contenu .arm_module_forms_container,
.contenu .arm_module_forms_container .arm_form,
.contenu .arm_module_forms_container .arm-df-wrapper,
.contenu .arm_module_forms_container .arm-df__fields-wrapper {
	border: 0 !important; box-shadow: none !important; background: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important;
}
.contenu .arm-df__form-group { margin-bottom: 1rem !important; }
.contenu .arm-df__form-field-wrap input.arm-df__form-control,
.contenu .arm-df__form-field-wrap textarea.arm-df__form-control { font: 400 1rem var(--f) !important; color: var(--texte) !important; background: #fff !important; box-shadow: none !important; }
.contenu .arm-notched-outline__leading,
.contenu .arm-notched-outline__notch,
.contenu .arm-notched-outline__trailing { border-color: var(--ligne-2) !important; border-width: 1px !important; }
.contenu .arm-notched-outline__leading { border-radius: 12px 0 0 12px !important; }
.contenu .arm-notched-outline__trailing { border-radius: 0 12px 12px 0 !important; }
.contenu .arm-df__form-field-wrap:focus-within .arm-notched-outline__leading,
.contenu .arm-df__form-field-wrap:focus-within .arm-notched-outline__notch,
.contenu .arm-df__form-field-wrap:focus-within .arm-notched-outline__trailing { border-color: var(--bleu) !important; border-width: 2px !important; }
.contenu .arm-df__label-text,
.contenu .arm_form_field_label_text { font: 500 .95rem var(--f) !important; color: var(--gris) !important; }
.contenu .arm-df__form-field-wrap:focus-within .arm-df__label-text { color: var(--bleu) !important; }
.contenu .arm-df__fc-icon, .contenu .arm-df__fc-icon i { color: var(--gris-clair) !important; }
.contenu .arm-df__label-asterisk { color: var(--bleu) !important; }
.contenu .arm_form_label_wrapper { text-align: left !important; margin-bottom: .4rem !important; }
.contenu .arm-df__radio label,
.contenu .arm-df__checkbox label { font: 400 .95rem var(--f) !important; color: var(--texte-2) !important; }
.contenu .arm-df__fc--validation,
.contenu .arm-df__fc--validation * { font: 500 .82rem var(--f) !important; color: #C62D32 !important; }
.contenu .arm_setup_form_container input[type="radio"],
.contenu .arm_setup_form_container input[type="checkbox"] { accent-color: var(--bleu); }
.contenu .arm-df__radio label::before { border-color: var(--ligne-2) !important; }
.contenu .arm-df__radio input:checked + label::before { border-color: var(--bleu) !important; }
.contenu .arm-df__radio input:checked + label::after { background: var(--bleu) !important; }

/* ---------- Paiement ---------- */
.contenu .arm_module_gateways_ul,
.contenu .arm_module_payment_cycle_ul { display: flex !important; flex-wrap: wrap; gap: .6rem; margin: 0 !important; padding: 0 !important; list-style: none; }
.contenu .arm_module_gateways_ul > li,
.contenu .arm_module_payment_cycle_ul > li { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; border: 0 !important; background: none !important; }
.contenu .arm_module_gateway_option,
.contenu .arm_module_payment_cycle_option {
	display: flex !important; align-items: center; gap: .6rem; height: auto !important; padding: .8rem 1.1rem !important;
	border: 1.5px solid var(--ligne-2) !important; border-radius: 14px !important; background: #fff !important; box-shadow: var(--ombre-1);
	font: 500 .95rem var(--f) !important; color: var(--texte) !important; cursor: pointer;
}
.contenu li.arm_active .arm_module_gateway_option,
.contenu li.arm_active .arm_module_payment_cycle_option { border-color: var(--bleu) !important; box-shadow: 0 0 0 4px var(--bleu-pale) !important; }
.contenu .arm_setup_check_circle { position: static !important; width: 18px !important; height: 18px !important; border-radius: 50%; background: var(--bleu) !important; color: #fff !important; display: inline-grid !important; place-items: center; font-size: 10px !important; border: 0 !important; }
.contenu li:not(.arm_active) .arm_setup_check_circle { background: #fff !important; border: 1.5px solid var(--ligne-2) !important; color: transparent !important; }
.contenu .arm_module_gateway_name,
.contenu .arm_module_gateway_span { height: auto !important; font: 500 .95rem var(--f) !important; color: var(--texte) !important; }
.contenu .arm_module_gateway_input,
.contenu .arm_module_payment_cycle_input { position: absolute !important; opacity: 0 !important; }

.contenu .arm_payment_mode_wrapper .arm-df__form-field-wrap_radio { display: flex !important; flex-direction: column; align-items: stretch !important; gap: .5rem; }
.contenu .arm_payment_mode_wrapper .arm-df__radio { justify-content: flex-start !important; padding: .8rem 1rem !important; border: 1.5px solid var(--ligne-2); border-radius: 14px; background: #fff; margin: 0 !important; text-align: left !important; }
.contenu .arm_payment_mode_wrapper .arm-df__radio:has(input:checked) { border-color: var(--bleu); box-shadow: 0 0 0 4px var(--bleu-pale); }
.contenu .arm_payment_mode_wrapper label { font: 500 .95rem/1.4 var(--f) !important; color: var(--texte) !important; text-align: left !important; }

.contenu .arm_setup_summary_text_container { margin: 1.6rem 0 0 !important; padding: 1.1rem 1.2rem !important; border: 1px solid var(--ligne) !important; border-radius: 16px !important; background: var(--surface) !important; text-align: left !important; }
.contenu .arm_setup_summary_text,
.contenu .arm_setup_summary_text * { font-family: var(--f) !important; color: var(--texte-2) !important; text-align: left !important; font-size: .92rem !important; line-height: 1.6 !important; }
.contenu .arm_setup_summary_text > div:first-child { font-weight: 600 !important; color: var(--texte) !important; font-size: 1rem !important; margin-bottom: .3rem; }
.contenu .arm_setup_summary_text strong { color: var(--texte) !important; font-weight: 600 !important; }

/* ---------- Boutons ---------- */
.contenu .arm_setup_submit_btn_wrapper { margin-top: 1.6rem !important; padding-top: 1.4rem !important; border-top: 1px solid var(--ligne) !important; }
.contenu .arm-df__form-group_submit .arm-df__form-field,
.contenu .arm-df__form-field-wrap_submit { width: 100% !important; text-align: right !important; padding: 0 !important; }
html body .contenu .arm-df__form-control-submit-btn {
	width: auto !important; min-width: 200px; height: 52px !important; padding: 0 1.8rem !important; margin: 0 !important;
	border: 0 !important; border-radius: 999px !important; background: var(--bleu) !important; color: #fff !important;
	font: 550 1rem/1 var(--f) !important; letter-spacing: -.01em; text-transform: none !important;
	box-shadow: 0 1px 2px rgba(43, 89, 245, .3), 0 12px 26px -12px rgba(43, 89, 245, .7), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
	transition: background-color .2s, transform .25s var(--ease) !important;
}
html body .contenu .arm-df__form-control-submit-btn:hover { background: var(--bleu-fonce) !important; transform: translateY(-1px); }
.contenu .arm_setup_form_inner_container > .arm_setup_submit_btn_wrapper:has([data-id="arm_setup_two_step_previous"]) { order: 9; border-top: 0 !important; margin-top: .5rem !important; padding-top: 0 !important; }
.contenu .arm_setup_submit_btn_wrapper:has([data-id="arm_setup_two_step_previous"]) .arm-df__form-field-wrap_submit { text-align: left !important; }
html body .contenu .arm_setup_form_container .arm_setup_submit_btn_wrapper button.arm-df__form-control-submit-btn[data-id="arm_setup_two_step_previous"] {
	background: #fff !important; color: var(--texte) !important; -webkit-text-fill-color: var(--texte);
	border: 1px solid var(--ligne-2) !important; box-shadow: var(--ombre-1) !important; min-width: 0 !important; height: 44px !important;
}
.contenu .arm_setup_submit_btn_wrapper hr,
.contenu .arm_setup_form_inner_container > hr { display: none !important; }

/* Mention sous le formulaire */
.contenu .arm_setup_form_container + p { max-width: 720px; margin: 1.4rem auto 0 !important; font-size: .82rem; color: var(--gris); text-align: center; }

@media (max-width: 640px) {
	.contenu .arm_module_plans_ul .arm_module_plan_option { grid-template-columns: 1fr; padding-left: 3.2rem !important; }
	.contenu .arm_module_plan_price_type { grid-column: 1; grid-row: auto; text-align: left !important; }
	html body .contenu .arm-df__form-control-submit-btn { width: 100% !important; }
}

/* ==========================================================================
   Espace adhérent : connexion, mot de passe oublié, panneau membre
   ========================================================================== */
.contenu .arm-form-container { max-width: 480px !important; margin: 0 auto !important; padding: 0 !important; }
.contenu .arm-form-container > form.arm_form {
	background: #fff !important; border: 1px solid var(--ligne) !important; border-radius: 28px !important; box-shadow: var(--ombre-3) !important;
	padding: clamp(1.6rem, 5vw, 2.6rem) !important; margin: 0 !important; max-width: none !important; width: 100% !important;
}
.contenu .arm-form-container .arm-df-wrapper,
.contenu .arm-form-container .arm-df__fields-wrapper { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; width: 100% !important; max-width: none !important; }

/* En-tête de la carte */
.contenu .arm-form-container .arm-df__heading { border: 0 !important; padding: 0 !important; margin: 0 0 1.6rem !important; text-align: left !important; }
.page-page-membre .contenu .arm-form-container .arm-df__heading::before,
.page-login .contenu .arm-form-container .arm-df__heading::before {
	content: ""; display: block; width: 48px; height: 48px; border-radius: 14px; margin-bottom: 1.1rem;
	background: var(--bleu-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B59F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.contenu .arm-form-container .arm-df__heading,
.contenu .arm-form-container .arm-df__heading-text { font: 600 1.45rem/1.2 var(--f) !important; letter-spacing: -.03em !important; color: var(--texte) !important; }
.page-page-membre .contenu .arm-form-container .arm-df__heading::after,
.page-login .contenu .arm-form-container .arm-df__heading::after {
	content: "Accédez à votre profil, à vos reçus et au renouvellement de votre adhésion.";
	display: block; margin-top: .45rem; font: 400 .9375rem/1.5 var(--f); letter-spacing: 0; color: var(--gris);
}
.contenu .arm-form-container .arm_label_input_separator { display: none !important; }
.contenu .arm-form-container .arm-df__form-group { margin: 0 0 1rem !important; padding: 0 !important; }
.contenu .arm-form-container .arm-df__form-field-wrap { min-height: 52px; }
.contenu .arm-form-container input.arm-df__form-control { height: 52px !important; padding-left: 1rem !important; }
.contenu .arm-form-container .arm_visible_password_material { color: var(--gris) !important; background: none !important; border: 0 !important; }

/* « Se souvenir de moi » + lien sur une même ligne */
.contenu .arm-form-container .arm-df__fields-wrapper { display: flex !important; flex-direction: column; }
.contenu .arm-form-container .arm-df__form-group_rememberme { margin: .2rem 0 1.4rem !important; }
.contenu .arm-form-container .arm-df__checkbox { gap: .55rem; }
.contenu .arm-form-container .arm-df__fc-checkbox--label { font: 400 .9rem var(--f) !important; color: var(--texte-2) !important; }
.contenu .arm-form-container input[type="checkbox"] { accent-color: var(--bleu); width: 18px; height: 18px; }
.contenu .arm-form-container .arm-df__fc-checkbox--label::before { border-color: var(--ligne-2) !important; border-radius: 5px !important; }
.contenu .arm-form-container .arm-df__checkbox input:checked + label::before { background: var(--bleu) !important; border-color: var(--bleu) !important; }
.contenu .arm-form-container .arm_forgotpassword_link,
.contenu .arm-form-container .arm-df__form-group_forgot_link {
	position: static !important; float: none !important; text-align: center !important; margin: 1.2rem 0 0 !important; padding: 1.2rem 0 0 !important;
	border-top: 1px solid var(--ligne); width: 100% !important;
}
.contenu .arm-form-container .arm-df__form-group_forgot_link a,
.contenu .arm-form-container .arm_forgotpassword_link a { font: 500 .9rem var(--f) !important; color: var(--bleu) !important; text-decoration: none !important; }
.contenu .arm-form-container .arm-df__form-group_forgot_link a:hover { text-decoration: underline !important; }

/* Mise en page : ARMember place le lien « mot de passe » par des marges négatives, on remet tout en colonne */
.contenu .arm-form-container .arm-df-wrapper { display: flex !important; flex-direction: column !important; }
.contenu .arm-form-container .arm-df__fields-wrapper > * { width: 100% !important; max-width: none !important; }
.contenu .arm-form-container .arm-df__form-group_rememberme .arm-df__form-field-wrap,
.contenu .arm-form-container .arm-df__form-group_submit .arm-df__form-field-wrap { min-height: 0 !important; }
.contenu .arm-form-container .arm-df__checkbox { display: flex !important; align-items: center !important; }
html body .contenu .arm-form-container .arm-df__checkbox .arm-df__fc-checkbox--label { padding-left: 1.9rem !important; white-space: nowrap; }
html body .contenu .arm-form-container form .arm-df-wrapper .arm-df__form-group.arm-df__form-group_forgot_link {
	margin: 1.3rem 0 0 !important; padding: 1.2rem 0 0 !important; position: static !important; float: none !important;
	width: 100% !important; text-align: center !important; border-top: 1px solid var(--ligne) !important;
}

/* Bouton pleine largeur */
.contenu .arm-form-container .arm-df__form-group_submit { margin: 0 !important; }
.contenu .arm-form-container .arm-df__form-field-wrap_submit { text-align: center !important; }
html body .contenu .arm-form-container .arm-df__form-control-submit-btn { width: 100% !important; min-width: 0 !important; text-transform: none !important; }
html body .contenu .arm-form-container .arm-df__form-control-submit-btn .arm_spinner { display: none; }
html body .contenu .arm-form-container .arm-df__form-control-submit-btn.arm_loading .arm_spinner { display: inline-block; }

/* Messages (erreur / succès) */
.contenu .arm_form_message_container .arm_error_msg,
.contenu .arm-df__fc--validation__wrap,
.contenu .arm_error_msg_box { font: 500 .88rem var(--f) !important; color: #A3262A !important; background: #FDECEC !important; border: 1px solid #F8CFD0 !important; border-radius: 12px !important; padding: .7rem .9rem !important; }
.contenu .arm_success_msg { font: 500 .88rem var(--f) !important; color: #0B6B47 !important; background: #E8F7F0 !important; border: 1px solid #C5EBDA !important; border-radius: 12px !important; padding: .7rem .9rem !important; }

/* Pas encore adhérent ? (ajouté par le thème) */
.arm-invite { max-width: 480px; margin: 1.2rem auto 0; text-align: center; font-size: .92rem; color: var(--gris); }
.arm-invite a { font-weight: 600; color: var(--bleu); text-decoration: none; }
.arm-invite a:hover { text-decoration: underline; }

/* ---------- Panneau membre (une fois connecté) ---------- */
.contenu .arm_member_panel_container,
.contenu .arm_account_detail_wrapper,
.contenu [class*="arm_member_panel"] { font-family: var(--f) !important; color: var(--texte-2); max-width: 1000px; margin-inline: auto; }
.contenu [class*="arm_member_panel"] h1, .contenu [class*="arm_member_panel"] h2, .contenu [class*="arm_member_panel"] h3,
.contenu [class*="arm_account_detail"] h3, .contenu [class*="arm_"] .arm_section_title { font-family: var(--f) !important; color: var(--texte) !important; letter-spacing: -.02em; font-weight: 600 !important; }
.contenu [class*="arm_"] table { width: 100%; border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--ligne) !important; border-radius: 16px; overflow: hidden; font: 400 .92rem var(--f) !important; background: #fff; }
.contenu [class*="arm_"] table th { background: var(--surface) !important; color: var(--texte) !important; font-weight: 600 !important; text-align: left !important; padding: .8rem 1rem !important; border: 0 !important; border-bottom: 1px solid var(--ligne) !important; }
.contenu [class*="arm_"] table td { padding: .8rem 1rem !important; border: 0 !important; border-bottom: 1px solid var(--ligne) !important; color: var(--texte-2) !important; background: #fff !important; }
.contenu [class*="arm_"] table tr:last-child td { border-bottom: 0 !important; }
.contenu [class*="arm_"] .arm_paging_wrapper a, .contenu [class*="arm_"] .arm_page_numbers { border-radius: 999px !important; }
.contenu [class*="arm_member_panel"] a.arm_link, .contenu [class*="arm_member_panel"] a { color: var(--bleu); }
.contenu [class*="arm_member_panel"] .arm_tab, .contenu [class*="arm_member_panel"] [class*="tab"] a { font-family: var(--f) !important; }
.contenu [class*="arm_"] .arm_renew_subscription_button, .contenu [class*="arm_"] .arm_cancel_subscription_button,
.contenu [class*="arm_"] .arm_update_card_button, .contenu [class*="arm_"] .arm_logout_btn, .contenu [class*="arm_"] .arm_logout_link,
.contenu [class*="arm_"] button.arm_btn, .contenu [class*="arm_"] .arm_form_edit_profile_button {
	display: inline-flex !important; align-items: center; justify-content: center; height: 42px; padding: 0 1.2rem !important;
	border-radius: 999px !important; border: 0 !important; background: var(--bleu) !important; color: #fff !important;
	font: 550 .92rem var(--f) !important; text-transform: none !important; text-decoration: none !important;
}
.contenu [class*="arm_"] .arm_cancel_subscription_button, .contenu [class*="arm_"] .arm_logout_btn, .contenu [class*="arm_"] .arm_logout_link {
	background: #fff !important; color: var(--texte) !important; border: 1px solid var(--ligne-2) !important;
}

/* ==========================================================================
   Espace adhérent connecté : panneau ARMember (.arm-panel-*)
   ARMember pose des styles par ID et en mode tablette/mobile : sélecteurs renforcés.
   :is(#cpts-id, x) donne le poids d'un ID sans dépendre d'un ID réel.
   ========================================================================== */
html body .contenu .arm-panel-container_main {
	width: calc(min(var(--w), 100vw) - 2 * var(--gout)) !important; max-width: none !important;
	margin: 0 0 0 50% !important; translate: -50% 0; padding: 0 !important;
	background: none !important; border: 0 !important; box-shadow: none !important;
	font-family: var(--f) !important; color: var(--texte-2);
}
html body .contenu .arm-panel-container_main *:not(i) { font-family: var(--f) !important; }
html body .contenu .arm-panel-container {
	display: grid !important; grid-template-columns: 272px minmax(0, 1fr); gap: 1.5rem; align-items: start;
	background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 0 !important;
}

/* ----- Colonne latérale ----- */
html body .contenu .arm-panel-container .arm-panel-sidebar {
	position: sticky; top: calc(var(--header-h) + 1.5rem);
	display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important;
	width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; flex: none !important;
	background: #fff !important; border: 1px solid var(--ligne) !important; border-radius: var(--r-l) !important;
	box-shadow: var(--ombre-2) !important; padding: .75rem !important; overflow: hidden;
}
html body .contenu .arm-panel-sidebar .arm_panel_menu_mobile_wrapper,
html body .contenu .arm-panel-sidebar .arm_responsive_mobile_menu_icon,
html body .contenu .arm-panel-menu-close { display: none !important; }

/* Profil en tête */
html body .contenu .arm-panel-container_main .arm-panel-sidebar-profile-section {
	order: -1; display: grid !important; grid-template-columns: 52px minmax(0, 1fr); align-items: center; column-gap: .85rem; row-gap: 1rem;
	padding: 1rem .75rem 1.1rem !important; margin: 0 !important; border: 0 !important; background: none !important;
	position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; align-self: stretch !important; text-align: left !important;
}
html body .contenu .arm-panel-sidebar-profile-section .arm-profile-trigger { display: flex; grid-column: 1; }
html body .contenu .arm-panel-sidebar-profile-section .arm-droup-down-arrow,
html body .contenu .arm-panel-sidebar-profile-section dl.arm_profile_dropdown { display: none !important; }
html body .contenu .arm-panel-sidebar-profile-section img {
	width: 52px !important; height: 52px !important; border-radius: 50% !important; object-fit: cover; flex: none;
	border: 2px solid #fff !important; box-shadow: 0 0 0 1px var(--ligne), 0 6px 16px -6px rgba(43, 89, 245, .35) !important;
}
html body .contenu .arm-panel-container_main .arm-panel-sidebar-profile-detais { grid-column: 2; min-width: 0; display: flex !important; flex-direction: column; gap: .15rem; text-align: left !important; }
html body .contenu .arm-panel-sidebar-username { font: 600 1rem/1.25 var(--f) !important; color: var(--texte) !important; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .contenu .arm-panel-sidebar-useremail { font: 400 .84rem/1.3 var(--f) !important; color: var(--gris) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .contenu a.arm-panel-sidebar-profile-action.arm_dashboard_logout_link {
	grid-column: 1 / -1; justify-self: start;
	display: inline-flex !important; align-items: center; height: 34px; padding: 0 .9rem !important; margin: 0 !important;
	border: 1px solid var(--ligne-2) !important; border-radius: 999px !important; background: #fff !important;
	color: var(--texte-2) !important; text-decoration: none !important; position: static !important; width: auto !important;
	transition: border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}
html body .contenu a.arm_dashboard_logout_link:hover { border-color: #F3B9BB !important; color: #B4262B !important; background: #FFF6F6 !important; }
html body .contenu a.arm_dashboard_logout_link .arm-panel-logout-icon { display: flex; align-items: center; gap: .45rem; width: auto; height: auto; margin: 0 !important; }
html body .contenu a.arm_dashboard_logout_link svg { width: 16px; height: 16px; flex: none; }
html body .contenu a.arm_dashboard_logout_link svg path { stroke: currentColor !important; }
html body .contenu a.arm_dashboard_logout_link .arm-menu-item-txt { font: 500 .84rem var(--f) !important; color: inherit !important; margin: 0 !important; }
html body .contenu .arm-panel-container_main .arm-panel-front-menu-seperator { order: 0; display: block !important; height: 1px !important; margin: 0 .75rem .6rem !important; background: var(--ligne) !important; border: 0 !important; width: auto !important; }

/* Menu */
html body .contenu .arm-panel-container_main .arm_panel_menu_items.arm_panel_menu_desktop {
	order: 1; display: flex !important; flex-direction: column; gap: 2px; padding: 0 !important; margin: 0 !important;
	width: auto !important; height: auto !important; position: static !important; transform: none !important; left: auto !important;
}
html body .contenu .arm-panel-container_main .arm_panel_menu_items a.arm-menu-item {
	display: flex !important; align-items: center; gap: .75rem; min-height: 44px; height: auto !important; padding: .55rem .75rem !important; margin: 0 !important;
	border-radius: 12px !important; background: none !important; border: 0 !important; box-shadow: none !important;
	color: var(--texte-2) !important; text-decoration: none !important; width: auto !important;
	transition: background .2s var(--ease), color .2s var(--ease);
}
html body .contenu .arm-panel-container_main .arm_panel_menu_items a.arm-menu-item:hover { background: var(--surface) !important; color: var(--texte) !important; }
html body .contenu .arm_panel_menu_items a.arm-menu-item .arm-menu-item-txt { font: 500 .95rem/1.25 var(--f) !important; color: inherit !important; white-space: nowrap; margin: 0 !important; }
html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon {
	display: grid !important; place-items: center; flex: none; width: 32px !important; height: 32px !important; margin: 0 !important;
	border-radius: 9px; background: var(--surface); transition: background .2s var(--ease);
}
html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon svg { width: 18px; height: 18px; }
html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon svg path,
html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon svg rect,
html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon svg circle { stroke: currentColor !important; }
html body .contenu .arm-panel-container_main .arm_panel_menu_items a.arm-menu-item.arm-panel-menu-item-active { background: var(--bleu-pale) !important; color: var(--bleu) !important; }
html body .contenu .arm_panel_menu_items a.arm-panel-menu-item-active .arm-menu-item-txt { font-weight: 600 !important; }
html body .contenu .arm_panel_menu_items a.arm-panel-menu-item-active .arm-panel-menu-item-icon { background: #fff; box-shadow: 0 1px 2px rgba(43, 89, 245, .15); }

/* ----- Contenu ----- */
html body .contenu .arm-panel-content {
	min-width: 0; width: auto !important; padding: 0 !important; margin: 0 !important;
	background: #fff !important; border: 1px solid var(--ligne) !important; border-radius: var(--r-l) !important; box-shadow: var(--ombre-2) !important;
}
html body .contenu .arm-panel-detail { padding: clamp(1.4rem, 3vw, 2.2rem) !important; background: none !important; }
html body .contenu .arm-panel-content-header { padding: 0 0 1.4rem !important; margin: 0 0 1.6rem !important; border-bottom: 1px solid var(--ligne) !important; background: none !important; }
html body .contenu .arm-panel-tab-heading { font: 600 1.5rem/1.2 var(--f) !important; letter-spacing: -.03em !important; color: var(--texte) !important; margin: 0 !important; text-transform: none !important; }
html body .contenu .arm-panel-data-container { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }

/* Tableaux (facturation, adhésion) */
html body .contenu .arm-panel-content table.arm_front_grid {
	width: 100% !important; border: 1px solid var(--ligne) !important; border-radius: 16px !important; border-collapse: separate !important; border-spacing: 0 !important;
	overflow: hidden; background: #fff !important; margin: 0 !important; table-layout: auto !important;
}
html body .contenu .arm-panel-content table.arm_front_grid th {
	background: var(--surface) !important; color: var(--gris) !important; font: 500 .82rem/1.3 var(--f) !important; letter-spacing: 0 !important;
	text-transform: none !important; padding: .8rem 1rem !important; border: 0 !important; border-bottom: 1px solid var(--ligne) !important; white-space: nowrap; text-align: left !important;
}
html body .contenu .arm-panel-content table.arm_front_grid th::first-letter { text-transform: uppercase; }
html body .contenu .arm-panel-content table.arm_front_grid td {
	font: 400 .92rem/1.4 var(--f) !important; color: var(--texte-2) !important; padding: .95rem 1rem !important;
	border: 0 !important; border-bottom: 1px solid var(--ligne) !important; background: #fff !important; vertical-align: middle !important; text-align: left !important;
}
html body .contenu .arm-panel-content table.arm_front_grid tbody tr:last-child td { border-bottom: 0 !important; }
html body .contenu .arm-panel-content table.arm_front_grid td a { color: var(--bleu) !important; font-weight: 600; text-decoration: none !important; }
html body .contenu .arm-panel-content table.arm_front_grid td a:hover { text-decoration: underline !important; }
/* Identifiant Stripe : long, écrit petit et tronqué */
html body .contenu .arm-panel-content td[data-field_data="transaction_id"] {
	font: 500 .8rem/1.3 var(--f) !important; color: var(--gris) !important; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body .contenu .arm-panel-content td[data-field_data="plan"],
html body .contenu .arm-panel-content .arm_current_membership_list_item_plan_name { color: var(--texte) !important; font-weight: 500 !important; }
html body .contenu .arm-panel-content .arm_current_membership_list_item_plan_profile { color: var(--gris) !important; font-size: .88rem !important; }
html body .contenu .arm-panel-content .arm_current_membership_list_item_plan_start { white-space: nowrap; }
/* Flèche d'ouverture du détail */
html body .contenu .arm-panel-content td.arm_panel_grid_list_item_expand { width: 44px; padding-right: 0 !important; cursor: pointer; }
html body .contenu .arm-panel-content td.arm_panel_grid_list_item_expand svg {
	display: block; width: 28px !important; height: 28px !important; min-width: 28px; box-sizing: border-box; padding: 6px; border-radius: 8px;
	background: var(--surface); transition: transform .25s var(--ease);
}
html body .contenu .arm-panel-content td.arm_panel_grid_list_item_expand svg path { stroke: var(--bleu) !important; }
/* Bouton « Voir la facture » (ARMember le masque hors survol : on l'affiche toujours) */
html body .contenu .arm-panel-content td.arm_shortcode_action_container { width: 1% !important; white-space: nowrap; text-align: right !important; padding-left: .5rem !important; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_container,
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div { visibility: visible !important; opacity: 1 !important; width: auto !important; position: static !important; transform: none !important; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_container { display: flex; justify-content: flex-end; gap: .4rem; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div { margin: 0 !important; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div button:is(#cpts-id, button) {
	display: grid !important; place-items: center; width: 38px !important; height: 38px !important; padding: 0 !important; margin: 0 !important;
	border-radius: 10px !important; border: 1px solid var(--ligne-2) !important; background: #fff !important; box-shadow: none !important; cursor: pointer;
	transition: border-color .2s var(--ease), background .2s var(--ease);
}
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div button:is(#cpts-id, button):hover { border-color: var(--bleu) !important; background: var(--bleu-pale) !important; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div svg { width: 19px; height: 19px; }
html body .contenu .arm-panel-content .arm_shortcode_grid_action_div svg path { stroke: var(--bleu) !important; }
/* Gérer mon adhésion : boutons libellés */
html body .contenu .arm-panel-content .arm_current_membership_action_div { display: flex !important; gap: .5rem; justify-content: flex-end; align-items: center; }
html body .contenu .arm-panel-content .arm_current_membership_action_div > div { width: auto !important; margin: 0 !important; display: flex; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button,
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_cancel_subscription_button {
	display: inline-flex !important; align-items: center; gap: .4rem; width: auto !important; height: 38px !important; padding: 0 .95rem 0 .75rem !important;
	border-radius: 999px !important; font: 550 .86rem var(--f) !important; white-space: nowrap; box-shadow: none !important; cursor: pointer;
}
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button { background: var(--bleu) !important; color: #fff !important; border: 1px solid var(--bleu) !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button:hover { background: var(--bleu-fonce) !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button svg path { stroke: #fff !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_cancel_subscription_button { background: #fff !important; color: var(--texte-2) !important; border: 1px solid var(--ligne-2) !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_cancel_subscription_button:hover { color: #B4262B !important; border-color: #F3B9BB !important; background: #FFF6F6 !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_cancel_subscription_button svg path { stroke: currentColor !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button svg { width: 16px !important; height: 16px !important; flex: none; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button::before { display: none !important; }
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_renew_subscription_button::after {
	content: "Renouveler" !important; display: inline !important; position: static !important; background: none !important; color: inherit !important;
	padding: 0 !important; border: 0 !important; font: inherit !important; opacity: 1 !important; visibility: visible !important;
	transform: none !important; width: auto !important; height: auto !important; box-shadow: none !important;
}
html body .contenu .arm-panel-content #arm_cm_plan_action_btn button.arm_cancel_subscription_button::after { content: "Résilier"; }
html body .contenu .arm-panel-content .arm_current_membership_action_div div.tooltip::before,
html body .contenu .arm-panel-content .arm_current_membership_action_div div.tooltip::after { display: none !important; }
/* Détail déplié d'un paiement */
html body .contenu .arm-panel-content .arm_expand_grid_section {
	display: grid !important; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1rem 1.5rem;
	padding: 1.1rem 1.2rem !important; margin: 0 !important; background: var(--surface) !important; border-radius: 12px; border: 0 !important;
}
html body .contenu .arm-panel-content .arm_expand_grid_col { margin: 0 !important; padding: 0 !important; width: auto !important; border: 0 !important; }
html body .contenu .arm-panel-content .arm_expand_grid_col_label { font: 500 .78rem/1.3 var(--f) !important; color: var(--gris) !important; margin: 0 0 .2rem !important; }
html body .contenu .arm-panel-content .arm_expand_grid_col_val { font: 500 .92rem/1.35 var(--f) !important; color: var(--texte) !important; }
html body .contenu .arm-panel-content .arm_expand_grid_col_val:empty::before { content: "-"; color: var(--gris-clair); }
/* Statuts */
html body .contenu .arm-panel-content [class*="arm_item_status_text"] {
	display: inline-flex !important; align-items: center; gap: .4rem; padding: .2rem .65rem !important; border-radius: 999px !important;
	font: 600 .8rem/1.4 var(--f) !important; background: #E8F7F0 !important; color: #0B6B47 !important; border: 0 !important;
}
html body .contenu .arm-panel-content [class*="arm_item_status_text"] i { width: 6px; height: 6px; border-radius: 50%; background: currentColor !important; display: inline-block; }
html body .contenu .arm-panel-content [class*="arm_item_status_text"].canceled,
html body .contenu .arm-panel-content [class*="arm_item_status_text"].failed,
html body .contenu .arm-panel-content [class*="arm_item_status_text"].inactive { background: #FDECEC !important; color: #A3262A !important; }
html body .contenu .arm-panel-content [class*="arm_item_status_text"].pending { background: #FFF5E0 !important; color: #8A5A00 !important; }
/* Pagination */
html body .contenu .arm-panel-content [class*="_paging_container"] { margin-top: 1rem !important; }
html body .contenu .arm-panel-content [class*="_paging_container"] a,
html body .contenu .arm-panel-content [class*="_paging_container"] span { border-radius: 999px !important; font: 500 .85rem var(--f) !important; }

/* Formulaires du panneau (profil, mot de passe, fermeture) : pas de carte dans la carte */
html body .contenu .arm-panel-content .arm-form-container { max-width: 760px !important; margin: 0 !important; }
html body .contenu .arm-panel-content .arm_close_account_form_container { max-width: none !important; }
html body .contenu .arm-panel-content .arm-form-container form.arm_form {
	width: 100% !important; max-width: none !important; margin: 0 !important;
	background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
}
html body .contenu .arm-panel-content .arm-df__heading { display: none !important; }
html body .contenu .arm-panel-content .arm-df__fields-wrapper { margin: 0 !important; align-items: stretch !important; }
html body .contenu .arm-panel-content .arm-df__fields-wrapper > .arm-df__form-group { width: 100% !important; max-width: none !important; margin-left: 0 !important; }
html body .contenu .arm-panel-content .arm-df__form-group { padding-left: 0 !important; padding-right: 0 !important; }
html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; max-width: none !important; }
html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile > * { width: auto !important; max-width: none !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; }
html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile > .arm-df__form-group_submit,
html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile > .arm-df__form-group_password,
html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile > :not(.arm-control-group) { grid-column: 1 / -1; }
html body .contenu .arm-panel-content form.arm_form input.arm-df__form-control,
html body .contenu .arm-panel-content form.arm_form .arm-df__label-text,
html body .contenu .arm-panel-content form.arm_form label,
html body .contenu .arm-panel-content form.arm_form button { font-family: var(--f) !important; }
html body .contenu .arm-panel-content .arm-df__form-group_submit { margin-top: .6rem !important; }
html body .contenu .arm-panel-content .arm-df__form-field-wrap_submit { text-align: left !important; }
html body .contenu .arm-panel-content .arm-form-container .arm-df__form-control-submit-btn { width: auto !important; min-width: 200px !important; text-transform: none !important; letter-spacing: 0 !important; }
/* Jauge de mot de passe */
html body .contenu .arm-panel-content .arm_pass_strength_meter { display: flex !important; align-items: center; gap: .6rem; margin: .5rem 0 0 !important; float: none !important; max-width: none !important; width: 100% !important; }
html body .contenu .arm-panel-content .arm_pass_strength_meter .armclear { display: none; }
html body .contenu .arm-panel-content ul.arm_strength_meter_block_container { width: 140px !important; flex: none; margin: 0 !important; padding: 0 !important; display: flex !important; gap: 3px; }
html body .contenu .arm-panel-content ul.arm_strength_meter_block_container li { flex: 1; height: 5px !important; border-radius: 3px; margin: 0 !important; width: auto !important; }
html body .contenu .arm-panel-content .arm_strength_meter_label { font: 500 .8rem var(--f) !important; color: var(--gris) !important; white-space: nowrap; padding: 0 !important; }

/* Fermer le compte */
html body .contenu .arm-panel-content .arm_close_account_container { max-width: 560px; }
html body .contenu .arm-panel-content .arm_close_account_message {
	position: relative; font: 400 .95rem/1.55 var(--f) !important; color: #7A1E22 !important; text-align: left !important;
	background: #FFF6F6 !important; border: 1px solid #F8CFD0 !important; border-radius: 14px !important; padding: 1rem 1.1rem 1rem 3.1rem !important; margin: 0 0 1.4rem !important;
}
html body .contenu .arm-panel-content .arm_close_account_message::before {
	content: ""; position: absolute; left: 1.05rem; top: 1.05rem; width: 20px; height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B4262B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .contenu .arm-panel-content .arm_close_account_container button.arm_close_account_btn { font-size: 0 !important; background: #C5303A !important; border-color: #C5303A !important; box-shadow: none !important; }
html body .contenu .arm-panel-content .arm_close_account_container button.arm_close_account_btn::after { content: "Supprimer mon compte"; font: 600 .95rem var(--f); }
html body .contenu .arm-panel-content .arm_close_account_container button.arm_close_account_btn:hover { background: #A3262A !important; }
html body .contenu .arm-panel-content .arm_close_account_container button.arm_close_account_btn:disabled { background: #E9A3A7 !important; border-color: #E9A3A7 !important; cursor: not-allowed; }
html body .contenu .arm-panel-content .arm_close_account_container .arm-df__form-field-wrap_submit { text-align: left !important; }

/* Œil « afficher le mot de passe » (toutes les pages ARMember) */
html body .contenu .arm_visible_password_material i.armfa {
	font-size: 0 !important; display: block; width: 18px; height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F6E82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body .contenu .arm_visible_password_material i.armfa::before { content: none !important; }
html body .contenu .arm_visible_password_material i.armfa-eye-slash {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B59F5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.2A10 10 0 0 1 12 4c6.5 0 10 8 10 8a17 17 0 0 1-2.2 3.2M6.6 6.6A17 17 0 0 0 2 12s3.5 7 10 7a9.7 9.7 0 0 0 5.4-1.6M2 2l20 20M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
}

/* ----- Tablette : menu en barre défilante sous le profil ----- */
@media (max-width: 900px) {
	html body .contenu .arm-panel-container { grid-template-columns: 1fr; gap: 1rem; }
	html body .contenu .arm-panel-container .arm-panel-sidebar { position: static; }
	html body .contenu .arm-panel-container_main .arm_panel_menu_items.arm_panel_menu_desktop { flex-direction: row; overflow-x: auto; gap: .35rem; padding-bottom: .15rem !important; scrollbar-width: none; }
	html body .contenu .arm-panel-container_main .arm_panel_menu_items.arm_panel_menu_desktop::-webkit-scrollbar { display: none; }
	html body .contenu .arm-panel-container_main .arm_panel_menu_items a.arm-menu-item { flex: none; min-height: 40px; padding: .4rem .8rem .4rem .45rem !important; }
	html body .contenu .arm_panel_menu_items .arm-panel-menu-item-icon { width: 28px !important; height: 28px !important; }
	html body .contenu .arm-panel-container_main .arm-panel-sidebar-profile-section { grid-template-columns: 44px minmax(0, 1fr) auto; padding: .6rem .6rem .9rem !important; }
	html body .contenu .arm-panel-sidebar-profile-section img { width: 44px !important; height: 44px !important; }
	html body .contenu a.arm-panel-sidebar-profile-action.arm_dashboard_logout_link { grid-column: 3; justify-self: end; }
}

/* ----- Mobile : tableaux en fiches ----- */
@media (max-width: 640px) {
	html body .contenu .arm-panel-detail { padding: 1.2rem !important; }
	html body .contenu .arm-panel-content .arm-df__fields-wrapper_edit_profile { grid-template-columns: 1fr; }
	html body .contenu a.arm_dashboard_logout_link .arm-menu-item-txt { display: none; }
	html body .contenu a.arm-panel-sidebar-profile-action.arm_dashboard_logout_link { width: 38px !important; height: 38px; padding: 0 !important; justify-content: center; }
	html body .contenu .arm-panel-content table.arm_front_grid thead { display: none !important; }
	html body .contenu .arm-panel-content table.arm_front_grid,
	html body .contenu .arm-panel-content table.arm_front_grid tbody,
	html body .contenu .arm-panel-content table.arm_front_grid td { display: block !important; width: 100% !important; max-width: none !important; }
	html body .contenu .arm-panel-content table.arm_front_grid { border: 0 !important; border-radius: 0 !important; overflow: visible; }
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr {
		display: block !important; width: 100% !important; padding: 0 !important; grid-template-columns: none !important; position: static !important;
		background: #fff !important; border: 1px solid var(--ligne); border-radius: 14px; margin-bottom: .75rem; overflow: hidden;
	}
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr > td:is(#cpts-id, td) {
		display: flex !important; justify-content: space-between; align-items: center; gap: 1rem;
		padding: .7rem 1rem !important; margin: 0 !important; left: auto !important; position: static !important; min-height: 0 !important; text-align: right !important;
	}
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr > td[data-label]::before {
		content: attr(data-label) !important; display: block !important; position: static !important; width: auto !important;
		font: 500 .8rem var(--f) !important; color: var(--gris) !important; text-transform: none !important; text-align: left; flex: none;
	}
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr > td.arm_shortcode_action_container::before { display: none !important; }
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr > td.arm_shortcode_action_container:is(#cpts-id, td) { justify-content: flex-end; padding-top: 0 !important; }
	html body .contenu .arm-panel-content table.arm_front_grid td.arm_panel_grid_list_item_expand,
	html body .contenu .arm-panel-content table.arm_front_grid td[data-field_data="transaction_id"],
	html body .contenu .arm-panel-content table.arm_front_grid td:empty { display: none !important; }
	html body .contenu .arm-panel-content table.arm_front_grid tr[class*="expand_data"] { border: 0 !important; margin-top: -.75rem; }
	html body .contenu .arm-panel-content table.arm_front_grid tbody tr[class*="expand_data"] > td:is(#cpts-id, td) { display: block !important; padding: 0 .75rem .75rem !important; }
	html body .contenu .arm-panel-content .arm_expand_grid_section { grid-template-columns: 1fr 1fr; }
	html body .contenu .arm-panel-content .arm_current_membership_action_div { flex-wrap: wrap; }
}