.woocommerce-account .entry-title {
  color: #003d57;
  font-size: 3.2rem;
  font-weight: 400;
  margin-bottom: 2rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #f4f7f8;
  border: 1px solid #d8e1e4;
  border-radius: 12px;
  float: left;
  margin: 0 5% 40px 0;
  padding: 3.8rem 2.6rem;
  width: 25%;
}

.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation,
.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  margin: 0 5% 40px 0;
  padding: 3.8rem 2.6rem;
  text-align: left;
  width: 25%;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation li {
  display: block;
  line-height: 1.2;
  list-style: none;
  margin: 0 0 2.6rem;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}

/* Certains styles hérités réaffichent les puces du <ul> */
.woocommerce-account .woocommerce-MyAccount-navigation li::marker {
  content: none;
}

/* Filet de sécurité : s'applique quelle que soit la classe du body/layout. */
.woocommerce-MyAccount-navigation > ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-indent: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  margin-bottom: 0;
}

/* Les layouts avec sidebar héritent d'une nav horizontale : on garde la colonne. */
.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation ul,
.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}

.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li,
.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li {
  display: block;
  list-style: none;
  margin: 0 0 2.6rem;
  margin-left: 0;
  padding-left: 0;
}

.content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li:last-child,
.sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
  margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  color: #003d57;
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: #00ccd1;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: left;
  width: 70%;
}

.content-sidebar.woocommerce-account .woocommerce-MyAccount-content,
.sidebar-content.woocommerce-account .woocommerce-MyAccount-content {
  float: left;
  width: 70%;
}

.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
  color: #003d57;
  font-size: 3.2rem;
  font-weight: 400;
  margin: 0 0 2rem;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  color: #496371;
}

.woocommerce-account table.my_account_orders,
.woocommerce-account table.woocommerce-orders-table {
  border: 1px solid #d8e1e4;
  border-collapse: separate;
  border-spacing: 0;
  color: #314c5a;
  margin-bottom: 3rem;
  width: 100%;
}

.woocommerce-account table.my_account_orders th,
.woocommerce-account table.woocommerce-orders-table th {
  background: #004d68;
  border: 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 1.8rem 1.4rem;
  text-align: left;
}

.woocommerce-account table.my_account_orders td,
.woocommerce-account table.woocommerce-orders-table td {
  border: 0;
  border-top: 1px solid #d8e1e4;
  font-size: 1.6rem;
  padding: 2rem 1.4rem;
  vertical-align: middle;
}

.woocommerce-account table.my_account_orders tbody tr:nth-child(even) td,
.woocommerce-account table.woocommerce-orders-table tbody tr:nth-child(even) td {
  background: #f4f7f8;
}

.woocommerce-account table.my_account_orders a:not(.button),
.woocommerce-account table.woocommerce-orders-table a:not(.button) {
  color: #00bbc1;
}

.woocommerce-account table.my_account_orders .button,
.woocommerce-account table.my_account_orders .woocommerce-button,
.woocommerce-account table.woocommerce-orders-table .button,
.woocommerce-account table.woocommerce-orders-table .woocommerce-button {
  background: #003d57;
  border-radius: 12px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1.3rem 1.8rem;
  white-space: nowrap;
}

.woocommerce-account table.my_account_orders .button:hover,
.woocommerce-account table.my_account_orders .woocommerce-button:hover,
.woocommerce-account table.woocommerce-orders-table .button:hover,
.woocommerce-account table.woocommerce-orders-table .woocommerce-button:hover {
  background: #004d68;
  color: #fff;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #d8e1e4;
  padding: 2rem;
}

.woocommerce-account .woocommerce-Address-title h3 {
  color: #003d57;
  font-size: 2.2rem;
  margin: 0;
}

.woocommerce-account .woocommerce-Address-title .edit {
  color: #00bbc1;
  text-decoration: none;
}

/* Bouton "œil" des champs mot de passe : le style global des <button> le décalait hors de l'input. */
.woocommerce form .password-input,
.woocommerce-page form .password-input {
  display: block;
  position: relative;
}

