/* PRATINIUM — v120 mobile menu centered stack
 * Objectif : lorsque le panneau Devise / Contactez-nous est ouvert,
 * garder tout le bloc mobile parfaitement centré : panneau, CTA et recherche.
 * Desktop inchangé.
 */
@media (max-width: 767.98px){
  #header,
  #header .header-top,
  #header .pf-header-top-global,
  #header .pf-header-top-global > .container,
  #header .pf-header-row-global,
  #header .header-top .container .row.pf-header-row-global{
    overflow: visible !important;
  }

  #header .pf-header-row-global,
  #header .header-top .container .row.pf-header-row-global{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #header .pf-mobile-extra-panel,
  #header .pf-header-centerline{
    float: none !important;
    clear: both !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: min(332px, calc(100vw - 36px)) !important;
    max-width: min(332px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  #header .pf-mobile-extra-panel.is-open{
    display: flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #header .pf-header-centerline{
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #header .pf-header-centerline .pf-header-ctas,
  #header .pf-header-ctas{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  #header .pf-header-centerline #search_widget,
  #header .pf-header-centerline #_desktop_search,
  #header .pf-header-centerline .search-widget,
  #header .pf-header-centerline #search_widget form,
  #header .pf-header-centerline #_desktop_search form,
  #header .pf-header-centerline .search-widget form{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  #header .pf-mobile-extra-panel.is-open .pf-mobile-currency,
  #header .pf-mobile-extra-panel.is-open .pf-mobile-contact{
    width: 100% !important;
    text-align: center !important;
  }
}