/* =========================
   MYRAMEHA — Mon compte (page-id-10) — CORE NETTOYÉ
   ========================= */

/* Variables (ajuste seulement celles-ci) */
:root{
  --logo-h: 200px;       /* hauteur logo desktop */
  --logo-h-m: 62px;      /* hauteur logo mobile */
  --card-w: 560px;       /* largeur carte */
  --card-pad: 24px;      /* padding interne carte */
  --columns-minh: 660px; /* anti-saut (backup, le JS fige la hauteur) */
}

/* Plein écran + conteneur */
.page-id-10 .myr-hero{
  min-height: 100svh; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg,#0a7f86,#5cc2bf);
  padding: 0 !important;
}
.page-id-10 .myr-acc{ width:100%; max-width:1200px; margin:0 auto; padding:0 16px; }
html{ overflow-y: scroll; } /* évite le “saut” de scrollbar */

/* Masquer header/footer UNIQUEMENT ici + retirer espaces */
body.page-id-10 #top-header,
body.page-id-10 #main-header,
body.page-id-10 .et-fixed-header,
body.page-id-10 .et-l--header,
body.page-id-10 #main-footer,
body.page-id-10 #footer-bottom,
body.page-id-10 .et-l--footer,
body.page-id-10 .et_pb_footer{
  display:none !important; visibility:hidden !important;
}
body.page-id-10 #page-container,
body.page-id-10 #et-main-area,
body.page-id-10 #main-content{
  padding:0 !important; margin:0 !important;
}
body.page-id-10 #page-container[style]{ padding-top:0 !important; padding-bottom:0 !important; }

/* Logo centré (si tu l’utilises) */
.page-id-10 .myr-logo{ display:flex; justify-content:center; margin:24px 0 8em; }
.page-id-10 .myr-logo img{
  height: var(--logo-h); width:auto; display:block;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.15));
}
@media (max-width:980px){ .page-id-10 .myr-logo img{ height: var(--logo-h-m); } }

/* ===== Onglets collés ENTRE EUX et à la carte ===== */
.page-id-10 .myr-tabs{
  max-width: var(--card-w);
  margin: 0 auto -2px !important;      /* fusion visuelle avec la carte */
  display:flex; justify-content:center; gap:0;
  position:relative; z-index:3;
}
.page-id-10 .myr-tab{
  position:relative; z-index:1;
  padding:.72rem 1.1rem; font-weight:700; white-space:nowrap; cursor:pointer;
  background:#fff;
  border:1px solid #e9edf1; border-bottom-color:transparent;
  border-radius:12px 12px 0 0;
}
.page-id-10 .myr-tab + .myr-tab{ margin-left:-1px; } /* se touchent */
.page-id-10 .myr-tab.active{
  background:#ff9c00; color:#111;
  border-color:#e9edf1; border-bottom-color:transparent;
  z-index:2; box-shadow:none;
}

/* ===== Carte unique centrée ===== */
.page-id-10 .woocommerce{ background:transparent !important; border:0 !important; box-shadow:none !important; }
.page-id-10 .woocommerce .u-columns{
  width:100%; max-width:var(--card-w); margin:0 auto;
  padding:var(--card-pad); box-sizing:border-box;
  background:#fff; border:1px solid #e9edf1; border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.10);
  position:relative; overflow:hidden;
  border-top-color:transparent;                /* ne dessine pas sous les tabs */
  min-height: var(--columns-minh);             /* backup anti-saut */
}

/* ===== 1 seul formulaire visible (le JS fige la hauteur) ===== */
.page-id-10 .woocommerce .u-column1,
.page-id-10 .woocommerce .u-column2{
  position:absolute; inset:0; width:100%;
  margin:0 !important; padding: var(--card-pad) !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  opacity:0; pointer-events:none; transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease;
}
.page-id-10 .myr-acc.myr-show-login    .woocommerce .u-column1{ opacity:1; pointer-events:auto; transform:translateY(0); }
.page-id-10 .myr-acc.myr-show-register .woocommerce .u-column2{ opacity:1; pointer-events:auto; transform:translateY(0); }

