/* DANHR Mobile Menu Fix Pro — v1.2.0 */
/* MOBILE ONLY — classes only (no ul/li/a selectors) */
@media (max-width: 980px){
  /* عندما تكون ميزة الموبايل فعالة، نخفي القائمة الأصلية كي لا تتكرر */
  .danhrmmf-mobile-active .wp-block-navigation,
  .danhrmmf-mobile-active .site-header .menu,
  .danhrmmf-mobile-active .header .menu{
    display: none !important;
  }

  .danhrmmf-overlay{
    position: fixed; left: 0; right: 0; top: 64px;
    height: calc(100vh - 64px); z-index: 999;
    background: #94969d; border-top: 1px solid #e6e8eb;
    border-radius: 16px 16px 0 0; box-shadow: 0 16px 42px rgba(0,0,0,.10);
    margin: 0; padding: 12px 10px; overflow: auto;
    display: none; flex-direction: column; gap: 0;
    transform: translateY(-8px); opacity: 0; visibility: hidden;
    transition: transform .25s ease, opacity .2s ease, visibility 0s .25s;
  }
  .danhrmmf-overlay.is-open{ display:flex; transform:translateY(0); opacity:1; visibility:visible; transition: transform .25s ease, opacity .2s ease; }

  .danhrmmf-dim{
    content:""; position: fixed; inset:0; z-index: 998; display:none;
    background: radial-gradient(120% 100% at 50% 0%, rgba(0,0,0,.08), rgba(0,0,0,0) 60%),
                linear-gradient(0deg, rgba(148,150,157,.40), rgba(148,150,157,.40));
  }
  .danhrmmf-dim.is-open{ display:block; }

  /* العناصر في المستوى الأول داخل اللوحة */
  .danhrmmf-overlay .menu-item,
  .danhrmmf-overlay .wp-block-navigation-item{
    width:100%; border-bottom: 1px solid rgba(255,255,255,.25);
  }
  .danhrmmf-overlay .menu-item:last-child,
  .danhrmmf-overlay .wp-block-navigation-item:last-child{ border-bottom: none; }

  .danhrmmf-overlay .row{
    display:flex; align-items:center; justify-content:space-between;
    padding: 14px 12px; color:#333; text-decoration:none; font-size:16.75px; line-height:1.45; letter-spacing:.1px;
  }
  .danhrmmf-overlay .row:hover{ opacity:.9; }

  .danhrmmf-caret::after{
    content:"▾"; font-size:12px; margin-inline-start:8px; opacity:.75; transform:rotate(0deg); transition:transform .25s ease;
  }
  .danhrmmf-item.is-open > .row .danhrmmf-caret::after{ transform: rotate(180deg); }

  /* إغلاق افتراضي لكل القوائم الفرعية */
  .danhrmmf-sub{
    max-height:0; opacity:0; transform:translateY(-4px);
    overflow:hidden; margin:0; padding:0;
    transition:max-height .35s ease, opacity .25s ease, transform .25s ease, margin .2s ease, padding .2s ease;
  }
  /* فتح فقط حاوية الفرعي المباشرة للعنصر المفتوح */
  .danhrmmf-item.is-open > .danhrmmf-sub{
    max-height: 1200px; opacity:1; transform:translateY(0);
    margin: 8px 8px 10px; padding: 6px 6px 8px;
    background:#fff; border:1px solid #e9eaed; border-radius:12px; box-shadow:0 8px 22px rgba(0,0,0,.06);
  }

  /* داخل فرعي مفتوح، تظل العناصر الأعمق مغلقة حتى تُفتح هي ذاتها */
  .danhrmmf-item.is-open > .danhrmmf-sub .danhrmmf-item > .danhrmmf-sub{
    max-height:0; opacity:0; transform:translateY(-4px);
    margin:0; padding:0; overflow:hidden; border:0; box-shadow:none;
  }
  .danhrmmf-item.is-open > .danhrmmf-sub .danhrmmf-item.is-open > .danhrmmf-sub{
    max-height: 1000px; opacity:1; transform:translateY(0);
    margin-top:6px; padding:6px 6px 8px;
    background:#fafbfc; border:1px dashed #e6e8eb; border-radius:10px;
  }

  /* CTA إن وجد */
  .danhrmmf-overlay .contact-cta{ margin:10px 0 2px; padding:0; }
  .danhrmmf-overlay .contact-cta > *{
    display:inline-flex; align-items:center; justify-content:center; width:100%;
    padding:12px 14px; font-weight:600; border:1px solid #e6e8eb; border-radius:12px; background:#fff; color:#333; box-shadow:0 8px 22px rgba(0,0,0,.04);
  }
}