/* Kunjey Naqoosh Menu + Help Center CSS */

.kn-topbar{background:#0f172a;color:#fff;position:sticky;top:0;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.kn-nav-wrap{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 18px;direction:ltr}
.kn-brand{margin-left:auto;font-weight:900;font-size:22px;color:#fff;text-decoration:none;white-space:nowrap}
.kn-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kn-nav a,.kn-nav button{background:#1f2937;color:#fff;text-decoration:none;border:0;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;font-size:15px}
.kn-nav a:hover,.kn-nav button:hover{background:#d4a23a;color:#111}
.kn-nav .active{background:#d4a23a;color:#111}
.kn-menu-item{position:relative}
.kn-submenu{display:none;position:absolute;top:100%;left:0;background:#111827;border:1px solid rgba(255,255,255,.12);min-width:240px;border-radius:14px;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.22);z-index:10000}
.kn-menu-item:hover>.kn-submenu{display:block}
.kn-submenu .kn-menu-item{display:block}
.kn-submenu a,.kn-submenu button{display:block;width:100%;text-align:right;margin:3px 0;background:#1f2937}
.kn-submenu .kn-submenu{left:100%;top:0}
.kn-mobile-toggle{display:none;background:#d4a23a!important;color:#111!important}
.kn-overlay{display:none}

.kn-help-wrap{max-width:1100px;margin:34px auto;padding:0 16px;direction:rtl}
.kn-card{background:#fffaf0;border:1px solid #ead7ad;border-radius:22px;padding:24px;margin:18px 0;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.kn-title{font-size:36px;font-weight:900;margin:0 0 14px;color:#0f172a;text-align:right}
.kn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kn-field label{font-weight:800;display:block;margin-bottom:7px;text-align:right}
.kn-field input,.kn-field select,.kn-field textarea{width:100%;box-sizing:border-box;border:1px solid #d8c18f;border-radius:12px;padding:12px;font-size:16px;background:#fff}
.kn-field textarea{min-height:120px}
.kn-btn{background:#d4a23a;color:#111;border:0;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}
.kn-btn-dark{background:#0f172a;color:#fff}
.kn-btn-red{background:#b91c1c;color:#fff}
.kn-ok{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:12px;border-radius:12px}
.kn-bad{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:12px;border-radius:12px}
.kn-table{width:100%;border-collapse:collapse;background:#fff}
.kn-table th,.kn-table td{border:1px solid #ead7ad;padding:10px;text-align:right;vertical-align:top}
.kn-table th{background:#fff3cd}

/* FAQ click fix */
.kn-faq-item{
  margin:12px 0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #f4dfaa;
  background:#fff;
}

.kn-faq-question{
  width:100%;
  text-align:right;
  border:0;
  background:#fff3cd;
  padding:15px 18px;
  border-radius:0;
  font-weight:900;
  cursor:pointer;
  font-size:16px;
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  direction:rtl;
}

.kn-faq-question:hover{
  background:#ffe9a3;
}

.kn-faq-arrow{
  background:#0f172a;
  color:#fff;
  width:26px;
  height:26px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  flex:0 0 auto;
}

.kn-faq-answer{
  display:none;
  background:#fff;
  border-top:1px solid #f4dfaa;
}

.kn-faq-answer-inner{
  padding:16px 18px;
  line-height:1.9;
  color:#1f2937;
  font-size:16px;
}

.kn-faq-item.open .kn-faq-answer{
  display:block;
}

.kn-faq-item.open .kn-faq-arrow{
  background:#d4a23a;
  color:#111;
}

@media(max-width:900px){
  .kn-nav-wrap{padding:12px;justify-content:space-between}
  .kn-mobile-toggle{display:inline-block}
  .kn-brand{font-size:18px;margin-left:0}
  .kn-nav{display:none;position:fixed;inset:0 auto 0 0;width:min(88vw,360px);background:#0f172a;padding:18px;overflow:auto;z-index:10001;align-content:flex-start;flex-direction:column;align-items:stretch}
  .kn-nav.open{display:flex}
  .kn-nav a,.kn-nav button{text-align:right;width:100%;box-sizing:border-box;margin:2px 0}
  .kn-menu-item{width:100%}
  .kn-submenu{position:static;display:none;box-shadow:none;border:1px solid rgba(255,255,255,.1);margin:5px 0 5px 12px;min-width:0;background:#0b1220}
  .kn-menu-item.open>.kn-submenu{display:block}
  .kn-menu-item:hover>.kn-submenu{display:none}
  .kn-menu-item.open:hover>.kn-submenu{display:block}
  .kn-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000}
  .kn-grid{grid-template-columns:1fr}
  .kn-title{font-size:28px}
}

/* Logo inside main menu brand */
.kn-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;vertical-align:middle;margin-left:8px}.kn-brand{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}.kn-brand span{font-weight:900;font-size:20px}


/* Unified menu fixes: desktop hover + mobile click without duplicate headers */
.kn-topbar{width:100%}
.kn-nav-wrap{min-height:74px}
.kn-nav a,.kn-nav button{font-family:inherit}
.kn-submenu{direction:rtl}
.kn-menu-item.open > .kn-submenu{display:block}
@media(min-width:901px){
  .kn-menu-item:hover > .kn-submenu{display:block}
}
@media(max-width:900px){
  body.kn-menu-open{overflow:hidden}
  .kn-nav{gap:4px}
  .kn-submenu .kn-submenu{margin-right:14px;margin-left:0}
}


/* =========================================================
   FINAL MOBILE MENU CLICK FIX - 2026-05-24
   Fixes: mobile drawer visible but links not clickable
========================================================= */
@media (max-width: 900px){

  html,
  body{
    overflow-x:hidden !important;
  }

  .kn-topbar{
    position:relative !important;
    z-index:2147483000 !important;
    isolation:isolate !important;
    pointer-events:auto !important;
  }

  .kn-nav-wrap{
    position:relative !important;
    z-index:2147483001 !important;
    pointer-events:auto !important;
  }

  .kn-mobile-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

  .kn-nav{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    width:min(86vw,340px) !important;
    height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#0b1220 !important;
    padding:76px 18px 22px !important;
    z-index:2147483646 !important;
    pointer-events:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-shadow:18px 0 45px rgba(0,0,0,.45) !important;
  }

  .kn-nav.open,
  body.kn-menu-open .kn-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  .kn-nav a,
  .kn-nav button,
  .kn-menu-item,
  .kn-submenu a,
  .kn-submenu button{
    position:relative !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
  }

  .kn-nav a,
  .kn-nav button{
    display:block !important;
    width:100% !important;
    min-height:46px !important;
    line-height:1.4 !important;
    text-align:left !important;
    padding:12px 14px !important;
    margin:0 !important;
  }

  .kn-menu-item{
    width:100% !important;
    display:block !important;
  }

  .kn-submenu{
    position:static !important;
    min-width:0 !important;
    width:100% !important;
    margin:6px 0 6px 0 !important;
    padding:8px !important;
    background:#111827 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:none !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
  }

  .kn-menu-item.open > .kn-submenu{
    display:block !important;
  }

  .kn-menu-item:not(.open) > .kn-submenu{
    display:none !important;
  }

  .kn-overlay{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.52) !important;
    z-index:2147483645 !important;
  }

  .kn-overlay.show{
    display:block !important;
    pointer-events:auto !important;
  }

  body.kn-menu-open .kn-overlay{
    display:block !important;
  }

  body.kn-menu-open > *:not(.kn-topbar):not(.kn-overlay){
    pointer-events:none !important;
  }

  body.kn-menu-open .kn-topbar,
  body.kn-menu-open .kn-topbar *,
  body.kn-menu-open .kn-overlay{
    pointer-events:auto !important;
  }
}

/* Make sure page overlays never sit above the mobile menu */
.hero-section,
.page-banner,
.page-overlay,
.main-content,
.kn-shell,
.tool-page,
.tool-wrapper,
.durood-wrap,
.durood-card,
.relation-page,
.relation-card,
.reldoem-page,
.reldoem-card,
.selfrel-page,
.selfrel-card{
  z-index:auto;
}

.hero-section::before,
.hero-section::after,
.page-overlay,
.overlay,
.bg-overlay{
  pointer-events:none !important;
}