/* Mode mesure (utilisé par ton script au chargement) */
.page-id-10 .myr-acc.myr-measure .woocommerce .u-column1,
.page-id-10 .myr-acc.myr-measure .woocommerce .u-column2{
  position: static !important; display:block !important;
  opacity:0 !important; transform:none !important; pointer-events:none !important;
}

.page-id-10 .woocommerce form .form-row{ margin-bottom:16px; }
.page-id-10 .woocommerce form .form-row:last-child{ margin-bottom:0; }
.page-id-10 .woocommerce form .form-row label{ display:block; font-weight:600; color:#214c50; margin:0 0 6px; }
.page-id-10 .woocommerce form .input-text,
.page-id-10 .woocommerce form input[type="email"],
.page-id-10 .woocommerce form input[type="password"]{
  width:100%; border:1px solid #e6eaee; border-radius:12px; padding:1rem 1.1rem;
  transition:border-color .2s, box-shadow .2s;
}
.page-id-10 .woocommerce form .input-text:focus,
.page-id-10 .woocommerce form input[type="email"]:focus,
.page-id-10 .woocommerce form input[type="password"]:focus{
  border-color:#5cc2bf; box-shadow:0 0 0 3px rgba(92,194,191,.2); outline:0;
}
.page-id-10 .woocommerce form .button{
  width:100%; border:none; border-radius:12px; padding:1.05rem 1.2rem;
  background:#ff9c00; color:#161616; font-weight:800; letter-spacing:.02em;
  transition:transform .06s, box-shadow .2s;
}
.page-id-10 .woocommerce form .button:hover{
  transform:translateY(-1px); box-shadow:0 10px 22px rgba(255,156,0,.25);
}

/* Responsive */
@media (max-width:980px){
  .page-id-10 .woocommerce .u-columns{ max-width:92vw; padding:20px; }
  .page-id-10 .myr-tabs{ max-width:92vw; }
  .page-id-10 .woocommerce .u-column1,
  .page-id-10 .woocommerce .u-column2{ padding:20px !important; }
  .page-id-10 .woocommerce .u-column1 h2,
  .page-id-10 .woocommerce .u-column2 h2{ font-size:1.7rem; }
}

/* Accessibilité : réduit les animations si demandé */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* ===== CORRECTIONS FINALES — page-id-10 ===== */

/* 0) Le module des onglets ne doit ajouter AUCUN espace */
body.page-id-10 .myr-acc .et_pb_row .et_pb_column .myr-tabs-module.et_pb_module,
body.page-id-10 .myr-acc .et_pb_gutters3 .et_pb_column_4_4 .myr-tabs-module.et_pb_module,
body.page-id-10 .myr-acc .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .myr-tabs-module.et_pb_module,
body.page-id-10 .myr-acc .et_pb_module.et_pb_code.et_pb_code_0.myr-tabs-module{
  margin: 0 !important;
  padding: 0 !important;
}

/* 1) Onglets : actif orange, parfaitement collés à la carte et entre eux */
body.page-id-10 #page-container .myr-tabs{
  max-width: var(--card-w) !important;
  margin: 0 auto -3px !important; /* -3px = aucun filet */
  gap: 0 !important;
}
body.page-id-10 #page-container .myr-tab{
  border: 1px solid #e9edf1 !important;
  border-bottom-color: transparent !important;
  background: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  padding: .56rem 2rem !important;
  font-weight: 700 !important;
}
body.page-id-10 #page-container .myr-tab + .myr-tab{ margin-left: -1px !important; }

body.page-id-10 #page-container .woocommerce .u-columns{
  border-top-color: transparent !important;
  overflow: hidden !important;
}

/* 2) Mot de passe : œil bien centré + place dans le champ */
body.page-id-10 #page-container .woocommerce form .password-input{
  position: relative !important;
}
body.page-id-10 #page-container .woocommerce form .password-input input[type="password"]{
  padding-right: 40px !important; /* espace pour l’icône */
}
body.page-id-10 #page-container .woocommerce form .password-input .show-password-input{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  line-height: 1 !important;
  height: 20px !important;
  width: 20px !important;
}

