/* Mon compte (maquette compte-v2) : ce que pages.css ne couvre pas — formulaires de WooCommerce (connexion, informations,
   mot de passe), messages, détail d'une commande, messages du support. Chargé sur les pages du compte seulement. */

/* Blocksy met le compte en flex sur une ligne (menu latéral à gauche) : ici, en-tête puis contenu, l'un sous l'autre ;
   non connecté, il passe les étiquettes en 14 px */
.woocommerce.ct-woo-account { display: block; }
.ct-woo-unauthorized label { font-size: inherit; }

/* Messages de WooCommerce (connexion refusée, informations enregistrées, accès renvoyés) */
.compte .woocommerce-notices-wrapper:empty { display: none; }
.compte .woocommerce-error, .compte .woocommerce-message, .compte .woocommerce-info {
  margin: 0 0 18px; padding: 14px 16px; border-radius: 14px; list-style: none; font-size: 17px; line-height: 1.5; }
.compte .woocommerce-error { background: #fff4f4; color: #8a0000; border: 1px solid #f1c4c4; }
.compte .woocommerce-message { background: #e6f0dc; color: #2f4a1c; border: 1px solid #c9dcb6; }
.compte .woocommerce-info { background: var(--ciel-pale); color: var(--encre); border: 1px solid var(--trait); }
.compte .woocommerce-error::before, .compte .woocommerce-message::before, .compte .woocommerce-info::before { content: none; }
.compte .woocommerce-error li { margin: 0; }
.compte .woocommerce-info a.button, .compte .woocommerce-message a.button { float: right; display: inline-flex; align-items: center; min-height: 44px;
  margin: -6px 0 4px 14px; padding: 0 16px; border-radius: 999px; background: var(--blanc); border: 1px solid var(--trait); color: var(--encre);
  font-size: 16px; font-weight: 700; }

/* Formulaires : champs de pages.css ; marges des paragraphes neutralisées (grille) */
.compte .formulaire > p, .compte .formulaire .champ, .compte .carte form p { margin: 0; }
.compte .formulaire h2 { font-size: 24px; }
.compte .formulaire h2 + .aide { margin-top: -8px; }
.formulaire--etroit { max-width: 560px; }
.connexion { margin-top: 0; align-items: start; }
.connexion .formulaire h2, .connexion .carte h2 { font-size: 24px; }
.inscription { display: grid; gap: 14px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--trait); }
.inscription h3 { font-size: 19px; }
.inscription .bouton { justify-self: start; }
.compte .formulaire a:not(.bouton) { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.compte .woocommerce-privacy-policy-text p { margin: 0; font-size: 16px; color: #4f5670; }

/* Tableau de bord : Blocksy met les cellules d'en-tête en 600 (maquette : gras du navigateur) ; lien « Toutes mes
   commandes », pages de l'historique */
.commandes th { font-weight: 700; }
.compte > p { margin: 14px 0 0; }
.pagination-compte { margin-top: 18px; }

/* Détail d'une commande : mise en page de la page de remerciement, dans la section du compte */
.merci--compte { padding: 0; }
.merci--compte p { font-size: inherit; }
.merci--compte .statut, .merci--compte .recap__ttc, .merci--compte .aide { font-size: 16px; }
.merci--compte .recap__titre { font-size: 21px; }
.merci--compte .bandeau-aide { margin-top: 0; }
.merci--compte .bandeau-aide h2 { font-size: 24px; }
.merci--compte h3 { margin-top: 8px; font-size: 21px; }
.messages-support { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.messages-support > li { display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: var(--brume); border: 1px solid var(--trait); }
.messages-support__texte { min-width: 0; overflow-wrap: anywhere; }
.messages-support__texte p { margin: 0 0 8px; }
.messages-support__texte p:last-child { margin-bottom: 0; }

/* Suivre ma commande : lien vers la connexion, dans l'en-tête sombre */
.lien-clair { color: var(--blanc); font-weight: 700; text-underline-offset: 3px; }

/* Mes tickets : fil d'un ticket (réponses du support reçues de FreeScout, inc/freescout.php ; 10/11) */
.ticket-fil { margin-top: 16px; padding: 14px 16px; border-radius: 16px; background: var(--blanc); border: 1px solid var(--trait); scroll-margin-top: 96px; }
.ticket-fil > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-height: 44px; font-weight: 700; cursor: pointer; }
.ticket-fil[open] > summary { margin-bottom: 12px; }
.messages-support > li.messages-support--client { background: var(--blanc); }
.commandes td a { text-decoration: none; }