/* ============================================
   HEADER.CSS - Notification Bar & Navigation
   ============================================ */

/* Notification Bar */
#header_notiftication {
  background-color: #030F3F;
  padding: 10px 0;
}
.header_notiftication {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.header_notiftication p {
  font-size: 0.875rem;
  color: #fff;
}
.header_notiftication a {
  background: #dc3545;
  color: #fff !important;
  padding: 3px 12px;
  border-radius: 4px;
  margin-left: 10px;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}
.header_notiftication a:hover {
  background: #c82333;
}

/* Main Header */
.header {
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 0;
  z-index: 999;
  padding: 10px 0;
}

/* Navbar */
.header .navbar {
  padding: 0;
  gap: 10px;
}
.header .company-logo img {
  height: 48px;
  width: auto;
  object-fit: contain;
}
.header .navbar-nav .nav-link {
  font-size: 0.92rem;
  font-weight: 500;
  color: #1a1a2e;
  padding: 8px 14px;
  transition: color 0.2s;
}
.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link.active {
  color: #FF6D12;
}

/* Dropdown Menu */
.header .dropdown-menu {
  border: none;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 8px 0;
  min-width: 200px;
}
.header .dropdown-item {
  font-size: 0.88rem;
  font-weight: 500;
  padding: 9px 18px;
  color: #333;
  transition: background 0.2s;
}
.header .dropdown-item:hover {
  background: #fff3eb;
  color: #FF6D12;
}

/* Login / CTA Button */
.Login-btn-sec {
  flex-shrink: 0;
}
.Login-btn {
  background: linear-gradient(135deg, #FF6D12, #f74000);
  color: #fff;
  border: none;
  padding: 10px 22px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
  white-space: nowrap;
}
.Login-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* Mobile toggler */
.header .navbar-toggler {
  border: 1.5px solid #FF6D12;
  border-radius: 6px;
  padding: 4px 8px;
}
.header .navbar-toggler-icon {
  filter: invert(55%) sepia(80%) saturate(600%) hue-rotate(355deg);
}

@media (max-width: 991px) {
  .header .navbar-collapse {
    padding: 12px 0;
    border-top: 1px solid #f0f0f0;
    margin-top: 10px;
  }
  .Login-btn-sec {
    margin-top: 10px;
  }
}