/* 3) Checkbox “Se souvenir de moi” bien alignée */
body.page-id-10 #page-container .woocommerce form .woocommerce-form__label-for-checkbox{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 6px 0 10px !important;
}
body.page-id-10 #page-container .woocommerce form input[type="checkbox"]{
  width: 18px !important; height: 18px !important;
  border-radius: 5px !important;
  vertical-align: middle !important;
}

/* 4) Bouton : compact, plein-bord gauche/droite, mais on garde de l’air dessous */
body.page-id-10 #page-container .woocommerce .u-column1 form .button,
body.page-id-10 #page-container .woocommerce .u-column2 form .button{
  padding: 12px 14px !important;
  font-size: 1rem !important;
  border-radius: 10px !important;

  /* plein-bord gauche/droite uniquement */
  margin-left:  calc(var(--card-pad) * -1) !important;
  margin-right: calc(var(--card-pad) * -1) !important;
  width:        calc(100% + var(--card-pad) * 2) !important;

  /* pas de marge négative en bas → on laisse respirer */
  margin-bottom: 8px !important;
}

/* 5) “Mot de passe perdu ?” recentré et décollé du bouton */
body.page-id-10 #page-container .woocommerce .lost_password{
  text-align: center !important;
  margin-top: 6px !important;
}
body.page-id-10 #page-container .woocommerce .lost_password a{
  font-size: .95rem !important;
  color: #1488c7 !important;
}

/* 6) Inputs compacts uniformes (hauteur cohérente partout) */
body.page-id-10 #page-container .woocommerce form .input-text,
body.page-id-10 #page-container .woocommerce form input.input-text,
body.page-id-10 #page-container .woocommerce form input[type="text"],
body.page-id-10 #page-container .woocommerce form input[type="email"],
body.page-id-10 #page-container .woocommerce form input[type="password"],
body.page-id-10 #page-container .woocommerce form input[type="tel"]{
  height: 40px !important;
  padding: 8px 12px !important;
  font-size: .95rem !important;
  border-radius: 10px !important;
}

/* 7) Nettoyage des cadres/paddings Woo à l’intérieur */
body.page-id-10 #page-container .woocommerce form.login,
body.page-id-10 #page-container .woocommerce form.register,
body.page-id-10 #page-container .woocommerce form.woocommerce-form{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* === Ajustements visuels demandés — page-id-10 === */


/* Bouton Se connecter : texte blanc + un peu plus compact */
body.page-id-10 #page-container .woocommerce .u-column1 form .button,
body.page-id-10 #page-container .woocommerce .u-column2 form .button{
  color:#fff !important;              /* libellé blanc */
  padding: 10px 12px !important;      /* hauteur réduite */
  font-size: .95rem !important;       /* texte un peu plus petit */
  border-radius: 10px !important;
}

/* Hover léger, on garde le texte blanc */
body.page-id-10 #page-container .woocommerce .u-column1 form .button:hover,
body.page-id-10 #page-container .woocommerce .u-column2 form .button:hover{
  filter: brightness(.96) !important;
  color:#fff !important;
}

/* === Bouton plus étroit, centré (page-id-10) === */

/* Desktop/tablette : bouton non plein-bord */
body.page-id-10 #page-container .woocommerce .u-column1 form .button,
body.page-id-10 #page-container .woocommerce .u-column2 form .button{
  /* annule le plein-bord */
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;

  /* largeur cible + centrage */
  display: block !important;
  min-width: 260px !important;         /* ajuste 220–320px selon ton goût */
  max-width: 90% !important;           /* sécurité */
  margin: 10px auto 10px !important;   /* centre le bouton */
  padding: 10px 18px !important;
  font-size: .95rem !important;
  border-radius: 10px !important;
  color: #fff !important;              /* texte blanc */
}

/* Mobile : on garde le plein-bord (meilleure UX) */
@media (max-width: 980px){
  body.page-id-10 #page-container .woocommerce .u-column1 form .button,
  body.page-id-10 #page-container .woocommerce .u-column2 form .button{
    width: 100% !important;
  }
}

