#navbar {
  background: rgba(3, 7, 18, 0.97) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#navbar.scrolled {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5),
              0 1px 4px rgba(0, 0, 0, 0.4) !important;
  border-bottom-color: transparent !important;
}

/* --- Logo: target actual structure --- */
#navbar a[href="/"] img,
#navbar a[href="/en"] img,
#navbar a[href="/en/"] img,
#navbar a[href="/ka"] img,
#navbar a[href="/ka/"] img,
#navbar > div > div > div:first-child img {
  filter: brightness(0) invert(0.68) !important;
}

/* --- Inner container background (if any) --- */
#navbar > div,
#navbar > nav,
#navbar .container,
#navbar [class*="container"],
#navbar [class*="wrapper"] {
  background: transparent !important;
}


/* ==============================================
   DESKTOP — Top-level links
   ============================================== */
#desktopNav > ul > li > a {
  color: #9ca3af !important;
}

#desktopNav > ul > li > a:hover {
  color: #60a5fa !important;
  background-color: rgba(96, 165, 250, 0.08) !important;
}

/* Active state */
#desktopNav > ul > li.active > a,
#desktopNav > ul > li > a.active {
  color: #f3f4f6 !important;
  background: linear-gradient(145deg, #111827, #1f2937) !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Chevron */
#desktopNav .nav-chevron,
#desktopNav .nav-chevron svg {
  color: #6b7280 !important;
}


/* ==============================================
   DESKTOP — Dropdown Panel
   ============================================== */
#desktopNav > ul > li > ul {
  background: rgba(17, 24, 39, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.45),
    0 4px 12px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Dropdown links */
#desktopNav > ul > li > ul > li > a {
  color: #b0b8c4 !important;
}

#desktopNav > ul > li > ul > li > a:hover {
  background: rgba(96, 165, 250, 0.1) !important;
  color: #60a5fa !important;
}

/* Dropdown title & subtitle */
#desktopNav > ul > li > ul > li > a .dd-title {
  color: #d1d5db !important;
}
#desktopNav > ul > li > ul > li > a .dd-sub {
  color: #6b7280 !important;
}
#desktopNav > ul > li > ul > li > a:hover .dd-title {
  color: #60a5fa !important;
}
#desktopNav > ul > li > ul > li > a:hover .dd-sub {
  color: #93c5fd !important;
}

/* Dropdown separator */
#desktopNav > ul > li > ul > li:not(:last-child)::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06), transparent) !important;
}


/* ==============================================
   MOBILE NAV
   ============================================== */
#mobileNav,
#navbar .mobile-menu,
#navbar [class*="mobile"],
#navbar [class*="Mobile"] {
  background: #030712 !important;
}

#mobileNav > ul > li > a {
  color: #9ca3af !important;
}
#mobileNav > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Active */
#mobileNav > ul > li.active > a,
#mobileNav > ul > li > a.active {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f3f4f6 !important;
}

/* Mobile chevron */
#mobileNav .nav-chevron,
#mobileNav .nav-chevron svg {
  color: #6b7280 !important;
}

/* Mobile sub-menu */
#mobileNav > ul > li > ul {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}
#mobileNav > ul > li > ul > li > a {
  color: #6b7280 !important;
}
#mobileNav > ul > li > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #60a5fa !important;
}

/* Hamburger / toggle icon */
#navbar button svg,
#navbar [class*="toggle"] svg,
#navbar [class*="hamburger"] svg {
  color: #d1d5db !important;
}


/* ==============================================
   CTA BUTTON
   ============================================== */
#navbar .cta-btn,
#navbar [class*="cta"],
#navbar a.btn-primary {
  background: #2563eb !important;
  color: #ffffff !important;
  border: 1px solid rgba(96, 165, 250, 0.25) !important;
}
#navbar .cta-btn:hover,
#navbar [class*="cta"]:hover,
#navbar a.btn-primary:hover {
  background: #3b82f6 !important;
}


/* ==============================================
   "ჩემი გვერდი" BUTTON (desktop + mobile)
   ============================================== */
#ctaBtn,
#ctaBtnMobile {
  background: transparent !important;
  color: #9ca3af !important;
  border: 1px solid rgba(156, 163, 175, 0.25) !important;
  box-shadow: none !important;
}
#ctaBtn:hover,
#ctaBtnMobile:hover {
  background: rgba(156, 163, 175, 0.08) !important;
  color: #d1d5db !important;
  border-color: rgba(156, 163, 175, 0.35) !important;
}
#ctaBtn svg,
#ctaBtnMobile svg {
  color: #9ca3af !important;
}

/* ==============================================
   LANGUAGE SELECTOR
   ============================================== */
#langSwitcher button {
  color: #9ca3af !important;
  background: transparent !important;
}
#langSwitcher button:hover {
  background: rgba(156, 163, 175, 0.08) !important;
}
#langSwitcher button svg {
  color: #9ca3af !important;
}
#langSwitcher #langLabel {
  color: #9ca3af !important;
}

/* Language dropdown panel */
#langDropdownPanel {
  background: rgba(17, 24, 39, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}
#langDropdownPanel p {
  color: #6b7280 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}
#langDropdownPanel a {
  color: #9ca3af !important;
}
#langDropdownPanel a:hover {
  background: rgba(96, 165, 250, 0.08) !important;
  color: #d1d5db !important;
}
#langDropdownPanel a span {
  color: inherit !important;
}
/* Keep flag images natural */
#langDropdownPanel img,
#langSwitcher img {
  filter: none !important;
}

/* Mobile language section */
#mobileMenu .border-t {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}
#mobileMenu h3 {
  color: #6b7280 !important;
}
#mobileMenu .grid a {
  color: #9ca3af !important;
  background: transparent !important;
}
#mobileMenu .grid a:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #d1d5db !important;
}
/* Keep mobile flag images natural */
#mobileMenu .grid img {
  filter: none !important;
}


/* ██████████████████████████████████████████████
   FOOTER
   ██████████████████████████████████████████████ */

/* --- Background override (kills inline gradient) --- */
footer,
footer.border-t {
  background: linear-gradient(to top, #030712, #0a0f1a 70%) !important;
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* --- Column headings --- */
footer h3,
footer .footer-col h3 {
  color: #e5e7eb !important;
}

/* --- All footer links --- */
footer a,
footer ul a,
footer .footer-panel a {
  color: #6b7280 !important;
}
footer a:hover,
footer ul a:hover,
footer .footer-panel a:hover {
  color: #ffffff !important;
}

/* "All documents" bold link */
footer a.font-medium,
footer a.text-gray-900 {
  color: #9ca3af !important;
}
footer a.font-medium:hover {
  color: #ffffff !important;
}

/* --- Accordion chevrons (mobile) --- */
footer .footer-chevron {
  color: #4b5563 !important;
}

/* --- Column dividers (mobile) --- */
footer .footer-col,
footer .border-b {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

/* --- Social icons --- */
footer .text-gray-400 {
  color: #4b5563 !important;
}
footer .text-gray-400:hover {
  color: #ffffff !important;
}

/* --- Bottom bar / copyright --- */
footer .border-t {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}
footer .text-gray-500,
footer span.text-gray-500 {
  color: #4b5563 !important;
}