.woocommerce form .password-input input,
.woocommerce-page form .password-input input {
  margin-bottom: 0;
  padding-right: 5rem;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #496371;
  cursor: pointer;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
}

.woocommerce form .show-password-input:hover,
.woocommerce form .show-password-input:focus,
.woocommerce-page form .show-password-input:hover,
.woocommerce-page form .show-password-input:focus {
  background: transparent;
  color: #00bbc1;
}

.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after {
  content: none;
}

/* Œil barré tant que le mot de passe est masqué, œil ouvert quand il est affiché. */
.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 2.2rem;
  -webkit-mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z"/></svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z"/></svg>') center / contain no-repeat;
  width: 2.2rem;
}

.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z"/></svg>');
}

.woocommerce form .show-password-input.display-password,
.woocommerce-page form .show-password-input.display-password {
  color: #00bbc1;
}

/* Page de connexion / inscription / mot de passe perdu */
.woocommerce-account #customer_login {
  display: flex;
  gap: 4rem;
  margin-bottom: 4rem;
}

.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after {
  display: none;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
  flex: 1 1 0;
  float: none;
  margin: 0;
  width: auto;
}

.woocommerce-account #customer_login h2 {
  color: #003d57;
  font-size: 2.6rem;
  font-weight: 400;
  margin: 0 0 2rem;
}

.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register,
.woocommerce-account form.woocommerce-ResetPassword {
  background: #f4f7f8;
  border: 1px solid #d8e1e4;
  border-radius: 12px;
  margin: 0 0 3rem;
  padding: 3rem 2.6rem;
}

.woocommerce-account form.woocommerce-ResetPassword {
  max-width: 60rem;
}

.woocommerce-account form.woocommerce-form-login p,
.woocommerce-account form.woocommerce-form-register p,
.woocommerce-account form.woocommerce-ResetPassword p {
  color: #496371;
  margin-bottom: 2rem;
}

.woocommerce-account form.woocommerce-form-login label,
.woocommerce-account form.woocommerce-form-register label,
.woocommerce-account form.woocommerce-ResetPassword label {
  color: #003d57;
  display: block;
  font-size: 1.6rem;
  margin-bottom: 0.8rem;
}

.woocommerce-account form.woocommerce-form-login .required,
.woocommerce-account form.woocommerce-form-register .required,
.woocommerce-account form.woocommerce-ResetPassword .required {
  color: #ff605e;
}

.woocommerce-account form.woocommerce-form-login .input-text,
.woocommerce-account form.woocommerce-form-register .input-text,
.woocommerce-account form.woocommerce-ResetPassword .input-text {
  background: #fff;
  border: 1px solid #d8e1e4;
  border-radius: 12px;
  color: #003d57;
  margin-bottom: 0;
  width: 100%;
}

.woocommerce-account form.woocommerce-form-login .input-text:focus,
.woocommerce-account form.woocommerce-form-register .input-text:focus,
.woocommerce-account form.woocommerce-ResetPassword .input-text:focus {
  border-color: #00bbc1;
}

.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  margin-bottom: 2rem;
}

.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme input {
  margin: 0;
}

.woocommerce-account form.woocommerce-form-login .button,
.woocommerce-account form.woocommerce-form-register .button,
.woocommerce-account form.woocommerce-ResetPassword .button {
  background: #003d57;
  border-radius: 12px;
  color: #fff;
  float: none;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0;
  padding: 1.5rem 3rem;
}

.woocommerce-account form.woocommerce-form-login .button:hover,
.woocommerce-account form.woocommerce-form-register .button:hover,
.woocommerce-account form.woocommerce-ResetPassword .button:hover {
  background: #004d68;
  color: #fff;
}

.woocommerce-account form.woocommerce-form-login .lost_password {
  margin: 0;
}

.woocommerce-account form.woocommerce-form-login .lost_password a {
  color: #00bbc1;
  text-decoration: none;
}

.woocommerce-account form.woocommerce-form-login .lost_password a:hover {
  text-decoration: underline;
}

