/* ============================
   CONTENEUR GLOBAL
============================ */

.woocommerce-account .woocommerce {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1600px;
  margin: auto;
}

/* ============================
   TITRES
============================ */

.woocommerce-account h2,
.woocommerce-account h3 {
  color: #ff7b00;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

h2 {
  text-align: center;
}

/* ============================
   MENU GAUCHE
============================ */

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 260px;
  float: left;
  background: #0c0c0c;
  border: 1px solid #ff7b00;
  border-radius: 6px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #222;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 14px 18px;
  color: #ff7b00;
  text-decoration: none;
  transition: background 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: #111;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: #ff7b00;
  color: black;
  font-weight: bold;
}

/* ============================
   CONTENU DROITE
============================ */

.woocommerce-account .woocommerce-MyAccount-content {
  margin-left: 20px;
  padding: 35px;
  background: #111;
  border: 1px solid #ff7b00;
  border-radius: 6px;
}

/* ============================
   LIENS DANS LE CONTENU
============================ */

.woocommerce-MyAccount-content a {
  color: #ff7b00;
  text-decoration: underline;
  font-weight: 500;
}

.woocommerce-MyAccount-content a:hover {
  color: #ff9d3a;
}

.woocommerce-MyAccount-content a::after {
  display: none !important;
}

/* ============================
   TABLEAUX (commandes, téléchargements)
============================ */

.woocommerce-account table.shop_table {
  width: 100%;
  border: 1px solid #ff7b00;
  background: #1a1a1a;
  border-collapse: collapse;
}

.woocommerce-account table.shop_table th {
  background: #0f0f0f;
  color: #ff7b00;
  padding: 12px;
}

.woocommerce-account table.shop_table td {
  padding: 12px;
  border-top: 1px solid #333;
}

/* ============================
   BOUTONS
============================ */

