/* Data Technology and Services Branding Overrides */

:root {
  --primary-blue: #0b3c5d;
  --emerald-green: #2fae61;
  --accent-teal: #2ec4c6;
  --neutral-dark: #2f3a40;
  --off-white: #f8f9fa;
}

/* Header & Navbar */
.navbar-inverse {
  background-color: var(--primary-blue) !important;
  border-bottom: 2px solid var(--emerald-green) !important;
  min-height: 100px;
}

.navbar-brand {
  height: 100px;
  line-height: 50px;
  padding-top: 35px !important;
  font-size: 20px !important; /* Slightly smaller to fit long name */
  white-space: nowrap;
}

body {
  padding-top: 100px; 
}

.navbar-inverse .navbar-nav > li > a {
  color: var(--off-white) !important;
  background: transparent !important;
  transition: all 0.3s ease;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a {
  color: var(--emerald-green) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Dropdown */
.navbar-nav .dropdown-menu {
  background-color: var(--primary-blue) !important;
  border: 1px solid var(--emerald-green) !important;
}

/* Headings */
h1,
.page-title {
  color: var(--primary-blue) !important;
}

/* Buttons */
.btn-info,
.btn-action,
.btn-primary {
  background-color: var(--emerald-green) !important;
  border-color: var(--emerald-green) !important;
  color: white !important;
}

.btn-info:hover,
.btn-action:hover,
.btn-primary:hover {
  background-color: var(--accent-teal) !important;
  border-color: var(--accent-teal) !important;
}

/* Jumbotron/Highlights */
.jumbotron .fa,
.h-caption .fa {
  color: var(--primary-blue) !important;
}

/* Slider Overrides (Red placeholders) */
.da-slider {
  background: linear-gradient(
    135deg,
    var(--primary-blue) 0%,
    #001a2c 100%
  ) !important;
}

/* Footer Section */
.footer1 {
  background-color: var(--neutral-dark) !important;
}

.footer2 {
  background-color: #000 !important;
}

/* Layout Fixes */
#head {
  min-height: 650px !important; /* Increased from 520px */
}

#head.secondary {
  min-height: 220px !important;
  padding-top: 120px !important;
  background-color: var(--primary-blue) !important;
}

.da-slider {
  height: 500px !important; /* Increased from 420px */
}

.da-slide .da-img {
  width: 40% !important; /* Increased from 30% */
  height: 400px !important; /* Increased from 256px */
}

@media (max-width: 768px) {
  #head {
    padding-top: 200px !important;
  }
  .da-slider h2 {
    font-size: 28px !important;
    white-space: normal !important;
    width: 90% !important;
    left: 5% !important;
  }
  .da-slide p {
    font-size: 14px !important;
    width: 90% !important;
    left: 5% !important;
  }
}

@media (max-width: 480px) {
  .da-slider h2 {
    font-size: 22px !important;
  }
}

/* Global Color Consistency Overrides */
a {
  color: var(--primary-blue);
  transition: all 0.2s ease;
}

a:hover,
a:focus {
  color: var(--emerald-green);
  text-decoration: none;
}

.breadcrumb > .active {
  color: var(--neutral-dark);
}

.breadcrumb a {
  color: var(--emerald-green);
}

.breadcrumb a:hover {
  color: var(--primary-blue);
}

/* Override legacy template red (#FF4242) */
.page-header, 
.section-title,
.primary-color,
.text-danger,
.sidebar a:hover {
  color: var(--primary-blue) !important;
}

.bg-primary,
.btn-action,
.label-primary {
  background-color: var(--emerald-green) !important;
}

/* Sidebar fixes */
.sidebar .panel {
  border-left: 5px solid var(--emerald-green) !important;
}

.sidebar h3 {
  color: var(--primary-blue);
  border-bottom: 2px solid var(--emerald-green);
  padding-bottom: 10px;
  margin-top: 0;
}

/* Breadcrumb styling */
.breadcrumb {
  background-color: var(--off-white) !important;
  border: 1px solid #eee;
  margin-bottom: 30px;
}