/****************  RESET الأساسيات  ****************/
.navbar-nav .nav-link,
.navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .show>.nav-link{
  background:transparent!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
  border:none!important;
}
.navbar-nav .nav-link:hover{color:#e8e8e8!important}
.navbar-nav .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus{text-decoration:none!important}
.divider-vertical{display:none!important}

/****************  HEADER  ****************/
.navbar{
  background:linear-gradient(90deg,#006837 0%,#009c50 100%);
  padding:.75rem 1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  border:none!important;
}
.navbar-header img{max-height:56px;width:auto}

/****************  LINKS  ****************/
.navbar-nav{display:flex;align-items:center;gap:22px;margin:0}
.navbar-nav .nav-link{
  position:relative;
  padding:.75rem 1rem;
  font-size:1.05rem;font-weight:500;
  transition:color .25s;
}
/* خط سفلي متحرك */
.navbar-nav .nav-link::after{
  content:"";
  position:absolute;left:0;right:0;bottom:6px;margin:auto;
  width:0;height:2px;
  background:#fff;opacity:.9;
  transition:width .25s;
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link[aria-current="page"]::after{width:60%}

/****************  SEARCH  ****************/
#search,.dropdown-search-inline,.dropdown-menu.dropdown-search{display:none!important}

/****************  USER DROPDOWN  ****************/
.username{color:#fff;font-weight:500;padding:.75rem 0}
.dropdown-menu{
  background:#fff!important;border:none!important;border-radius:8px!important;
  box-shadow:0 8px 16px rgba(0,0,0,.18)!important;padding:.5rem 0!important;
}
.dropdown-item{color:#333!important;padding:10px 20px!important;font-size:.95rem}
.dropdown-item:hover{background:#f3f3f3!important;color:#000!important}
.dropdown-divider{margin:0;border-top:1px solid #eee}

/****************  ACCOUNT / PROFILE / REGISTER CARDS  ****************/
.account-container,#registration,#profile{
  max-width:860px;margin:2.5rem auto;background:#fff;border-radius:12px;
  padding:2rem 2.5rem;box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.account-container h2,#registration h2,#profile h2{
  font-size:1.45rem;font-weight:600;color:#006837;margin-bottom:1.25rem;
}
.account-container .form-group label,
#registration label,#profile label{font-weight:500}
.account-container .form-control,
#registration .form-control,#profile .form-control{
  border-radius:8px;border:1px solid #c9c9c9;padding:.65rem 1rem;font-size:.95rem;
}
.account-container .form-control:focus{
  border-color:#009c50;box-shadow:0 0 0 .17rem rgba(0,156,80,.25);
}
.btn-primary,button[type="submit"].btn{
  background:#006837;border:none;padding:.6rem 1.9rem;font-weight:600;border-radius:8px;
}
.btn-primary:hover{background:#009c50}
.btn-outline-primary{
  color:#006837;border:2px solid #006837;padding:.55rem 1.8rem;border-radius:8px;
}
.btn-outline-primary:hover{background:#006837;color:#fff}
a[id*="Microsoft"],.btn-social{
  background:#006837!important;border:none!important;font-weight:600!important;border-radius:8px!important;
}
a[id*="Microsoft"]:hover{background:#009c50!important}
.nav-tabs .nav-link{
  color:#006837;font-weight:500;border:none;border-bottom:3px solid transparent;
}
.nav-tabs .nav-link.active{border-bottom-color:#006837;font-weight:600}

/****************  MOBILE ≤ 768 px  ****************/
@media (max-width:768px){
  .row>[class*="col"]:not(:last-child){margin-bottom:2rem}
  .account-container,#registration,#profile{padding:1.6rem 1.2rem}
  .account-container .form-control,
  #registration .form-control,#profile .form-control{width:100%}
}

/****************  DRAWER ≤ 1200 px  ****************/
@media (max-width:1200px){
  .navbar-toggler{padding:.45rem .6rem;border:none!important;background:transparent!important}
  .navbar-toggler-icon{
    width:26px;height:26px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='white' stroke-width='2' viewBox='0 0 30 30'%3E%3Cpath d='M4 6h22M4 15h22M4 24h22'/%3E%3C/svg%3E");
  }

  .navbar-collapse{
    position:fixed;top:56px;right:0;width:300px;max-width:85vw;
    height:calc(100vh - 56px);background:#004d26;
    box-shadow:-6px 0 16px rgba(0,0,0,.18);
    padding:2rem 1.25rem;overflow-y:auto;scrollbar-width:none;
    transform:translateX(100%);transition:transform .35s ease;
    z-index:1060;border-top-left-radius:12px;
  }
  .navbar-collapse::-webkit-scrollbar{display:none}
  .navbar-collapse.show{transform:translateX(0)}

  body.menu-open{overflow:hidden}
  body.menu-open::before{
    content:"";position:fixed;top:56px;left:0;right:0;bottom:0;
    background:rgba(0,0,0,.5);z-index:1055;
  }

  .navbar-nav{flex-direction:column!important;align-items:flex-start;gap:22px}
  .navbar-nav .nav-link{
    width:100%;padding:.55rem .25rem;font-size:1.1rem;
    color:#fff!important;border-radius:8px;transition:background .2s,transform .2s;
  }
  .navbar-nav .nav-link:hover{background:rgba(255,255,255,.1);transform:translateX(-4px)}
  .navbar-nav .nav-link::after{display:none}

  .dropdown-menu{
    position:static!important;background:transparent!important;
    border:none!important;box-shadow:none!important;width:100%!important;padding:0;margin:0
  }
  .dropdown-item{color:#fff!important;padding:.65rem 2.3rem}
  .dropdown-item:hover{background:rgba(255,255,255,.12)!important}
}