.woocommerce-account .button,
.woocommerce-account button.button {
  background: #ff7b00;
  color: black;
  border-radius: 4px;
  border: none;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover {
  background: #ff9d3a;
}

/* ============================
   FORMULAIRES
============================ */

.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea {
  background: #1a1a1a;
  border: 1px solid #444;
  color: white;
}

.woocommerce-account form {
  max-width: 600px;
}

/* ============================
   CLEAR FLOAT
============================ */

.woocommerce-account .woocommerce:after {
  content: "";
  display: block;
  clear: both;
}

/* ============================
   BLOCS ADRESSES
============================ */

.woocommerce-account .woocommerce-Address-title {
  background: transparent !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-Address-title h2 {
  background: transparent !important;
  color: #ff7b00;
}

.woocommerce-account .woocommerce-Address-title .edit {
  color: #ff7b00;
}

/* ============================
   BLOC TÉLÉCHARGEMENTS (dashboard)
============================ */

.dashboard-downloads-box {
  margin-top: 40px;
  padding: 25px;
  border: 1px solid #ff7b00;
  border-radius: 6px;
  background: #111;
}

.dashboard-downloads-box h3 {
  color: #ff7b00;
  margin-bottom: 15px;
}

/* ============================
   TABLEAU TÉLÉCHARGEMENTS
============================ */

/* Suppression colonnes inutiles */
.woocommerce-account .woocommerce-downloads-table th.download-expires,
.woocommerce-account .woocommerce-downloads-table td.download-expires,
.woocommerce-account .woocommerce-downloads-table th.downloads-remaining,
.woocommerce-account .woocommerce-downloads-table td.downloads-remaining {
  display: none !important;
}

/* Structure */
.woocommerce-downloads-table {
  table-layout: fixed;
  width: 100%;
}

.woocommerce-downloads-table td {
  vertical-align: middle;
}

/* Largeurs colonnes */
.woocommerce-downloads-table th:first-child,
.woocommerce-downloads-table td:first-child {
  width: 35%;
}

.woocommerce-downloads-table th:nth-child(2),
.woocommerce-downloads-table td:nth-child(2) {
  width: 45%;
}

.woocommerce-downloads-table th:last-child,
.woocommerce-downloads-table td:last-child {
  width: 20%;
  text-align: center;
}

/* Colonne Foundry */
.foundry-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.foundry-input {
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: 8px 10px;
  background: #1a1a1a;
  border: 1px solid #333;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
}

.foundry-copy {
  background: #ff7a00;
  border: none;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
  transition: all 0.2s ease;
}

.foundry-copy:hover {
  background: #ff8f1f;
  transform: translateY(-1px);
}

/* ============================
   FORMULAIRE DE CONNEXION
============================ */

/* Fix bouton "voir mot de passe" */
.woocommerce-form-login .password-input {
  position: relative;
  display: flex;
  align-items: center;
}

.woocommerce-form-login .password-input input.input-text {
  flex: 1;
  padding-right: 40px;
}

/* Masquer le div LastPass qui casse le layout */
.woocommerce-form-login .password-input [data-lastpass-icon-root] {
  display: none !important;
}

.woocommerce-form-login .password-input .show-password-input {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  float: none !important;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: auto;
  margin: 0;
}

.woocommerce-form-login {
  width: 100%;
  max-width: 420px;
  margin: 0 auto !important;
  background: linear-gradient(180deg, #111, #0d0d0d);
  border: 1px solid rgba(255, 120, 0, 0.3);
  border-radius: 12px;
  padding: 30px;
  box-shadow:
    0 0 25px rgba(255, 120, 0, 0.15),
    0 0 60px rgba(255, 120, 0, 0.05);
}

.woocommerce-form-login input.input-text {
  width: 100%;
  padding: 12px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  transition: all 0.2s ease;
}

.woocommerce-form-login input.input-text:focus {
  border-color: #ff7a00;
  box-shadow: 0 0 10px rgba(255, 120, 0, 0.3);
}

.woocommerce-form-login button {
  width: 100%;
  background: linear-gradient(135deg, #ff7a00, #ff3c00);
  border: none;
  padding: 14px;
  margin-top: 15px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.woocommerce-form-login button:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(255, 120, 0, 0.4);
}

.woocommerce-form-login a {
  color: #ff7a00;
  text-decoration: none;
}

.woocommerce-form-login a:hover {
  color: #ff8f1f;
}

.woocommerce-form-login input[type="checkbox"] {
  accent-color: #ff7a00;
}

/* ============================
   CENTRAGE ELEMENTOR — PAGE CONNEXION
   S'applique uniquement quand le formulaire login est présent
   (utilisateur non connecté = pas de nav .woocommerce-MyAccount-navigation)
============================ */

.elementor-heading-title {
  text-align: center;
}

/* Centrage du shortcode uniquement si PAS de menu Mon Compte à l'intérieur */
.elementor-element-d4cadd5
  .elementor-shortcode:not(:has(.woocommerce-MyAccount-navigation)) {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.elementor-element-d4cadd5
  .elementor-shortcode:not(:has(.woocommerce-MyAccount-navigation))
  .woocommerce {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

/* Formulaire login toujours centré */
.woocommerce-form-login {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ============================
   LAYOUT MON COMPTE — CONNECTÉ
   Menu gauche + contenu à droite
============================ */

/* Quand le menu de navigation WooCommerce est présent : layout horizontal */
.elementor-element-d4cadd5 .woocommerce:has(.woocommerce-MyAccount-navigation) {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
}

/* ============================
   DIVERS
============================ */

/* #download est affiché : contient la liste des téléchargements au-dessus du compte */

/* Masquer le bloc téléchargements si l'utilisateur n'est pas connecté.
   WordPress ajoute nativement .logged-in sur le body quand connecté.
   Si cette classe est absente = non connecté = on cache le bloc. */
body:not(.logged-in) #download {
  display: none !important;
}

/* ============================
   FORMULAIRE D'INSCRIPTION
   Même style que .woocommerce-form-login
============================ */

.woocommerce-form-register {
  width: 100%;
  max-width: 420px;
  margin: 0 auto !important;
  background: linear-gradient(180deg, #111, #0d0d0d);
  border: 1px solid rgba(255, 120, 0, 0.3);
  border-radius: 12px;
  padding: 30px;
  box-shadow:
    0 0 25px rgba(255, 120, 0, 0.15),
    0 0 60px rgba(255, 120, 0, 0.05);
}

.woocommerce-form-register input.input-text {
  width: 100%;
  padding: 12px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  transition: all 0.2s ease;
}

.woocommerce-form-register input.input-text:focus {
  border-color: #ff7a00;
  box-shadow: 0 0 10px rgba(255, 120, 0, 0.3);
  outline: none;
}

.woocommerce-form-register button,
.woocommerce-form-register input[type="submit"] {
  width: 100%;
  background: linear-gradient(135deg, #ff7a00, #ff3c00);
  border: none;
  padding: 14px;
  margin-top: 15px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.woocommerce-form-register button:hover,
.woocommerce-form-register input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(255, 120, 0, 0.4);
}

.woocommerce-form-register a {
  color: #ff7a00;
  text-decoration: none;
}

.woocommerce-form-register a:hover {
  color: #ff8f1f;
}

.woocommerce-form-register input[type="checkbox"] {
  accent-color: #ff7a00;
}

/* Textes informatifs dans le formulaire d'inscription */
.woocommerce-form-register p {
  color: #ededed;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 12px;
}

/* Cacher la phrase de réinitialisation de mot de passe */

.woocommerce-form-register > p:not([class]) {
  display: none !important;
}

/* Labels */
.woocommerce-form-register label {
  color: #ccc;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 6px;
}

/* Centrage du formulaire d'inscription (même logique que le login) */
.elementor-element-d4cadd5 .woocommerce-form-register {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fix bouton "voir mot de passe" */
.woocommerce-form-register .password-input {
  position: relative;
  display: flex;
  align-items: center;
}

.woocommerce-form-register .password-input input.input-text {
  flex: 1;
  padding-right: 40px;
}

.woocommerce-form-register .password-input [data-lastpass-icon-root] {
  display: none !important;
}

.woocommerce-form-register .password-input .show-password-input {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  float: none !important;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: auto;
  margin: 0;
}

/* Masquer le bouton œil dupliqué injecté hors du wrapper par WooCommerce */
.woocommerce-form-register p > .show-password-input {
  display: none !important;
}

/* ============================
   TABINDEX — EXCLURE BOUTONS ET LIENS DU TAB
   Le champ email WooCommerce garde tabindex="1" (natif),
   nos champs custom ont tabindex 2-6.
   On met tabindex="-1" sur tout ce qui ne doit pas être parcouru.
============================ */

.woocommerce-form-register .woocommerce-privacy-policy-text a,
.woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-form-register wc-order-attribution-inputs {
  pointer-events: auto;
}

/* Le bouton S'inscrire reste focusable mais après les champs (tabindex 7 via JS) */