/* Un soupçon d’air avant “Mot de passe perdu ?” */
body.page-id-10 #page-container .woocommerce .lost_password{
  margin-top: 8px !important;
  text-align: center !important;
}

/* Rappel : onglet actif = orange + texte blanc */
body.page-id-10 #page-container .myr-tab.active{
  background:#FF9C00 !important;
  border-color:#e9edf1 !important;
  border-bottom-color:transparent !important;
  color:#fff !important;
}

/* ALIGNE checkbox + bouton UNIQUEMENT sur login/register */
.page-id-10 .woocommerce form.login    p.form-row:has(.woocommerce-form-login__submit),
.page-id-10 .woocommerce form.register p.form-row:has(.woocommerce-Button){
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}
.page-id-10 .woocommerce form p.form-row .button{ margin-left: auto; }

@media (max-width: 640px){
  .page-id-10 .woocommerce form.login    p.form-row:has(.woocommerce-form-login__submit),
  .page-id-10 .woocommerce form.register p.form-row:has(.woocommerce-Button){
    flex-wrap: wrap;
  }
  .page-id-10 .woocommerce form p.form-row .button{
    margin-left: 0; width: 100%; margin-top: 10px;
  }
}


/* ===== Onglets : arrondi seulement aux coins extérieurs — page-id-10 ===== */
body.page-id-10 #page-container .myr-tabs{ gap:0 !important; }
body.page-id-10 #page-container .myr-tab + .myr-tab{ margin-left:-1px !important; } /* ils se touchent */

/* base : arrondi en haut uniquement */
body.page-id-10 #page-container .myr-tab{
  border-radius: 12px 12px 0 0 !important;  /* haut arrondi, bas droit */
}

/* coin du MILIEU droit : pas d'arrondi */
body.page-id-10 #page-container .myr-tab:first-child{
  border-top-right-radius: 0 !important;    /* côté centre = droit */
}

/* coin du MILIEU gauche : pas d'arrondi */
body.page-id-10 #page-container .myr-tab:last-child{
  border-top-left-radius: 0 !important;     /* côté centre = droit */
}

/* (si tu utilises la version pastille) -> on force aussi le bas à plat */
body.page-id-10 #page-container .myr-tab{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* FORCE le h2 (spécificité + ordre) */
body.page-id-10 #page-container .woocommerce .u-columns .u-column1 h2,
body.page-id-10 #page-container .woocommerce .u-columns .u-column2 h2{
  font-size: 1.7rem !important;
  line-height: 1.15 !important;
  color:#0b3a3c !important;
  margin: 0 0 18px !important;
  text-align: center !important;
}

/* Logo plus grand – on cible toutes les variantes possibles */
body.page-id-10 #page-container .myr-logo img,
body.page-id-10 #page-container .et_pb_image.myr-logo img,
body.page-id-10 #page-container .myr-hero .et_pb_image img,
body.page-id-10 #page-container .myr-hero img[src*="myrameha"]{
  height: 150px !important;     /* ajuste 150–200px si tu veux */
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;    /* centré */
}
@media (max-width:980px){
  body.page-id-10 #page-container .myr-logo img,
  body.page-id-10 #page-container .et_pb_image.myr-logo img,
  body.page-id-10 #page-container .myr-hero .et_pb_image img,
  body.page-id-10 #page-container .myr-hero img[src*="myrameha"]{
    height: 110px !important;
  }
}


/* Ajoute de l'espace sous le champ password */
body.page-id-10 #page-container .woocommerce form input[type="password"]{
  margin-bottom: 16px !important;   /* augmente/descends 12–20px si besoin */
  padding-right: 42px !important;   /* on garde la place pour l’icône œil */
}

/* (on garde l’icône œil bien centrée) */
body.page-id-10 #page-container .woocommerce form .password-input{ position:relative !important; }
body.page-id-10 #page-container .woocommerce form .password-input .show-password-input,
body.page-id-10 #page-container .woocommerce form .password-input button.show-password-input{
  position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important;
  width:20px !important; height:20px !important; line-height:1 !important;
}

