/* ============================================================
   LETT OVERRIDES — SAFE BRANDING LAYER
   Applies LETT colors, typography, and card styles
   WITHOUT modifying or breaking Arsha's core CSS.
   ============================================================ */

/* ------------------------------------------------------------
   BRAND COLORS
   ------------------------------------------------------------ */
:root {
  --lett-navy: #06223b;
  --lett-navy-light: #0d3b66;
  --lett-blue: #1E90FF;
  --lett-text-dark: #06223b;
  --lett-text-light: #6c6c6c;
  --lett-surface: #f8f9fa;
}

/* ------------------------------------------------------------
   GLOBAL TEXT + BACKGROUND
   ------------------------------------------------------------ */
body {
  color: var(--lett-text-dark);
}

/* ------------------------------------------------------------
   HEADER + NAVIGATION
   ------------------------------------------------------------ */
#header,
.header {
  background: #ffffff;
}

#header .logo h1,
.header .logo h1 {
  color: var(--lett-navy);
}

#navbar a,
.navmenu a {
  color: var(--lett-navy);
  font-weight: 500;
}

#navbar a:hover,
#navbar .active,
.navmenu a:hover,
.navmenu .active {
  color: var(--lett-blue);
}


#header {
  height: 70px;
  overflow: hidden;
}

#header .logo {
  height: 70px;
  display: flex;
  align-items: center;
}

#header .logo img {
  height: 70px;          /* fill the header height */
  width: auto;
  transform: scale(3.0); /* visually enlarge the logo */
  transform-origin: left center;
}

#header .logo img {
  margin-left: 80px; /* adjust as needed */
}



/* ------------------------------------------------------------
   HERO SECTION
   ------------------------------------------------------------ */
#hero h1,
.hero h1 {
  color: var(--lett-navy);
}

#hero p,
.hero p {
  color: var(--lett-text-light);
}

#hero .btn-get-started,
.hero .btn-get-started {
  background: var(--lett-blue);
  color: #ffffff;
  padding: 12px 32px;
  border-radius: 50px;
  font-weight: 600;
}

#hero .btn-get-started:hover,
.hero .btn-get-started:hover {
  background: #0f6fcc;
}

/* ------------------------------------------------------------
   SECTION TITLES
   ------------------------------------------------------------ */
.section-title h2 {
  color: var(--lett-navy);
  font-weight: 700;
}

/* ------------------------------------------------------------
   LETT CARDS (Core, NAICS, Differentiators, Past Performance)
   ------------------------------------------------------------ */
.lett-card {
  background: var(--lett-surface);
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  height: 100%;
  transition: 0.3s ease;
}

.lett-card:hover {
  transform: translateY(-5px);
}

/* ------------------------------------------------------------
   ABOUT SECTION CHECKMARKS
   ------------------------------------------------------------ */
.about ul i {
  color: var(--lett-blue);
}

/* ------------------------------------------------------------
   CONTACT SECTION
   ------------------------------------------------------------ */
.contact .info,
.contact .info-wrap {
  background: var(--lett-surface);
  border-left: 4px solid var(--lett-blue);
  border-radius: 8px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border: 1px solid rgba(0,0,0,0.15);
  background: #ffffff;
  color: var(--lett-text-dark);
}

.contact .php-email-form button {
  background: var(--lett-blue);
  color: #ffffff;
  padding: 12px 32px;
  border-radius: 50px;
  border: none;
  font-weight: 600;
}

.contact .php-email-form button:hover {
  background: #0f6fcc;
}


/* ------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------ */
.footer {
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,0.05);
}

.footer p {
  color: var(--lett-navy);
}

.footer a {
  color: var(--lett-navy);
  position: relative;
}

.footer a:hover {
  color: var(--lett-blue);
}

.footer a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: var(--lett-blue);
  transition: 0.3s;
}

.footer a:hover::after {
  width: 100%;
}

/* ------------------------------------------------------------
   SCROLL TOP BUTTON
   ------------------------------------------------------------ */
.scroll-top {
  background: var(--lett-blue);
}

.scroll-top i {
  color: #ffffff;
}

/* ===== Soft Federal Gray Background ===== */
body {
  background: #f2f4f7; /* Light federal gray */
}

section {
  background: transparent;
}

.hero {
  background: url("../img/hero-flag.jpg") center center / cover no-repeat;
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* overlay so text stays readable */
}

