/*
/* logo text */
/* ===== LOGO IMAGE CIRCLE ===== */
.brand-logo{
  width:55px;
  height:55px;
  object-fit:cover;
  border-radius:50%;
  border:2px solid #3b82f6;   /* subtle blue border */
}

/* ===== TEXT WRAPPER ===== */
.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

/* ===== Qandil===== */
.brand-main{
  font-size:22px;
  font-weight:700;
  color:#ffffff;
  letter-spacing:1px;
}

/* ===== TRANSTRADE ===== */
.brand-sub{
  font-size:12px;
  color:#cbd5e1;
  letter-spacing:2px;
  margin-top:3px;
}



/* ================= NAVBAR BASE ================= */

.navbar{
    background:transparent;
  padding:15px 0;
  transition:all 0.4s ease;
  z-index:1100;
  
}

/* NAV LINKS */

.nav-link{
  font-weight:500;
  color:#ffffff !important;
  padding:8px 0;
  transition:color 0.3s ease;
}


.nav-link:hover{
  color:#2563eb !important;
}
.nav-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:#2563eb;
  transition:width 0.3s ease;
}




/* ================= SCROLL BLUE GLASS EFFECT ================= */

.navbar.scrolled{
background:rgba(10,30,60,.85);
backdrop-filter:blur(10px);
}


/* ================= TOGGLER FIX ================= */


.navbar-brand{
position:relative;
z-index:1001;
}

.navbar-toggler{
position:relative;
z-index:1001;
}


.navbar-toggler:focus{
  box-shadow:none;
}

/* hamburger icon white */

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.menu-close{
display:none;
}

/* ===== MOBILE MENU FIX ===== */

@media (max-width:991px){

.navbar-collapse{
  background:#0f172a;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  padding:30px;
  z-index:1050;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.navbar-collapse.show{
  transform: translateY(0);
}




/* menu spacing */
.navbar-nav{
margin-top:90px;
width:100%;
align-items:flex-start !important;
}

/* items full width */
.navbar-nav .nav-item{
width:100%;
}

/* links */
.navbar-nav .nav-link{
width:100%;
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,0.15);
color:#cbd5e1 !important;
font-size:18px;
}

/* button */
.navbar-nav .btn-gradient{
width:100%;
margin-top:25px;
text-align:center;
}

/* close icon */

.menu-close{
display:block;
position:absolute;
top:20px;
right:20px;
font-size:28px;
background:none;
border:none;
color:white;
}

}


/* ================= BUTTON ================= */

.btn-gradient{
  background: linear-gradient(135deg,#2563eb,#1e40af);
  color:#fff;
  padding:10px 24px;
  border-radius:8px;
  font-weight:600;
  border:none;
  transition:all 0.4s ease;
  box-shadow:0 4px 15px rgba(37,99,235,0.3);
}

.btn-gradient:hover{
  background: linear-gradient(135deg,#1e40af,#2563eb);
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(37,99,235,0.4);
  color:#fff;
}