/* ===== Remonter le bloc (logo + onglets + carte) — page-id-10 ===== */
:root{
  --raise-desktop: 120px;   /* monte ↑ (100–140 si tu veux encore plus haut) */
  --raise-mobile:  50px;   /* valeur pour mobile */
}

/* nettoie les marges/paddings de Divi tout en haut */
body.page-id-10 #page-container .myr-hero,
body.page-id-10 #page-container .myr-hero.et_pb_section,
body.page-id-10 #page-container .myr-hero .et_pb_row{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* place le contenu plus haut, sans toucher au gradient */
body.page-id-10 #page-container .myr-acc{
  position: relative !important;
  top: calc(-1 * var(--raise-desktop)) !important;  /* remonte le bloc */
}

/* assure que les premiers éléments n’ajoutent pas de marge haute */
body.page-id-10 #page-container .myr-logo,
body.page-id-10 #page-container .myr-tabs-module,
body.page-id-10 #page-container .woocommerce .u-columns{
  margin-top: 0 !important;
}

/* mobile */
@media (max-width:980px){
  body.page-id-10 #page-container .myr-acc{
    top: calc(-1 * var(--raise-mobile)) !important;
  }
}

/* === Champs un poil plus haut (cohérent partout) === */
body.page-id-10 #page-container .woocommerce form .input-text{
  height: 44px !important;
  padding: 10px 14px !important;
  font-size: .98rem !important;
  border-radius: 12px !important;
}

/* ==== PAGE 10 — Centrer parfaitement l'œil dans le champ mot de passe ==== */
body.page-id-10 #page-container .woocommerce form .password-input{
  position: relative !important;   /* ancre pour l'icône */
}

/* Donne assez de place à droite dans l'input pour l'icône */
body.page-id-10 #page-container .woocommerce form .password-input input[type="password"],
body.page-id-10 #page-container .woocommerce form input#password{
  padding-right: 48px !important;  /* 36px d'icône + 12px d'air */
  margin-bottom: 16px !important;  /* air sous "Mot de passe" */
}

/* Le bouton œil occupe toute la hauteur du wrapper et centre son contenu */
body.page-id-10 #page-container .woocommerce form .password-input .show-password-input,
body.page-id-10 #page-container .woocommerce form .password-input button.show-password-input{
  position: absolute !important;
  top: -15px !important; bottom: 0 !important; right: 12px !important;
  width: 36px !important;                 /* largeur cliquable confortable */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  height: auto !important;                /* occupe la hauteur du parent */
  transform: none !important;             /* on n'utilise plus translateY */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Harmonise l'icône (dashicon/svg) si gérée via ::before */
body.page-id-10 #page-container .woocommerce form .password-input .show-password-input::before{
  line-height: 1 !important;
  font-size: 18px !important;             /* ajuste 16–20 si besoin */
}

/* ===== PAGE 10 — Agrandir la carte ===== */
:root{
  --card-w: 500px;     /* largeur carte (ex: 640–720 selon ton goût) */
  --card-pad: 25px;    /* padding interne */
  --columns-minh: 460px; /* hauteur mini anti-saut */
}

/* Carte */
body.page-id-10 #page-container .woocommerce .u-columns{
  max-width: var(--card-w) !important;
  padding: var(--card-pad) !important;
  min-height: var(--columns-minh) !important;
}

/* Contenu des deux vues à la même marge interne */
body.page-id-10 #page-container .woocommerce .u-column1,
body.page-id-10 #page-container .woocommerce .u-column2{
  padding: var(--card-pad) !important;
}

/* Onglets = même largeur que la carte */
body.page-id-10 #page-container .myr-tabs{
  max-width: var(--card-w) !important;
}

/* ====== MOBILE FIX — source unique pour la taille du logo ====== */
:root{
  --logo-h-m: 130px; /* ajuste 120–150 selon ton goût */
}
@media (max-width:980px){
  /* une seule règle mobile pour le logo, on écrase tout le reste */
  body.page-id-10 #page-container .myr-logo img,
  body.page-id-10 #page-container .et_pb_image.myr-logo img,
  body.page-id-10 #page-container .myr-hero .et_pb_image img{
    height: var(--logo-h-m) !important;
    width: auto !important;
  }
}

