/* Base */
body {
  font-family: 'Segoe UI', Arial, sans-serif;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Navbar */
.navbar {
  background: #1b2a49;
  padding: .7rem 1rem;
}
.navbar .nav-link,
.navbar .navbar-brand {
  color: #fff !important;
  font-weight: 500;
}
.navbar .nav-item.dropdown:hover > .dropdown-menu,
.navbar .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
}
.navbar .nav-item.dropdown:hover > .nav-link,
.navbar .nav-item.dropdown.show > .nav-link {
  color: #66c0f4 !important;
}
.navbar .dropdown-menu {
  background: #1b2a49;
  border: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 16px rgba(0,0,0,.2);
}
.navbar .dropdown-item {
  color: #fff;
  font-weight: 500;
  transition: .3s;
}
.navbar .dropdown-item:hover {
  background: #66c0f4;
  color: #1b2a49;
}

/* Buttons */
.btn-theme,
.btn-accent,
.search-wrapper button {
  font-weight: 600;
  border: none;
  border-radius: 6px;
  transition: all .3s ease;
}

/* Improved Theme Button */
.btn-theme {
  background: #1b2a49;
  color: #fff;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  transition: all 0.3s ease;
}
.btn-theme:hover {
  background: #274472; /* slightly lighter navy */
	color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

.list-group-item .btn-theme {
  background: #1b2a49 !important;
  color: #fff !important;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
  transition: all 0.3s ease;
}

.list-group-item .btn-theme:hover {
  background: #274472 !important; /* slightly lighter navy */
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}


/* Improved Accent Button */
.btn-accent {
  background: #66c0f4;
  color: #1b2a49;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
  transition: all 0.3s ease;
}
.btn-accent:hover {
  background: #4aa0d8; /* deeper ferozi */
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
}


/* Hero Section */
.hero-section {
  text-align: center;
  padding: 5rem 1rem 3rem;
  background: linear-gradient(135deg,#1b2a49,#274472);
  color: #fff;
}

/* Hero Tags */
.hero__categories__tags { text-align: center; margin-top: 2rem; }
.hero__categories__tags li { list-style: none; display: inline-block; margin: 2px; }
.hero__categories__tags li a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  background: #1b2a49;
  border: 1px solid #274472; 
  padding: 10px 20px;
  border-radius: 8px;
  display: inline-block;
  transition: all .3s ease;
}
.hero__categories__tags li a i { margin-right: 2px; color: #66c0f4; }
.hero__categories__tags li a:hover {
  background: #66c0f4; color: #1b2a49; border-color: #66c0f4;
}
.hero__categories__tags li a:hover i { color: #1b2a49; }

/* Search Input */
.search-wrapper input {
  height: 55px;
  font-size: 1rem;
  border-radius: 8px 0 0 8px;
  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.search-wrapper button {
  height: 55px;
  font-size: 1rem;
  background: #66c0f4;
  color: #1b2a49;
}
.search-wrapper button:hover { background: #4aa0d8; color: #fff; }

/* Hover Effects */
.hover-lift,
.hover-shadow {
  transition: all .3s ease;
  cursor: pointer;
}
.hover-lift:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 12px 25px rgba(0,0,0,.15);
}
.hover-shadow:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,.15) !important;
}

/* Stats Box */
.stat-box {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Dark Table */
.dark-table {
  background: #0d1b2a;
  color: #f8f9fa;
  border-collapse: collapse;
}
.dark-table th, .dark-table td {
  border: 1px solid #1b263b;
  padding: 8px 12px;
}
.dark-table th { background: #1b263b; }
.dark-table a { color: #f8f9fa; text-decoration: none; }
.dark-table a:hover { color: #66c0f4; }

/* Search Suggestions */
highlight {
  background: #66c0f4;
  color: #000;
  padding: 0 2px;
  border-radius: 2px;
}
#suggest-box {
  max-height: 250px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  background: #fff;
  position: absolute;
  top: 100%; left: 0; right: 0;
  display: none;
  z-index: 9999;
  box-shadow: 0 4px 8px rgba(0,0,0,.1);
  text-align: left;
}
#suggest-box .list-group-item {
  padding: .5rem .75rem;
  cursor: pointer;
  white-space: normal;
}
#suggest-box .title { font-weight: 500; display: inline-block; }
#suggest-box .badge { margin-left: .5rem; }
#suggest-box .author {
  font-size: .85rem;
  color: #6c757d;
  margin-top: 2px;
  display: block;
}
#suggest-box .list-group-item:hover { background: #f8f9fa; }

/* Breadcrumb */
.breadcrumb-theme .breadcrumb {
  background: #1b2a49;
  margin: 0;
  border-radius: 0;
  padding: .5rem 1rem;
}
.breadcrumb-theme a {
  color: #66c0f4;
  font-weight: 500;
}
.breadcrumb-theme a:hover { color: #4aa0d8; text-decoration: underline; }
.breadcrumb-theme .breadcrumb-item.active { color: #fff; font-weight: 500; }

/* Footer */
.footer a:hover { color: #66c0f4 !important; }

/* Tabs */
.nav-tabs .nav-item { margin-right: 5px; }
.nav-tabs .nav-link {
  padding: .6rem 1.2rem;
  border-radius: 6px 6px 0 0;
  font-weight: 500;
}
.nav-tabs .nav-link.active {
  background: #66c0f4 !important;
  color: #000 !important;
  border-color: #66c0f4 !important;
}
.nav-tabs .nav-link:hover {
  background: #4aa0d8 !important;
  color: #000 !important;
}

/* Background Theme */
.bg-theme { background: #1b2a49 !important; color: #fff !important; }