/* ToolBox Pro - Custom Styles
   ============================================= */

:root {
  --primary: #0d6efd;
  --primary-dark: #0a58ca;
  --success: #198754;
  --warning: #ffc107;
  --info: #0dcaf0;
  --danger: #dc3545;
  --secondary: #6c757d;
  --light: #f8f9fa;
  --dark: #212529;
}

/* Base */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  color: #333;
}

/* Navbar */
.navbar {
  transition: all 0.3s ease;
}

/* Hero Gradient */
.bg-gradient-primary {
  background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
}

/* Hover Effects */
.hover-shadow:hover,
.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important;
  transition: all 0.3s ease;
}

/* Card */
.card {
  border: none;
  transition: all 0.3s ease;
}

.card:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Dark Mode Overrides */
[data-bs-theme="dark"] {
  --bs-body-bg: #121212;
  --bs-body-color: #e0e0e0;
}

[data-bs-theme="dark"] .bg-white {
  background-color: #1e1e1e !important;
}

[data-bs-theme="dark"] .bg-light {
  background-color: #2c2c2c !important;
}

[data-bs-theme="dark"] .text-muted {
  color: #a0a0a0 !important;
}

[data-bs-theme="dark"] .navbar {
  background-color: #1e1e1e !important;
}

[data-bs-theme="dark"] .navbar-light .nav-link {
  color: #e0e0e0 !important;
}

/* Category Icons */
.text-primary { color: var(--primary) !important; }
.text-success  { color: var(--success) !important; }
.text-warning  { color: var(--warning) !important; }
.text-info     { color: var(--info) !important; }
.text-danger   { color: var(--danger) !important; }
.text-secondary{ color: var(--secondary) !important; }

/* Search Results */
.dropdown-item {
  padding: 0.75rem 1.25rem;
}

.dropdown-item:hover {
  background-color: #e9ecef;
}

/* Footer Links */
footer a {
  text-decoration: none;
  transition: color 0.2s;
}

footer a:hover {
  color: var(--primary);
}

/* Responsive */
@media (max-width: 992px) {
  .hero .display-3 {
    font-size: 3rem;
  }
}