/*
HBUREAUTIQUE V39
MON COMPTE / MON PANIER UNIQUEMENT

But :
1) accueil : aligner verticalement Mon compte et Mon panier, sans changer leur taille ;
2) toutes les pages intérieures : reprendre EXACTEMENT les mêmes dimensions que l'accueil.

Aucun autre élément n'est ciblé.
*/

/* ============================================================
   ACCUEIL : ALIGNEMENT UNIQUEMENT
   Le V9 mettait le wrapper compte en stretch avec padding + marge négative,
   ce qui décalait visuellement "Mon compte" par rapport au panier.
   On garde le menu déroulant, mais on remet seulement le bloc visible
   sur le même axe que le panier.
   ============================================================ */
html body#index #header .hlb26-head-actions .hlb26-account-wrap{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

html body#index #header .hlb26-head-actions .hlb26-account-wrap > .hlb26-account,
html body#index #header .hlb26-head-actions > .hlb26-cart{
  align-self:center !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}

/* Le menu compte reste sous "Mon compte" et le pont de survol reste actif. */
html body#index #header .hlb26-account-menu{
  top:calc(100% + 8px) !important;
}
html body#index #header .hlb26-account-menu:before{
  top:-20px !important;
  height:24px !important;
}

/* ============================================================
   PAGES INTERIEURES : MEME GABARIT QUE L'ACCUEIL
   Les valeurs ci-dessous sont reprises directement de l'accueil.
   ============================================================ */

/* Base / grand écran : valeurs accueil */
html body:not(#index) #header .hlb26-head-actions{
  width:380px !important;
  height:100px !important;
  gap:24px !important;
  align-items:center !important;
}

html body:not(#index) #header .hlb26-account,
html body:not(#index) #header .hlb26-cart{
  min-width:165px !important;
  gap:12px !important;
  align-items:center !important;
}

html body:not(#index) #header .hlb26-account > i,
html body:not(#index) #header .hlb26-cart-ico > i{
  font-size:36px !important;
}

html body:not(#index) #header .hlb26-account strong,
html body:not(#index) #header .hlb26-cart strong{
  font-size:15px !important;
  line-height:19px !important;
}

html body:not(#index) #header .hlb26-account small,
html body:not(#index) #header .hlb26-cart small{
  font-size:10.5px !important;
  line-height:14px !important;
}

html body:not(#index) #header #hlb26-cart-shipping{
  font-size:9px !important;
  line-height:12px !important;
}

html body:not(#index) #header #hlb26-cart-count{
  min-width:22px !important;
  height:22px !important;
  line-height:22px !important;
  font-size:10px !important;
}

/* Wrapper compte : même axe vertical que panier */
html body:not(#index) #header .hlb26-account-wrap{
  align-self:center !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Desktop standard : EXACTEMENT l'accueil */
@media (min-width:1101px) and (max-width:1499px){
  html body:not(#index) #header .hlb26-head-actions{
    width:330px !important;
    height:92px !important;
    gap:16px !important;
  }

  html body:not(#index) #header .hlb26-account,
  html body:not(#index) #header .hlb26-cart{
    min-width:145px !important;
    gap:12px !important;
  }

  html body:not(#index) #header .hlb26-account > i,
  html body:not(#index) #header .hlb26-cart-ico > i{
    font-size:36px !important;
  }

  html body:not(#index) #header .hlb26-account strong,
  html body:not(#index) #header .hlb26-cart strong{
    font-size:13.5px !important;
    line-height:19px !important;
  }

  html body:not(#index) #header .hlb26-account small,
  html body:not(#index) #header .hlb26-cart small{
    font-size:10.5px !important;
    line-height:14px !important;
  }

  html body:not(#index) #header #hlb26-cart-shipping{
    font-size:9px !important;
    line-height:12px !important;
  }

  html body:not(#index) #header #hlb26-cart-count{
    min-width:22px !important;
    height:22px !important;
    line-height:22px !important;
    font-size:10px !important;
  }
}

/* Petit desktop / tablette paysage : EXACTEMENT l'accueil */
@media (min-width:901px) and (max-width:1100px){
  html body:not(#index) #header .hlb26-head-actions{
    width:275px !important;
    gap:10px !important;
  }

  html body:not(#index) #header .hlb26-account,
  html body:not(#index) #header .hlb26-cart{
    min-width:126px !important;
    gap:7px !important;
  }

  html body:not(#index) #header .hlb26-account > i,
  html body:not(#index) #header .hlb26-cart-ico > i{
    font-size:30px !important;
  }

  html body:not(#index) #header .hlb26-account strong,
  html body:not(#index) #header .hlb26-cart strong{
    font-size:12px !important;
  }

  html body:not(#index) #header .hlb26-account small,
  html body:not(#index) #header .hlb26-cart small{
    font-size:9px !important;
  }
}

/* Mobile : mêmes tailles que l'accueil */
@media (max-width:900px){
  html body:not(#index) #header .hlb26-head-actions{
    gap:24px !important;
  }

  html body:not(#index) #header .hlb26-account,
  html body:not(#index) #header .hlb26-cart{
    min-width:145px !important;
  }
}

@media (max-width:560px){
  html body:not(#index) #header .hlb26-account strong,
  html body:not(#index) #header .hlb26-cart strong{
    font-size:12px !important;
  }

  html body:not(#index) #header .hlb26-account small,
  html body:not(#index) #header .hlb26-cart small{
    font-size:9px !important;
  }

  html body:not(#index) #header .hlb26-account > i,
  html body:not(#index) #header .hlb26-cart-ico > i{
    font-size:29px !important;
  }
}