/*-----------------------------------
  Brand colors
-----------------------------------*/
:root {
  --bs-primary:       #0d3b66;
  --bs-primary-dark:  #08304f;    /* darker shade for sub-nav */
  --bs-secondary:     #faf0ca;
  --bs-accent:        #00a8e8;
}

/* Global reset & typography */
body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #f8f9fa;
}

/* Navbar */
.navbar {
  background-color: var(--bs-primary) !important;
}

/* HERO */
.hero {
  position: relative;
  background: url('../images/cadillac.png') center/cover no-repeat;
  height: 70vh;
  display: flex;
  align-items: center;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
}
.hero .container {
  position: relative;
}
.hero-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
}
.accent-text {
  color: var(--bs-accent);
}

/* INFO SECTION (three-column panel) */
.info-headings {
  background-color: rgba(13,59,102,0.8);
  padding: 1rem 0;
}
.info-headings h5 {
  margin: 0;
  color: #fff;
  font-weight: 500;
}
.info-content {
  background-color: rgba(13,59,102,0.95);
  padding: 2rem 0;
}
.info-content p {
  color: #fff;
  font-size: .95rem;
  line-height: 1.5;
}
.btn-accent {
  background-color: var(--bs-accent);
  border-color: var(--bs-accent);
  color: #fff;
  margin-top: .75rem;
}
.btn-accent:hover {
  background-color: #0099d4;
  border-color:     #0099d4;
}

/* COMMITMENT SECTION */
.commitment-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-accent);
}
.commitment p {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.commitment h6 {
  font-weight: 600;
  margin-bottom: .5rem;
}
.service-list {
  list-style: disc inside;
  margin: 0 0 1rem 0;
  padding: 0;
}
.more-services {
  color: var(--bs-accent);
  text-decoration: none;
}
.more-services:hover {
  text-decoration: underline;
}

/* SUB-NAV */
.sub-nav {
  background-color: var(--bs-primary-dark);
}
.sub-nav a {
  color: #ccc;
  margin: 0 1rem;
  font-size: .9rem;
  text-decoration: none;
}
.sub-nav a:hover {
  color: #fff;
}

/* Footer */
footer {
  background-color: #f8f9fa;
}
footer small {
  color: #666;
}
footer a {
  color: var(--bs-accent);
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}