/**
 * Folies Secrètes — menu compte header desktop
 * LOCKED — 2026-05-29 — Ne pas modifier sans GO explicite
 * Complète fs-header-account-dropdown.js (pont hover + empilement)
 * Scope : #st_header .userinfo_mod_top — desktop uniquement
 */

@media (min-width: 992px) {
  body.desktop_device.dropdown_menu_event_0 #st_header #header_primary_container,
  body.desktop_device.dropdown_menu_event_0 #st_header #header_right,
  body.desktop_device.dropdown_menu_event_0 #st_header #header_right_top,
  body.desktop_device.dropdown_menu_event_0 #st_header #header_right_top .flex_container,
  body.desktop_device.dropdown_menu_event_0 #st_header #header_right_top .header_box,
  body.desktop_device.dropdown_menu_event_0 #st_header .checkout_header,
  body.desktop_device.dropdown_menu_event_0 #st_header .checkout_header_right {
    overflow: visible !important;
  }

  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top.dropdown_wrap {
    position: relative;
  }

  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top.dropdown_wrap.open,
  body.desktop_device.dropdown_menu_event_0 #st_header:has(.userinfo_mod_top.dropdown_wrap.open),
  body.desktop_device.dropdown_menu_event_0 .header-container:has(.userinfo_mod_top.dropdown_wrap.open) {
    z-index: 520;
  }

  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top .dropdown_list {
    z-index: 521;
    padding-top: 0;
    margin-top: 0;
    pointer-events: auto;
  }

  /* Pont entre .dropdown_tri et .dropdown_box (espace ex–padding-top Panda) */
  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top .dropdown_list::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -16px;
    height: 16px;
    background: transparent;
    pointer-events: auto;
  }

  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top .dropdown_list .dropdown_box {
    position: relative;
    z-index: 1;
    margin-top: 8px;
  }

  body.desktop_device.dropdown_menu_event_0 #st_header .userinfo_mod_top.open .dropdown_list_item {
    pointer-events: auto;
  }
}

/* ═══════════════════════════════════════
   Lot E — Masquage temporaire wishlist / articles aimés
   Dropdown compte header (stcustomersignin) — toutes pages sauf rupture menu
   ═══════════════════════════════════════ */

#st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="stwishlist"]),
#st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="mywishlist"]),
#st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="stlovedproduct"]),
#st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="myloved"]),
#header .userinfo_mod_top .dropdown_list li:has(a[href*="stwishlist"]),
#header .userinfo_mod_top .dropdown_list li:has(a[href*="mywishlist"]),
#header .userinfo_mod_top .dropdown_list li:has(a[href*="stlovedproduct"]),
#header .userinfo_mod_top .dropdown_list li:has(a[href*="myloved"]) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  visibility: hidden !important;
}

#st_header #header_right_top .userinfo_mod_top .dropdown_list a[href*="stwishlist"],
#st_header #header_right_top .userinfo_mod_top .dropdown_list a[href*="mywishlist"],
#st_header #header_right_top .userinfo_mod_top .dropdown_list a[href*="stlovedproduct"],
#st_header #header_right_top .userinfo_mod_top .dropdown_list a[href*="myloved"],
#header .userinfo_mod_top .dropdown_list a[href*="stwishlist"],
#header .userinfo_mod_top .dropdown_list a[href*="mywishlist"],
#header .userinfo_mod_top .dropdown_list a[href*="stlovedproduct"],
#header .userinfo_mod_top .dropdown_list a[href*="myloved"] {
  display: none !important;
}

/* ═══════════════════════════════════════
   Lot E — Dropdown compte header (finition premium)
   Desktop — ne pas casser pont hover / z-index
   ═══════════════════════════════════════ */

@media (min-width: 992px) {
  #st_header #header_right_top .userinfo_mod_top .dropdown_list,
  #header #header_right_top .userinfo_mod_top .dropdown_list {
    width: 252px !important;
    min-width: 252px !important;
    padding: 12px 11px 10px !important;
    border-radius: 18px !important;
    background: rgba(253, 252, 250, 0.98) !important;
    border: 1px solid rgba(143, 150, 119, 0.14) !important;
    box-shadow:
      0 22px 50px rgba(26, 23, 22, 0.11),
      0 4px 14px rgba(26, 23, 22, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list .dropdown_box,
  #header #header_right_top .userinfo_mod_top .dropdown_list .dropdown_box {
    padding: 2px 0 !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li,
  #header #header_right_top .userinfo_mod_top .dropdown_list li {
    margin: 0 !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list span.dropdown_list_item,
  #header #header_right_top .userinfo_mod_top .dropdown_list span.dropdown_list_item {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 4px 12px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(143, 150, 119, 0.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2b2b2b !important;
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
    font-size: 1.0625rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
    text-transform: none !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list a.dropdown_list_item,
  #header #header_right_top .userinfo_mod_top .dropdown_list a.dropdown_list_item {
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #333 !important;
    font-family: "Manrope", system-ui, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: background 0.22s ease, color 0.22s ease, padding-left 0.22s ease !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:first-child a.dropdown_list_item,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:first-child a.dropdown_list_item {
    background: transparent !important;
    color: #1a1716 !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="mon-compte"]) a,
  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="my-account"]) a,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="mon-compte"]) a,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:has(a[href*="my-account"]) a {
    color: #1a1716 !important;
    font-weight: 600 !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list a.dropdown_list_item:hover,
  #header #header_right_top .userinfo_mod_top .dropdown_list a.dropdown_list_item:hover {
    background: rgba(143, 150, 119, 0.08) !important;
    color: #5a3d48 !important;
    padding-left: 15px !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:last-child,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:last-child {
    margin-top: 4px !important;
    padding-top: 4px !important;
    border-top: 1px solid rgba(143, 150, 119, 0.1) !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:last-child a.dropdown_list_item,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:last-child a.dropdown_list_item {
    margin-top: 0 !important;
    padding-top: 10px !important;
    border-radius: 0 0 10px 10px !important;
    background: transparent !important;
    color: #77736a !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  #st_header #header_right_top .userinfo_mod_top .dropdown_list li:last-child a.dropdown_list_item:hover,
  #header #header_right_top .userinfo_mod_top .dropdown_list li:last-child a.dropdown_list_item:hover {
    background: rgba(143, 150, 119, 0.06) !important;
    color: #5a3d48 !important;
  }
}
