/* ═══════════════════════════════════════
   footer.css — Winair
═══════════════════════════════════════ */

/* ── Newsletter Strip — red, tropical leaf bg ── */
.footer-newsletter {
  background: #8B0A1E;
  padding: 52px var(--page-pad);
  text-align: center;
  position: relative; overflow: hidden;
}
/* Subtle tropical leaf silhouettes */
.footer-newsletter::before,
.footer-newsletter::after {
  content: '';
  position: absolute; top: 0; bottom: 0;
  width: 240px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 400'%3E%3Cellipse cx='100' cy='200' rx='60' ry='180' fill='rgba(0,0,0,0.12)' transform='rotate(-20 100 200)'/%3E%3Cellipse cx='60' cy='300' rx='40' ry='140' fill='rgba(0,0,0,0.08)' transform='rotate(15 60 300)'/%3E%3C/svg%3E") center/cover no-repeat;
}
.footer-newsletter::before { left: 0; }
.footer-newsletter::after  { right: 0; transform: scaleX(-1); }

/* Plane silhouette top-left */
.newsletter-plane {
  position: absolute; top: 20px; left: 60px;
  font-size: 28px; opacity: .2; transform: rotate(-20deg);
}

.newsletter-inner { max-width: 480px; margin: 0 auto; position: relative; z-index: 1; }
.newsletter-inner h3 {
  font-size: 22px; font-weight: 800;
  color: #fff; text-transform: uppercase;
  letter-spacing: 1px; margin-bottom: 6px;
  font-family: var(--font-display);
}
.newsletter-inner p { font-size: 13px; color: rgba(255,255,255,.85); margin-bottom: 18px; }

.newsletter-form  { display: flex; gap: 0; max-width: 380px; margin: 0 auto; }
.nl-email-wrap    { display: flex; align-items: center; background: #fff; flex: 1; padding: 0 12px; }
.nl-email-icon    { color: #bbb; margin-right: 6px; font-size: 14px; }
.newsletter-form input {
  flex: 1; border: none; outline: none;
  font-size: 13px; font-family: var(--font-body);
  padding: 11px 0; background: transparent; color: var(--wa-text);
}
.newsletter-form button {
  background: var(--wa-navy); color: #fff;
  border: none; padding: 11px 22px;
  font-size: 13px; font-weight: 700;
  font-family: var(--font-body);
  cursor: pointer; transition: background .15s;
  letter-spacing: .3px;
}
.newsletter-form button:hover { background: var(--wa-navy-light); }

/* ── Footer Main ── */
footer {
  background: #fff; color: #555;
  padding: 48px var(--page-pad) 0;
  border-top: 1px solid #e8e8e8;
}
.footer-inner { max-width: var(--page-max); margin: 0 auto; }

.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  padding-bottom: 36px;
  border-bottom: 1px solid #e8e8e8;
}

.footer-col h4 {
  font-size: 11px; font-weight: 700;
  color: #999; letter-spacing: 1.4px;
  text-transform: uppercase; margin-bottom: 16px;
  font-family: var(--font-body);
}
.footer-col ul   { list-style: none; }
.footer-col li   { margin-bottom: 10px; font-size: 13px; }
.footer-col li a { color: var(--wa-red); transition: color .14s; }
.footer-col li a:hover { color: var(--wa-red-dark); text-decoration: underline; }
.footer-col li span { color: #555; cursor: pointer; transition: color .14s; }
.footer-col li span:hover { color: var(--wa-red); }

/* Social icons */
.footer-social { display: flex; gap: 8px; margin-top: 16px; }
.footer-social a {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--wa-navy);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 14px; font-weight: 700;
  font-family: serif; transition: background .15s;
}
.footer-social a:hover { background: var(--wa-red); }

/* Bottom strip */
.footer-bottom {
  padding: 20px 0 24px;
  text-align: center;
  display: flex; flex-direction: column;
  align-items: center; gap: 8px;
}
.footer-bottom p    { font-size: 12px; color: #aaa; }
.footer-legal       { display: flex; gap: 16px; }
.footer-legal a     { font-size: 12px; color: var(--wa-red); transition: color .14s; }
.footer-legal a:hover { color: var(--wa-red-dark); text-decoration: underline; }