/* =============================
   THEME.CSS — Project-wide styles
   ============================= */

/* Reset / Base overrides */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  background-color: #fff;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: var(--trust-red);
}

p {
  margin-bottom: 1rem;
}

/* Navbar */
.navbar-brand img {
  max-height: 46px;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--trust-red) !important;
}

/* Buttons */
.btn-red {
  background: var(--trust-red);
  color: var(--trust-white);
  border: none;
  transition: 0.2s;
}
.btn-red:hover {
  background: #a71d2a;
  color: #fff;
}

.btn-red-outline {
  background: transparent;
  color: var(--trust-red);
  border: 2px solid var(--trust-red);
  transition: 0.2s;
}
.btn-red-outline:hover {
  background: var(--trust-red);
  color: var(--trust-white);
}

/* Hero */
.hero .display-5 {
  color: #e6eeb7; /* off-white */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

/* Cards */
.card {
  border: none;
  border-radius: 0.5rem;
}
.card img {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

/* Footer */
footer ul li {
  margin-bottom: 0.4rem;
}

footer a:hover {
  color: var(--trust-white);
}

/* Utility */
.section-title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

/* Responsive tweaks */
@media (max-width: 767px) {
  .hero .display-5 {
    font-size: 1.8rem;
  }
}


.hero-slide {
    width: 100vw;
    height: 60vh;
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    padding: 60px 0;
}
@media (max-width: 767px) {
    .hero-slide {
        height: 45vh;
    }
}