/* === Meniu mobil (PowerPack Advanced Menu) ==============================
   Implicit, panoul se deschidea ca o listă sub antet: pagina se vedea
   dedesubt, se derula în spate, iar bara flotantă și tabul de recenzii
   rămâneau peste el. Aici devine ecran plin, cu derularea blocată.
   Tot ce ține de starea deschisă e legat de html.pp-menu-toggle-open.
   ======================================================================== */
@media (max-width: 1024px) {

  /* Panoul, pe tot ecranul */
  html.pp-menu-toggle-open .pp-advanced-menu--dropdown.pp-menu-style-toggle {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 132px 22px 32px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 10000 !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column;
    animation: mpMenuIn .22s cubic-bezier(.22,.61,.36,1) both;
  }
  @keyframes mpMenuIn { from { opacity:0; transform:translateY(-6px) } to { opacity:1; transform:none } }

  /* Logoul și butonul X rămân deasupra panoului.
     Nu e suficient z-index pe antet: panoul e descendent al aceleiași
     secțiuni, deci ridicăm chiar elementele care trebuie să rămână vizibile. */
  html.pp-menu-toggle-open .pp-menu-toggle { position: relative !important; z-index: 10002 !important; }
  html.pp-menu-toggle-open .elementor-location-header .elementor-widget-image,
  html.pp-menu-toggle-open .elementor-location-header .elementor-widget-image img {
    position: relative !important; z-index: 10002 !important;
  }

  /* Pagina din spate nu se mai derulează */
  html.pp-menu-toggle-open,
  html.pp-menu-toggle-open body { overflow: hidden !important; }

  /* Fără elemente flotante peste meniu */
  html.pp-menu-toggle-open .mp-mobile-bar,
  html.pp-menu-toggle-open .ye-reviews-tab,
  html.pp-menu-toggle-open .ye-reviews-overlay { display: none !important; }

  /* --- lista --- */
  .pp-advanced-menu--dropdown.pp-menu-style-toggle ul.pp-advanced-menu {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%; max-width: 420px; margin: 0 auto;
  }

  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li > a {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #1b2670 !important;
    background: none !important;
    padding: 14px 14px !important;
    border: 0 !important;
    text-align: center;
  }

  /* Etichetele sunt împachetate în <p> de către meniu; îl facem transparent
     ca stil, altfel marginile și culoarea lui bat peste cele ale linkului. */
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li > a p {
    margin: 0 !important; font: inherit !important; color: inherit !important;
  }

  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li > a:hover,
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.current-menu-item > a {
    color: #12a79e !important;
  }

  /* Meniul are două jumătăți: ce oferim (specialități → analize) și restul
     (medici, despre, cariere, contact). O linie subțire înaintea „Medici"
     marchează trecerea, fără să compartimenteze fiecare rând. */
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.menu-item-10890 {
    margin-top: 14px !important;
    padding-top: 20px !important;
    border-top: 1px solid #e7edf2 !important;
  }

  /* „Fă o programare" e acțiunea principală, nu un rând ca oricare altul.
     Selectorul include li.menu-item-7398 ca să treacă de regula generică. */
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.menu-item-7398 {
    order: 99 !important;
    margin: 0 !important;
    margin-top: auto !important;
    padding-top: 26px !important;
  }
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.menu-item-7398 > a {
    background: #fcb040 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 17px 26px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.menu-item-7398 > a p {
    color: #fff !important;
  }
  .pp-advanced-menu--dropdown.pp-menu-style-toggle .pp-advanced-menu > li.menu-item-7398 > a:hover {
    background: #eba02f !important;
  }
}