.hero h1,
.hero h2,
.hero .btn-get-started,
.hero .btn-get-quote {
  position: relative;
  z-index: 2;
  color: #ffffff;
}

.hero h1 {
  color: #c5a24a !important;
}

/* Default hero button styling: white text + gold outline */
#hero .btn-get-started:not(:hover),
#hero .btn-get-quote:not(:hover) {
  color: #ffffff !important;          /* white text */
  border: 2px solid #c5a24a !important; /* gold outline */
}

/* FORCE gold hover fill + white text on hero buttons */
#hero .btn-get-started:hover,
#hero .btn-get-quote:hover,
#hero .btn-get-started:focus,
#hero .btn-get-quote:focus {
  background: #c5a24a !important;   /* gold fill */
  color: #ffffff !important;        /* white text */
  border-color: #c5a24a !important; /* gold border */
}

#hero .btn-get-started,
#hero .btn-get-quote {
  transition: none !important;
}
/* ===== Header Nav Spacing Fix ===== */
.navmenu {
  margin-left: auto;
  padding-left: 40px; /* adjust as needed */
}
#header .container-fluid,
#header .container-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ===== Footer Legal Dropdown ===== */
.footer-legal {
  margin-top: 20px;
}

.footer-legal .legal-title {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px;
}

.footer-legal .legal-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}

.footer-legal .legal-links li {
  margin-bottom: 6px;
}

.footer-legal .legal-links a {
  color: var(--default-color);
  text-decoration: none;
}

.footer-legal .legal-links a:hover {
  color: var(--lett-blue);
}
/* Re-center the contact form with the left column */
#contact .contact-container {
  margin-top: 100px;   /* adjust this number until it looks perfect */
}
#contact .row {
  --bs-gutter-x: 0.75rem;   /* reduces the gap safely */
}

#contact .col-lg-6:last-child {
  margin-left: -60px;       /* fine‑tunes the closeness */
}
/* Base styling for contact rows */
.contact-row {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 12px 10px;
  border-radius: 8px;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

/* Icon styling */
.contact-row i {
  font-size: 22px;
  color: var(--lett-blue);
  transition: color 0.25s ease;
}
/* FINAL DIFFERENTIATORS FIX — HIGH SPECIFICITY */
section#differentiators .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

section#differentiators .col-lg-4,
section#differentiators .col-md-6,
section#differentiators .col-sm-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991px) {
  section#differentiators .col-lg-4,
  section#differentiators .col-md-6,
  section#differentiators .col-sm-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* FINAL CONTACT CARD FIX — HIGH SPECIFICITY */
@media (max-width: 991px) {
  section#contact .col-lg-6,
  section#contact .col-md-6,
  section#contact .col-sm-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
/* FINAL DESKTOP FIX — override template's .about spacing */
@media (min-width: 992px) {
  section#differentiators.about .row,
  section#differentiators .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  section#differentiators.about .col-lg-4,
  section#differentiators .col-lg-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
section.breadcrumbs {
  margin-top: 90px;
}
#header {
  background-color: var(--lett-navy) !important;
}
#navbar a,
.navmenu a {
  color: #ffffff !important;
  font-weight: 500;
}
/* Apply homepage-style hover to ALL clickable links on Privacy + Terms */
.privacy-page a:hover,
.terms-page a:hover {
  color: #0f6fcc !important;
}
/* Animated underline for ALL links on Privacy + Terms */
.privacy-page a,
.terms-page a {
  position: relative;
  text-decoration: none !important;
}

.privacy-page a::after,
.terms-page a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: #0f6fcc; /* same as homepage hover color */
  transition: 0.3s;
}

.privacy-page a:hover::after,
.terms-page a:hover::after {
  width: 100%;
}
.footer-legal .legal-links {
  display: none;
}

.footer-legal .legal-links.open {
  display: block;
}
/* Make mobile menu links visible */
.navbar-mobile a {
  color: #0f6fcc !important;   /* LETT Navy or any color you prefer */
}

/* Optional: make the mobile menu background solid white */
.navbar-mobile {
  background: #ffffff !important;
}
@media (max-width: 1199px) {
  .navmenu a,
  .navmenu a:focus {
    color: #0f6fcc !important; /* LETT Navy */
  }
}
@media (max-width: 1199px) {
  .navmenu ul {
    inset: 60px 20px auto 20px;
  }
}