/* ================================================================
   Espace client Supertrainers (WooCommerce My Account)
   ================================================================ */

/* --- Intro brandée (hook woocommerce_before_customer_login_form) --- */
.stc-acc-intro{ text-align:center; max-width:560px; margin:0 auto 34px; }
.stc-acc-intro .eyebrow{ font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#3F6CB0; }
.stc-acc-intro h1{ font-family:'Hanken Grotesk',sans-serif; font-weight:900; font-size:clamp(2rem,4.6vw,2.7rem); letter-spacing:-.03em; color:#1C1B24; margin:10px 0; }
.stc-acc-intro p{ color:#55525f; font-size:1.02rem; }

/* --- Connexion / inscription : deux cartes --- */
.woocommerce-account #customer_login.col2-set{ display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:900px; margin:0 auto; }
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2{ width:auto; float:none; border:1.5px solid rgba(38,36,48,.12); border-radius:18px; padding:28px; }
.woocommerce-account #customer_login h2{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.25rem; color:#1C1B24; margin:0 0 18px; padding:0; border:none; }

/* --- Champs --- */
.woocommerce-account form .form-row label,
.woocommerce-account .woocommerce-form-row label{ font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:.82rem; color:#1C1B24; margin-bottom:6px; display:block; }
.woocommerce-account input[type=text],
.woocommerce-account input[type=email],
.woocommerce-account input[type=password],
.woocommerce-account input[type=tel],
.woocommerce-account input[type=number],
.woocommerce-account select{ width:100%; font-family:'Inter',sans-serif; font-size:1rem; padding:.72rem .85rem; border-radius:11px; border:1.5px solid rgba(38,36,48,.12); background:#fff; color:#2c2a35; }
.woocommerce-account input:focus,
.woocommerce-account select:focus{ outline:none; border-color:#6C9CE4; }

/* --- Boutons (spécificité renforcée pour battre le style WooCommerce) --- */
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce button[type=submit],
.woocommerce-account button.woocommerce-button,
.woocommerce-account .woocommerce-Button.button{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1rem; padding:13px 26px; border-radius:12px; border:none; background:#6C9CE4; color:#fff; cursor:pointer; transition:.15s; text-transform:none; }
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce button[type=submit]:hover,
.woocommerce-account button.woocommerce-button:hover,
.woocommerce-account .woocommerce-Button.button:hover{ background:#3F6CB0; color:#fff; }

/* --- Se souvenir / mot de passe oublié --- */
.woocommerce-account .woocommerce-form-login__rememberme{ display:inline-block; margin:6px 0 18px; font-size:.88rem; color:#6a6873; font-weight:400; }
.woocommerce-account .woocommerce-LostPassword{ font-size:.88rem; margin-top:10px; }
.woocommerce-account .woocommerce-LostPassword a{ color:#3F6CB0; text-decoration:none; }
.woocommerce-account .woocommerce-LostPassword a:hover{ text-decoration:underline; }

/* ================================================================
   Tableau de bord (client connecté)
   ================================================================ */
/* Disposition 2 colonnes en flex. On cible les enfants directs quels qu'ils soient
   (au cas où une extension enveloppe le menu), pour forcer 230px sur le premier. */
.stc-account-layout{ display:flex !important; flex-wrap:nowrap; gap:26px; align-items:flex-start; max-width:1000px; margin:0 auto; }
.stc-account-layout > *{ float:none !important; box-sizing:border-box; }
.stc-account-layout > *:first-child{ flex:0 0 230px !important; width:230px !important; max-width:230px !important; margin:0; }
.stc-account-layout > *:last-child{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
.stc-account-layout .woocommerce-MyAccount-navigation{ float:none !important; width:100% !important; }
.stc-account-layout .woocommerce-MyAccount-content{ float:none !important; width:auto !important; min-width:0 !important; }

/* Menu : items sur une ligne, espacements maîtrisés */
.stc-account-layout .woocommerce-MyAccount-navigation ul{ display:flex; flex-direction:column; gap:4px; width:100%; margin:0; padding:0; list-style:none; }
.stc-account-layout .woocommerce-MyAccount-navigation li{ width:100%; margin:0 !important; padding:0; border:0; background:none; }
.stc-account-layout .woocommerce-MyAccount-navigation li a{ display:block; width:fit-content; max-width:100%; white-space:nowrap; margin:0; font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:.95rem; color:#1C1B24; text-decoration:none !important; padding:12px 15px; border-radius:11px; transition:.15s; }
.stc-account-layout .woocommerce-MyAccount-navigation li a:hover{ background:#F5F3EF; }
.stc-account-layout .woocommerce-MyAccount-navigation li.is-active a{ background:#1C1B24; color:#fff; }
.stc-account-layout .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a{ color:#b3b1ba; }

.woocommerce-MyAccount-content p{ color:#55525f; line-height:1.55; }

/* --- Tables (commandes, téléchargements) --- */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table{ width:100%; border-collapse:collapse; }
.woocommerce-account .shop_table th{ font-family:'Hanken Grotesk',sans-serif; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:#8a8893; text-align:left; padding:10px; border-bottom:1.5px solid rgba(38,36,48,.12); }
.woocommerce-account .shop_table td{ padding:12px 10px; border-bottom:1px solid rgba(38,36,48,.07); font-size:.92rem; }

/* --- Dashboard custom : accueil + tuiles --- */
.stc-dash-hello{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.5rem; color:#1C1B24; margin-bottom:4px; }
.stc-dash-sub{ color:#6a6873; font-size:.96rem; margin-bottom:24px; }
.stc-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.stc-tile{ display:block; border:1.5px solid rgba(38,36,48,.12); border-radius:16px; padding:20px; text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s; }
.stc-tile:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(28,27,36,.10); }
.stc-tile .ti{ width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; margin-bottom:12px; }
.stc-tile h3{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.02rem; color:#1C1B24; margin:0; }
.stc-tile p{ font-size:.85rem; color:#8a8893; margin:3px 0 0; }
.stc-tile.t1 .ti{ background:rgba(108,156,228,.18); }
.stc-tile.t2 .ti{ background:rgba(52,179,107,.18); }
.stc-tile.t3 .ti{ background:rgba(252,204,72,.22); }
.stc-tile.t4 .ti{ background:rgba(255,107,77,.16); }

@media(max-width:720px){
  .woocommerce-account #customer_login.col2-set{ grid-template-columns:1fr; }
  .stc-account-layout{ flex-direction:column; }
  .stc-account-layout > .woocommerce-MyAccount-navigation{ flex:1 1 auto !important; width:100% !important; max-width:100% !important; }
  .stc-tiles{ grid-template-columns:1fr; }
}

/* --- Encadré de migration (ancienne plateforme) --- */
.stc-acc-migration{ max-width:900px; margin:26px auto 0; background:#F5F3EF; border:1.5px solid rgba(38,36,48,.1); border-radius:16px; padding:22px 26px; text-align:center; }
.stc-acc-migration h3{ font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.05rem; color:#1C1B24; margin:0 0 6px; }
.stc-acc-migration p{ color:#55525f; font-size:.92rem; line-height:1.5; margin:0; }
.stc-acc-migration a{ color:#3F6CB0; text-decoration:none; font-weight:600; }
.stc-acc-migration a:hover{ text-decoration:underline; }