/* =========================================================
   Authenticated Secondary Navigation — 2026-10-05
   يظهر للمستخدم المسجل دخوله فقط عبر includes/secondary_nav.php.
   تصميم مركزي متوافق مع الشريط المستخدم داخل لوحة المدير.
   ========================================================= */

.sadaa-auth-secondary-nav{
  position:relative;
  width:min(calc(100% - 32px),1450px);
  margin:16px auto 18px;
  padding:10px 14px;
  box-sizing:border-box;
  overflow:hidden;
  background:var(--sadaa-surface,#fff);
  border:1px solid var(--sadaa-line,#e6dde9);
  border-radius:14px;
  box-shadow:0 8px 22px rgba(var(--sadaa-shadow-rgb,31,22,36),.04);
}

.sadaa-auth-secondary-nav::before{
  content:"";
  position:absolute;
  top:0;
  inset-inline-start:22px;
  width:72px;
  height:3px;
  background:var(--sadaa-primary,#493059);
  border-radius:0 0 3px 3px;
}

.sadaa-auth-secondary-nav > .container{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

.sadaa-auth-secondary-nav .secondary-nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:0;
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  direction:rtl;
}

.sadaa-auth-secondary-nav .secondary-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  box-sizing:border-box;
  background:transparent;
  border:0;
  border-radius:7px;
  color:var(--sadaa-muted,#5f768a);
  text-decoration:none;
  white-space:nowrap;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  transition:color .16s ease,background .16s ease;
}

.sadaa-auth-secondary-nav .secondary-nav a:hover{
  color:var(--sadaa-primary,#493059);
  background:var(--sadaa-primary-soft,#f4f0f6);
}

.sadaa-auth-secondary-nav .secondary-nav a.active{
  color:var(--sadaa-primary,#493059);
  background:var(--sadaa-primary-soft,#f4f0f6);
  font-weight:500;
}

.sadaa-auth-secondary-nav .secondary-nav .nav-separator{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 2px;
  color:var(--sadaa-line-2,#cfc5d3);
  font-size:13px;
  font-weight:400;
  user-select:none;
  pointer-events:none;
}

.sadaa-auth-secondary-nav .secondary-nav a.home-link{
  width:34px;
  min-width:34px;
  padding:0;
  color:var(--sadaa-primary,#493059);
  font-size:14px;
}

.sadaa-auth-secondary-nav .secondary-nav a.home-link i{
  line-height:1;
}

/* داخل لوحة المدير يبقى موضعه الحالي داخل مساحة المحتوى. */
.dashboard-page-nav .sadaa-auth-secondary-nav{
  width:100%;
  margin:0;
}

@media (max-width:1100px){
  .sadaa-auth-secondary-nav{
    width:calc(100% - 24px);
    margin:12px auto 14px;
    padding:9px 10px;
    border-radius:11px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }

  .sadaa-auth-secondary-nav::before{
    inset-inline-start:16px;
    width:58px;
  }

  .sadaa-auth-secondary-nav .secondary-nav{
    width:max-content;
    min-width:100%;
    flex-wrap:nowrap;
  }

  .sadaa-auth-secondary-nav .secondary-nav a{
    min-height:32px;
    padding:0 9px;
    font-size:12.5px;
  }

  .sadaa-auth-secondary-nav .secondary-nav .nav-separator{
    font-size:11px;
  }
}

@media (max-width:480px){
  .sadaa-auth-secondary-nav{
    width:calc(100% - 18px);
    margin:10px auto 12px;
    padding:8px 7px;
    border-radius:10px;
  }

  .sadaa-auth-secondary-nav .secondary-nav a{
    min-height:31px;
    padding-inline:8px;
    font-size:12px;
  }
}


/* =========================================================
   Auth secondary nav — legacy style conflict firewall
   2026-10-05
   بعض الصفحات تحمل navbar-style.php بعد هذا الملف، وفيه قواعد عامة
   لـ .secondary-nav-wrapper و .secondary-nav قد تعيد لون الخلفية
   من قاعدة البيانات (وقد يكون أسود). هذا النطاق يعزل الشريط المصادق
   عليه عن تلك القواعد العامة ويحافظ على نفس مظهره في كل الصفحات.
   ========================================================= */
html body .secondary-nav-wrapper.sadaa-auth-secondary-nav{
  position:relative !important;
  display:block !important;
  width:min(calc(100% - 32px),1450px) !important;
  height:auto !important;
  margin:16px auto 18px !important;
  padding:10px 14px !important;

  background:#fff !important;
  background-color:#fff !important;

  border:1px solid #e6dde9 !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(31,22,36,.04) !important;

  text-align:initial !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav > .container{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:0 !important;

  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  direction:rtl !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:34px !important;
  margin:0 !important;
  padding:0 12px !important;

  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:7px !important;

  color:#5f768a !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a:hover,
html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a.active{
  background:#f4f0f6 !important;
  background-color:#f4f0f6 !important;
  color:#493059 !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a.active{
  font-weight:500 !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav .nav-separator{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 2px !important;
  background:transparent !important;
  color:#cfc5d3 !important;
  font-size:13px !important;
  font-weight:400 !important;
}

html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a.home-link{
  width:34px !important;
  min-width:34px !important;
  padding:0 !important;
  color:#493059 !important;
  background:transparent !important;
}

html body .dashboard-page-nav .secondary-nav-wrapper.sadaa-auth-secondary-nav{
  width:100% !important;
  margin:0 !important;
}

@media (max-width:1100px){
  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav{
    width:calc(100% - 24px) !important;
    margin:12px auto 14px !important;
    padding:9px 10px !important;
    border-radius:11px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }

  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav{
    width:max-content !important;
    min-width:100% !important;
    flex-wrap:nowrap !important;
  }

  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a{
    min-height:32px !important;
    padding:0 9px !important;
    font-size:12.5px !important;
  }
}

@media (max-width:480px){
  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav{
    width:calc(100% - 18px) !important;
    margin:10px auto 12px !important;
    padding:8px 7px !important;
    border-radius:10px !important;
  }

  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav .secondary-nav a{
    min-height:31px !important;
    padding-inline:8px !important;
    font-size:12px !important;
  }
}

/* =========================================================
   Auth secondary nav — dashboard placement & responsive scope
   2026-10-05
   - Hidden on phones and 768-class tablets.
   - Visible from 992px upward (includes 1024, 1440 and desktop).
   - Admin/member dashboard nav uses exactly the same horizontal
     content axis as the hero below it.
   ========================================================= */
@media (max-width:991px){
  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav,
  html body .dashboard-page-nav,
  html body .member-dashboard-page-nav{
    display:none !important;
  }
}

@media (min-width:992px){
  html body .secondary-nav-wrapper.sadaa-auth-secondary-nav{
    display:block !important;
  }

  html body .dashboard-page-nav,
  html body .member-dashboard-page-nav{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 14px !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  html body .dashboard-page-nav > .secondary-nav-wrapper.sadaa-auth-secondary-nav,
  html body .member-dashboard-page-nav > .secondary-nav-wrapper.sadaa-auth-secondary-nav{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  html body .dashboard-page-nav > .secondary-nav-wrapper.sadaa-auth-secondary-nav > .container,
  html body .member-dashboard-page-nav > .secondary-nav-wrapper.sadaa-auth-secondary-nav > .container,
  html body .dashboard-page-nav .secondary-nav,
  html body .member-dashboard-page-nav .secondary-nav{
    width:100% !important;
    max-width:none !important;
    margin-inline:0 !important;
    box-sizing:border-box !important;
  }

  /* لا نسمح بأي إزاحة متوارثة داخل مساحة لوحة العضو. */
  html body .dashboard-wrapper.member-dashboard-wrapper
  > .content-area.member-form-shell
  > .member-dashboard-page-nav{
    margin-inline:0 !important;
    padding-inline:0 !important;
    transform:none !important;
    inset-inline:auto !important;
  }
}