/* ====== ONGLETS — jamais bleus, texte blanc quand actif ====== */
body.page-id-10 #page-container .myr-tab a{
  color:#111 !important;
  text-decoration:none !important;
  display:block;                /* le lien hérite du padding du tab */
}
body.page-id-10 #page-container .myr-tab:visited a{
  color:#111 !important;
}
body.page-id-10 #page-container .myr-tab.active,
body.page-id-10 #page-container .myr-tab.active a{
  color:#fff !important;        /* texte blanc sur l’onglet orange */
}

/* ====== CARTE MOBILE — plus haute + pas rognée ====== */
@media (max-width:980px){
  /* évite de trop remonter le bloc sur mobile (sinon ça coupe en bas) */
  body.page-id-10 #page-container .myr-acc{
    top: 0 !important;
  }

  /* carte plus haute, davantage de padding, et largeur fluide */
  body.page-id-10 #page-container .woocommerce .u-columns{
    max-width: 92vw !important;
    padding: 24px !important;
    min-height: 820px !important;   /* monte à 840/860 si besoin */
    overflow: visible !important;
  }

  /* un peu d’air sous le contenu, pour voir "Mot de passe perdu ?" */
  body.page-id-10 #page-container .woocommerce .u-column1,
  body.page-id-10 #page-container .woocommerce .u-column2{
    padding-bottom: 28px !important;
  }
  body.page-id-10 #page-container .woocommerce .lost_password{
    margin-top: 12px !important;
  }
}

/* ===== Mobile overrides (page-id-10) ===== */
@media (max-width:980px){
  /* On change juste les variables pour la page 10 */
  body.page-id-10{
    --card-w: 92vw;      /* carte fluide bord à bord */
    --card-pad: 22px;    /* un peu moins serré */
    --columns-minh: 500px; /* plus de hauteur pour voir les liens */
    --logo-h-m: 130px;   /* logo + grand sur mobile si tu l’utilises */
  }

  /* Rien d'autre à toucher : ces blocs utilisent déjà les variables */
  body.page-id-10 #page-container .woocommerce .u-columns{
    max-width: var(--card-w) !important;
    padding: var(--card-pad) !important;
    min-height: var(--columns-minh) !important;
  }
  body.page-id-10 #page-container .myr-tabs{
    max-width: var(--card-w) !important;
  }

  /* Bonus : évite de remonter le bloc sur mobile (sinon ça coupe le bas) */
  body.page-id-10 #page-container .myr-acc{ top: 0 !important; }
}

/* ===== LOGO MOBILE — force la taille sur l'image du code module ===== */
@media (max-width:980px){
  /* sécurité: le conteneur centre l'image */
  body.page-id-10 #page-container .myr-logo{
    display:flex !important;
    justify-content:center !important;
  }
  /* l'ancre ne doit pas compresser l'image */
  body.page-id-10 #page-container .myr-logo > a{
    display:block !important;
    line-height:0 !important;
  }
  /* l'image: on neutralise TOUT ce qui la rapetisse */
  body.page-id-10 #page-container .myr-logo > a > img{
    height: 140px !important;         /* ajuste 130–160 si tu veux */
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* certaines feuilles Divi ciblent .et_pb_code_inner img */
  body.page-id-10 #page-container .et_pb_code_inner .myr-logo img{
    height: 100px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
}

/* Marge au-dessus du bloc "LOGO + ONGLETS" (Mon compte + Lost password) */
body.page-id-10 #page-container .myr-tabs-module .et_pb_code_inner{
  margin-top: 80px !important;
}

/* Ceinture+bretelles si l’endpoint change la classe body */
body.woocommerce-lost-password.page-id-10 #page-container .myr-tabs-module .et_pb_code_inner,
body.woocommerce-account.page-id-10        #page-container .myr-tabs-module .et_pb_code_inner{
  margin-top: 80px !important;
}

/* Option: réduire un peu sur mobile si besoin */
@media (max-width:980px){
  body.page-id-10 #page-container .myr-tabs-module .et_pb_code_inner{
    margin-top: 60px !important; /* ajuste à ton goût */
  }
}