/* EXACT COLORS FROM INDEX.HTML */
:root {
  /* Exact navy colors from index */
  --nav-bg: rgba(30, 41, 59, 0.95);  /* Exact from index */
  --nav-text: white;
  --nav-text-opacity: 0.9;
  --nav-text-hover-opacity: 1;
  --hero-gradient-start: #1e293b;
  --hero-gradient-end: #334155;
  --footer-bg: #0f172a;  /* Exact footer color */
  --primary-blue: #2563eb;
  --primary-blue-hover: #1d4ed8;
  --brand-orange: #ff6600;  /* For hard hat icon */
}

/* Fix navbar - exact match to index */
.navbar {
  background: var(--nav-bg) !important;
  backdrop-filter: blur(10px) !important;
  border: none !important;
}

/* Fix logo/brand */
.navbar-brand {
  color: white !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.navbar-brand i {
  color: var(--brand-orange) !important;  /* Orange hard hat */
}

/* Fix nav links - NO YELLOW, just opacity change like index */
.navbar-nav .nav-link {
  color: white !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
  background: transparent !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: white !important;  /* Stay white */
  opacity: 1 !important;    /* Just increase opacity */
  background: transparent !important;  /* No background color */
}

/* Remove ALL yellow states */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:active {
  color: white !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* FIX DROPDOWN - Dark like navbar, NOT transparent */
.dropdown-menu {
  background: #1e293b !important;  /* Solid color, no transparency */
  opacity: 1 !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3) !important;
  backdrop-filter: none !important;
}

/* Fix dropdown items for good contrast */
.dropdown-item {
  color: white !important;
  opacity: 0.9 !important;
  background: transparent !important;
  padding: 0.75rem 1.5rem !important;
  transition: all 0.2s ease !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: white !important;
  opacity: 1 !important;
  background: #334155 !important;  /* Slightly lighter background on hover */
}

/* Fix dropdown dividers */
.dropdown-divider {
  border-color: #475569 !important;
  opacity: 0.5 !important;
}

/* Special styling for logout */
.dropdown-item.text-danger {
  color: #ef4444 !important;
}

.dropdown-item.text-danger:hover {
  color: #dc2626 !important;
  background: rgba(239, 68, 68, 0.1) !important;
}

/* Fix footer - EXACT color from index */
.footer {
  background: var(--footer-bg) !important;  /* #0f172a from index */
  color: white !important;
  padding: 3rem 2rem !important;
  text-align: center !important;
}

.footer-links {
  margin: 2rem 0 !important;
}

.footer-links a {
  color: white !important;
  text-decoration: none !important;
  margin: 0 1rem !important;
  opacity: 0.8 !important;
  transition: opacity 0.2s ease !important;
}

.footer-links a:hover {
  opacity: 1 !important;
  color: white !important;
}

/* Remove all custom yellow colors from inline styles */
[style*="ffcc00" i],
[style*="construction-yellow" i] {
  color: white !important;
}

/* Override inline hover styles */
[onmouseover*="color='white'" i],
[onmouseout*="color='rgba(255,255,255,0.5)'" i] {
  opacity: 0.8 !important;
}

[onmouseover*="color='white'" i]:hover,
[onmouseout*="color='rgba(255,255,255,0.5)'" i]:hover {
  opacity: 1 !important;
}

/* Ensure no see-through elements */
.navbar,
.navbar-collapse,
.dropdown-menu,
.dropdown-menu.show,
.footer {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove any background transparency from dropdowns */
.dropdown-menu,
.dropdown-menu.show {
  background-color: #1e293b !important;
  background: #1e293b !important;
}