body.dark{margin:0;font-family:Arial;background:#000;color:#fff}
.header{display:flex;justify-content:space-between;align-items:center;padding:18px 30px;border-bottom:1px solid #222}
.logo-header{height:64px}
nav a{margin-left:22px;color:#fff;text-decoration:none;font-weight:500}
.hero{height:60vh;display:flex;align-items:center;justify-content:center;background:#000}
.hero-logo{max-width:85%;max-height:85%;object-fit:contain}
.hero-content{text-align:center;padding:40px 20px}
.btn{font-size:16px;padding:16px 32px;display:inline-block;padding:14px 26px;border:1px solid #fff;color:#fff;text-decoration:none}
.stats{text-align:center;padding:60px 20px;background:#141414}
.page{padding:80px 20px;max-width:1200px;margin:auto}
.location-feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px;align-items:center}
.location-feature img{width:100%;border:1px solid #333}
.map{width:100%;border:0;margin:30px 0}
.small-map{height:220px}
.campaign{text-align:center;padding:80px 20px}
input,textarea{width:100%;padding:14px;margin-bottom:20px;background:#111;border:1px solid #333;color:#fff}
button{background:#c00000;color:#fff;padding:14px 40px;border:none}
.footer{text-align:center;padding:30px;border-top:1px solid #222;margin-top:80px}

.hero-text-block {
  text-align: center;
  margin-top: 40px;
}
.hero-title {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.hero-subtitle {
  font-size: 18px;
  letter-spacing: 4px;
  margin-top: 10px;
  opacity: 0.9;
}

.floating-contact {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #000;
  border: 1px solid #333;
  padding: 10px 14px;
  z-index: 9999;
  font-size: 12px;
}
.floating-contact .contact-label {
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 6px;
}
.floating-contact .contact-info a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin-top: 2px;
}
.floating-contact .contact-info a:hover {
  text-decoration: underline;
}

/* ---- POLISH PASS ---- */

/* Smooth fades for slides */
.slide {
  animation: fade 0.8s ease-in-out;
}
@keyframes fade {
  from { opacity: 0.4; }
  to { opacity: 1; }
}

/* Button hover refinement */
.btn:hover {
  background:#fff;
  color:#000;
  transition: all 0.25s ease;
}

/* Floating contact polish */
.floating-contact {
  border-radius: 6px;
}
.floating-contact:hover {
  background:#111;
}

/* Improve mobile spacing */
@media (max-width: 768px) {
  .hero-title {
    font-size: 34px;
  }
  .hero-subtitle {
    font-size: 14px;
    letter-spacing: 2px;
  }
  .hero-logo {
    max-width: 95%;
  }
}

/* ---- SUBTLE BLUE THEME ACCENTS ---- */
:root {
  --accent-blue: #1f6fff;
}

/* Navigation hover + active */
nav a:hover {
  color: var(--accent-blue);
}

/* Primary buttons */
.btn {
  border-color: var(--accent-blue);
}
.btn:hover {
  background: var(--accent-blue);
  color: #fff;
}

/* Hero divider accent */
.hero-text-block::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  background: var(--accent-blue);
  margin: 18px auto 0;
}

/* Section headings subtle underline */
.hero-title {
  text-shadow: 0 0 0 transparent;
}

/* Floating contact accent */
.floating-contact {
  border-color: var(--accent-blue);
}
.floating-contact .contact-label {
  color: var(--accent-blue);
}


/* === INDEX FULL-PAGE BACKGROUND === */
  position: relative;
}
  content: "";
  position: fixed;
  inset: 0;
  background: url('../img/index-bg.jpg') center / cover no-repeat;
  opacity: 0.80; /* fade image to 80% */
  z-index: -2;
}
/* optional dark overlay for readability (subtle) */
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: -1;
}

/* Make home sections transparent so image shows behind everything */
  background: transparent !important;
}

/* Reduce heavy separators on home only */
  padding-top: 40px;
}

/* Ensure hero uses no own background so global image is visible */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}



.partner-login:hover {
  background: #f2f2f2;
  color: #000000;
}

/* === SITE-WIDE BACKGROUND (EXCEPT ADVERTISERS) === */
body.site-bg {
  position: relative;
}

body.site-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url('../img/site-bg.jpg') center / cover no-repeat;
  opacity: 0.80;
  z-index: -2;
}

body.site-bg::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: -1;
}

/* Make sections transparent so background shows */
body.site-bg .hero,
body.site-bg .stats,
body.site-bg .page,
body.site-bg .campaign {
  background: transparent !important;
}