/* Tablette : la nav passe au-dessus du contenu, en ligne et centrée. */
@media screen and (max-width: 1140px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    margin: 0 0 3rem;
    text-align: center;
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation ul,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem 2.4rem;
    text-align: center;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li {
    display: block;
    margin: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-content,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-content,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .woocommerce-account .entry-title {
    font-size: 2.8rem;
  }

  .woocommerce-message.woocommerce-info.woocommerce-Message--info {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: 1em 2em;
    text-align: center;
  }

  .woocommerce-message.woocommerce-info.woocommerce-Message--info .woocommerce-Button {
    display: block;
    float: none;
    justify-self: center;
    margin: 0 auto 1.5rem;
    width: fit-content;
  }

  .woocommerce-MyAccount-content .woocommerce-info[role="status"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: 1em 2em;
    text-align: center;
  }

  .woocommerce-MyAccount-content .woocommerce-info[role="status"] .woocommerce-Button {
    float: none;
    justify-self: center;
    margin: 1rem 0 0;
    width: fit-content;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 3rem;
    padding: 1.6rem;
  }

  /* Une entrée par ligne, texte centré et zone de tap pleine largeur. */
  .woocommerce-account .woocommerce-MyAccount-navigation ul,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation ul,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: block;
    gap: 0;
    text-align: center;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid #d8e1e4;
    display: block;
    margin: 0;
    text-align: center;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li:last-child,
  .content-sidebar.woocommerce-account .woocommerce-MyAccount-navigation li:last-child,
  .sidebar-content.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: 0;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    font-size: 1.6rem;
    padding: 1.4rem 0.6rem;
    text-align: center;
  }

  .woocommerce-account .woocommerce-MyAccount-content > h2,
  .woocommerce-account .woocommerce-MyAccount-content > h3 {
    font-size: 2.4rem;
  }

  /* Les tableaux sont empilés par woo/smallscreen.css : pas de scroll horizontal. */
  .woocommerce-account table.my_account_orders,
  .woocommerce-account table.woocommerce-orders-table {
    display: table;
    overflow-x: visible;
    white-space: normal;
  }

  .woocommerce-account table.my_account_orders td,
  .woocommerce-account table.woocommerce-orders-table td {
    font-size: 1.5rem;
    padding: 1.2rem 1.4rem;
  }

  .woocommerce-account table.my_account_orders td.order-actions .button,
  .woocommerce-account table.my_account_orders td.order-actions .woocommerce-button,
  .woocommerce-account table.woocommerce-orders-table td.order-actions .button,
  .woocommerce-account table.woocommerce-orders-table td.order-actions .woocommerce-button {
    display: inline-block;
    margin: 0.4rem 0.4rem 0.4rem 0;
    padding: 1.1rem 1.4rem;
    white-space: normal;
    width: auto;
  }

  /* Adresses / formulaires sur une seule colonne. */
  .woocommerce-account .col2-set .col-1,
  .woocommerce-account .col2-set .col-2 {
    float: none;
    margin-bottom: 2rem;
    width: 100%;
  }

  .woocommerce-account .woocommerce-Address {
    margin-bottom: 2rem;
  }

  .woocommerce-account form .form-row-first,
  .woocommerce-account form .form-row-last {
    float: none;
    margin-right: 0;
    width: 100%;
  }

  .woocommerce-account form .input-text,
  .woocommerce-account form select {
    width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-content form .button,
  .woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] {
    width: 100%;
  }

  .woocommerce-account .woocommerce-order-details,
  .woocommerce-account .woocommerce-customer-details {
    padding: 1.6rem;
  }

  .woocommerce-account #customer_login {
    flex-direction: column;
    gap: 0;
  }

  .woocommerce-account form.woocommerce-form-login,
  .woocommerce-account form.woocommerce-form-register,
  .woocommerce-account form.woocommerce-ResetPassword {
    padding: 2rem 1.6rem;
  }

  .woocommerce-account form.woocommerce-form-login .button,
  .woocommerce-account form.woocommerce-form-register .button,
  .woocommerce-account form.woocommerce-ResetPassword .button {
    width: 100%;
  }
}