/* css/contact.css */
/* Matches Article.css + News.css (light layout, dark header accents) */

/* Force the page to the same light canvas as Article.css */
body.contact-page{
  background:#f4f6f8;
  color:#2e2e2e;
  font-family:'OasisFont','Helvetica Neue',sans-serif;
}

/* Jumbotron (same pattern as News.css, just shorter) */
.contact-page .jumbotron{
  background-size:cover;
  background-position:center;
  height:320px;
  position:relative;
  border-radius:.5rem;
  margin-bottom:2rem;
}
.contact-page .jumbotron-caption{
  background-color:rgba(0,0,0,.5);
  color:#fff;
  padding:1rem 1.5rem;
  max-width:480px;
  position:absolute;
  top:50%;
  left:2rem;
  transform:translateY(-50%);
  border-radius:.25rem;
  font-family:"OasisFont";
  font-size:24px;
}

/* Card should look like an Article container (white, soft shadow) */
.contact-page .contact-card{
  background:#fff;
  color:#2e2e2e;
  border-radius:12px;
  padding:40px 30px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  animation:fadeIn .6s ease-in-out;
}

/* Title styling matches Article header vibe */
.contact-page h1{
  font-family:"OasisFont";
  text-transform:uppercase;
  color:#111;
  margin-bottom:1.5rem;
  font-size:2.2rem;
}

/* Alerts */
.contact-page .alert{
  border-radius:6px;
  font-size:.95rem;
}

/* Labels */
.contact-page .form-label{
  font-weight:600;
  color:#333;
}

/* IMPORTANT: Explicitly force LIGHT inputs (core.css likely makes them dark) */
.contact-page .form-control{
  background-color:#fff !important;
  color:#333 !important;
  border:1px solid #ccc !important;
  border-radius:6px;
  padding:.75rem .85rem;
  font-size:.95rem;
}
.contact-page .form-control::placeholder{
  color:#777 !important;
  opacity:1;
}
.contact-page .form-control:focus{
  background-color:#fff !important;
  color:#333 !important;
  border-color:#0d6efd !important; /* News.css primary */
  box-shadow:0 0 0 .2rem rgba(13,110,253,.15) !important;
}

/* Textarea */
.contact-page textarea.form-control{
  min-height:160px;
}

/* Help text */
.contact-page .form-text{
  color:#777;
}

/* Button: match News.css primary */
.contact-page .btn.btn-primary{
  background-color:#0d6efd !important;
  border-color:#0d6efd !important;
  color:#fff !important;
  font-family:"OasisFont";
  font-weight:bold;
  padding:.75rem 1.25rem;
  box-shadow:none !important;
}
.contact-page .btn.btn-primary:hover{
  background-color:rgba(13,110,253,.85) !important;
  border-color:rgba(13,110,253,.85) !important;
}

/* Spacing */
.contact-page .row.g-3{ --bs-gutter-y:1.2rem; }

/* Mobile */
@media (max-width:768px){
  .contact-page .jumbotron{ height:220px; }
  .contact-page .jumbotron-caption{
    left:1rem; right:1rem; max-width:none; font-size:1.1rem;
  }
  .contact-page .contact-card{ padding:25px 20px; }
}

/* Fade-in reused from Article.css */
@keyframes fadeIn{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}