/* Welcome Here - Custom overrides for Stellar */
/* Stellar defaults to dark background. We override to light. */

:root {
  --welcome-blue: #4A90D9;
  --welcome-blue-dark: #3A7BC8;
  --warm-orange: #E67E22;
  --warm-orange-dark: #D35400;
  --bg: #FFFFFF;
  --bg-alt: #F0F4F8;
  --text: #2C3E50;
  --text-light: #5D6D7E;
}

/* Global light theme override */
body {
  background-color: var(--bg) !important;
  color: var(--text) !important;
  font-family: 'Gelasio', Georgia, serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Segoe UI', sans-serif !important;
  color: var(--text) !important;
}

p, li, td, th, span, label, blockquote, dd, dt {
  color: var(--text) !important;
}

a {
  color: var(--welcome-blue) !important;
}

a:hover {
  color: var(--warm-orange) !important;
}

strong, b {
  color: var(--text) !important;
}

/* Header */
#header {
  background-color: var(--welcome-blue) !important;
  color: #fff !important;
}

#header.alt {
  background: linear-gradient(135deg, var(--welcome-blue) 0%, var(--welcome-blue-dark) 100%) !important;
}

#header h1, #header p {
  color: #fff !important;
}

#header h1 a {
  color: #fff !important;
  border-bottom: none !important;
}

/* Nav */
#nav {
  background-color: var(--bg) !important;
  border-bottom: 1px solid #ddd;
}

#nav ul li a {
  color: var(--text) !important;
  font-family: 'Poppins', sans-serif !important;
}

#nav ul li a:hover,
#nav ul li a.active {
  color: var(--welcome-blue) !important;
}

/* Main content */
#main {
  background-color: var(--bg) !important;
  color: var(--text) !important;
}

#main .main {
  background-color: var(--bg) !important;
}

#main .main h2, #main .main h3 {
  color: var(--text) !important;
  font-family: 'Poppins', sans-serif !important;
}

#main .main p {
  color: var(--text) !important;
  line-height: 1.8;
}

#main .main a {
  color: var(--welcome-blue) !important;
}

#main .main a:hover {
  color: var(--warm-orange) !important;
}

#main .main img {
  border-radius: 6px;
}

/* Spotlight sections */
.spotlight {
  background-color: var(--bg-alt) !important;
}

.spotlight .content h2, .spotlight .content p {
  color: var(--text) !important;
}

/* Statistics */
.statistics {
  background-color: var(--bg-alt) !important;
}

.statistics li {
  color: var(--text) !important;
}

.statistics li strong {
  color: var(--welcome-blue) !important;
}

/* Features */
.features li {
  background-color: var(--bg-alt) !important;
}

.features li h3 {
  color: var(--text) !important;
}

.features li p {
  color: var(--text-light) !important;
}

.features li .icon {
  color: var(--welcome-blue) !important;
}

/* Buttons */
.button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

.button.primary {
  background-color: var(--warm-orange) !important;
  border-color: var(--warm-orange) !important;
  color: #fff !important;
}

.button.primary:hover {
  background-color: var(--warm-orange-dark) !important;
  border-color: var(--warm-orange-dark) !important;
}

.button:not(.primary) {
  color: var(--welcome-blue) !important;
  border-color: var(--welcome-blue) !important;
}

/* Footer */
#footer {
  background-color: var(--text) !important;
}

#footer h2 {
  color: #fff !important;
  font-size: 1.1em;
}

#footer p, #footer li, #footer a, #footer dd, #footer dt {
  color: rgba(255,255,255,0.6) !important;
}

#footer a:hover {
  color: var(--warm-orange) !important;
}

.alt-list {
  list-style: none !important;
  padding: 0 !important;
}

.alt-list li {
  padding: 0.2em 0 !important;
}

.alt-list li a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.9em !important;
}

#footer .copyright {
  color: rgba(255,255,255,0.35) !important;
}

#footer .copyright a {
  color: rgba(255,255,255,0.45) !important;
}

/* Community info card */
.info-card {
  background: var(--bg-alt);
  border-left: 4px solid var(--welcome-blue);
  padding: 1.25em 1.75em;
  margin: 1.5em 0;
  border-radius: 0 6px 6px 0;
}

.info-card h3 {
  margin-top: 0 !important;
  font-size: 1.05em !important;
  color: var(--welcome-blue-dark) !important;
}

.info-card a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Learn more card (for geo domain / municipal links) */
.learn-more {
  background: var(--bg-alt);
  border-left: 4px solid var(--warm-orange);
  padding: 1.25em 1.75em;
  margin: 2em 0;
  border-radius: 0 6px 6px 0;
}

.learn-more h3 {
  margin-top: 0 !important;
  color: var(--text) !important;
}

.learn-more a {
  color: var(--welcome-blue) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

/* Responsive */
@media screen and (max-width: 736px) {
  #header h1 {
    font-size: 1.5em !important;
  }
}