/* ========= NRT Font (Base) ========= */
@font-face{
  font-family: 'NRT';
  src:
    url('../fonts/NRT-Bd.woff2') format('woff2'),
    url('../fonts/NRT-Bd.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html, body{
  font-family: 'NRT', system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 700;
}

/* ========= ULTRA NAV (داخل السلايدر) ========= */
.ultra-nav-wrap{
  position: fixed;
  top: 14px;
  left: 0;
  right: 0;
  z-index: 1050;
  pointer-events: none;
}

/* ✅ ملاحظة: overflow: visible حتى الدروبداون يطلع */
.ultra-nav{
  pointer-events: auto;
  position: relative;
  overflow: visible;

  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 55px rgba(0,0,0,.28);
  padding: 10px 14px;
  color: #fff;
}

/* ✅ خلفية المنيو = صورة السلايد النشط (من JS) */
.ultra-nav::before{
  content:"";
  position:absolute;
  inset:-30px;
  background-image: var(--heroImg);
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  transform: scale(1.1);
  opacity: .95;
  z-index: 0;
  border-radius: 18px;
}

.ultra-nav::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  z-index: 1;
  border-radius: 18px;
}

/* ✅ محتوى المنيو فوق */
.ultra-nav > *{
  position: relative;
  z-index: 2;
}

.ultra-nav.is-scrolled::after{
  background: rgba(0,0,0,.62);
}

/* Brand */
.ultra-brand{
  color:#fff !important;
  font-weight: 700;
  letter-spacing: .3px;
}

/* Links */
.ultra-nav .nav-link{
  color: rgba(255,255,255,.92) !important;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 999px;
  transition: .2s ease;
  position: relative;
  font-size:14PX;
}
.ultra-nav .nav-link:hover,
.ultra-nav .nav-link:focus{
  background: rgba(255,255,255,.10);
}

/* Underline ناعم */
.ultra-nav .nav-link::after{
  content:"";
  position:absolute;
  left:14px; right:14px;
  bottom:6px;
  height:2px;
  background: rgba(255,255,255,.65);
  transform: scaleX(0);
  transform-origin: right;
  transition: .2s ease;
  border-radius: 99px;
}
.ultra-nav .nav-link:hover::after{
  transform: scaleX(1);
}

/* Dropdown */
.ultra-nav .dropdown-menu{
  border-radius: 16px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.20);
  overflow: hidden;
  z-index: 30000 !important;
}
/* مسافت ليست  */
.ultra-nav .dropdown-item{
  border-radius: 8px;
  padding: 3px 3px;
  font-weight: 700;
}

.ultra-nav .dropdown-item:hover{
  background: rgba(13,110,253,.10);
}

.dd-scroll{
  max-height: 800px;
  overflow: auto;
}

/* Scrollbar لطيف */
.dd-scroll::-webkit-scrollbar{ width: 8px; }
.dd-scroll::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.25);
  border-radius: 99px;
}

/* Search */
.ultra-search{
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius: 999px;
}
.ultra-search::placeholder{ color: rgba(255,255,255,.7); }

.ultra-btn{
  border-radius: 999px;
  font-weight: 700;
  padding-inline: 16px;
}

/* Toggler */
.ultra-nav .navbar-toggler{ border: 0 !important; }
.ultra-nav .navbar-toggler:focus{ box-shadow: none !important; }

/* Mobile */
@media (max-width: 576px){
  .ultra-nav-wrap{ top: 10px; }
  .ultra-nav{ border-radius: 16px; padding: 9px 12px; }
  .ultra-nav::before, .ultra-nav::after{ border-radius: 16px; }
  .ultra-nav .nav-link{ padding: 9px 12px; }
}
/* ================== FIX LAYOUT ================== */

/* السايدبار (يمين) */
#sideAcc{
  position: sticky;   /* يبقى ثابت أثناء النزول */
  top: 90px;          /* عدل حسب ارتفاع الهيدر */
  z-index: 20;
}

/* عمود السايدبار */
.col-lg-4,
.col-md-4,
.sidebar{
  position: relative;
  z-index: 20;
}

/* المحتوى الرئيسي (سجل المعلومات) */
.col-lg-8,
.col-md-8,
.main-content,
.page-content,
.record,
.info-box{
  position: relative;
  z-index: 1;
}

/* منع السايدبار يغطي المحتوى */
.row{
  align-items: flex-start;
}

/* حل نهائي لتداخل الزجاج */
#sideAcc{
  isolation: isolate;
}
/* ===== Fix: main لا ينزل تحت sidebar (Desktop) ===== */
@media (min-width: 992px){
  .container.my-3 > .row.g-3{
    display:flex !important;
    flex-wrap: nowrap !important;   /* أهم سطر */
    align-items: flex-start !important;
  }

  .container.my-3 > .row.g-3 > aside.col-lg-3{
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  .container.my-3 > .row.g-3 > main.col-lg-9{
    flex: 0 0 75% !important;
    max-width: 75% !important;
    min-width: 0; /* يمنع كسر التخطيط بسبب محتوى طويل */
  }
}


/* Spacer helper (use <div class="ultra-nav-spacer"></div> if needed) */
.ultra-nav-spacer{height:86px}
/* لوغو صغير داخل Navbar */
.brand-logo{
  width:32px;
  height:32px;
  object-fit:contain;
}

/* نص گومرك */
.brand-text{
  font-size:18px;
  font-weight:900;
  color:#fff; /* غيّر اللون إذا navbar مو غامق */
  line-height:1;
}

/* موبايل: تصغير شوي */
@media (max-width: 576px){
  .brand-logo{width:28px;height:28px;}
  .brand-text{font-size:16px;}
}