/* ==========================================
   Contact Page Specific Styles
   ========================================== */

/* =========================
CONTACT HERO
========================= */

.contact-hero{
min-height:70vh;

background:
linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),
url("../img/contact-hero.jpg") center/cover no-repeat;

color:#fff;
text-align:center;
padding:120px 20px;
}

/* club label */

.contact-hero .club-name{
text-transform:uppercase;
letter-spacing:2px;
font-size:14px;
opacity:0.8;
margin-bottom:15px;
}

/* heading */

.contact-hero h1{
font-size:56px;
font-weight:700;
margin-bottom:20px;
}

/* description */

.contact-hero p{
font-size:18px;
max-width:650px;
margin:0 auto;
opacity:0.9;
}


/* Main Contact Section */
.contact-main {
  padding: 80px 0;
}

/* Info Cards */
.contact-main .info-item{
border-radius:12px;
padding:30px;
background:#1f2937;
box-shadow:0 10px 30px rgba(0,0,0,0.35);
color:#e5e7eb;
}

.contact-main .info-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* Form Styling */
.contact-main .php-email-form{
background:#1f2937;
padding:40px;
border-radius:16px;
box-shadow:0 15px 35px rgba(0,0,0,0.4);
color:#e5e7eb;
}

.contact-main .php-email-form input,
.contact-main .php-email-form textarea {
  border-radius: 8px;
border:1px solid #374151;
background:#111827;
color:#e5e7eb;
  padding: 12px 16px;
  font-size: 15px;
}

.contact-main .php-email-form input:focus,
.contact-main .php-email-form textarea:focus {
  border-color: var(--color-primary);
  outline: none;
  box-shadow: none;
}

.contact-main .php-email-form button[type=submit] {
  border-radius: 50px;
  padding: 12px 40px;
  font-weight: 600;
  background: var(--color-primary);
  border: none;
  transition: 0.3s;
}

.contact-main .php-email-form button[type=submit]:hover {
  background: #2563eb;
}

/* Map Styling */
.contact-map iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border-radius: 16px;
  border: none;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

/* Responsive Improvements */
@media (max-width: 768px) {
  .contact-hero h1 {
    font-size: 34px;
  }

  .contact-main .php-email-form {
    padding: 25px;
  }
}

.php-email-form .loading,
.php-email-form .error-message,
.php-email-form .sent-message {
  display: none;
}
.form-status .loading {
  font-size: 14px;
  color: #555;
}

.form-status .success-message {
  font-weight: 500;
}

.form-status .error-message {
  font-weight: 500;
}
.contact-main .info-item:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(59,130,246,0.25);
}