/* ============ DISTRIBUTOR PAGE (patch addition) ============ */

.page-hero{
  background: var(--deep-green);
  color: var(--cream);
  position: relative;
  overflow: hidden;
  padding-top: 8.5rem;
  padding-bottom: 3.2rem;
}
.page-hero .mesh-corner{
  position: absolute;
  top: -40px; right: -40px;
  width: 280px; height: 280px;
  color: var(--gold);
  opacity: 0.3;
  pointer-events: none;
}
.page-hero h1{
  font-size: clamp(2rem, 4vw, 2.9rem);
  color: var(--cream);
}
.page-hero .lead-text{
  color: rgba(245,238,220,0.85);
  max-width: 620px;
}
.page-hero .crumb-link{
  color: var(--gold-soft);
}
.page-hero .crumb-link:hover{ color: var(--cream); }

.why-item-light{
  display: flex;
  gap: .7rem;
  align-items: flex-start;
  padding: .55rem 0;
}
.why-item-light i{
  color: var(--terracotta);
  font-size: 1.1rem;
  margin-top: .15rem;
}
.why-item-light span{
  font-size: 0.92rem;
  color: var(--ink-soft);
}

.direct-contact-box{
  background: var(--cream-2);
  border: 1px solid rgba(22,74,58,0.12);
  border-radius: 6px;
  padding: 1.2rem 1.3rem;
}
.direct-contact-box a{ color: var(--deep-green); font-weight: 600; }
.direct-contact-box a:hover{ color: var(--terracotta); }

.form-card{
  background: #fff;
  border: 1px solid rgba(22,74,58,0.10);
  border-radius: 8px;
  padding: 2rem clamp(1.2rem, 3vw, 2.4rem);
}

.form-label-arewa{
  font-family: var(--font-mono);
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--deep-green);
  font-weight: 600;
  margin-bottom: .4rem;
  display: block;
}

.form-control-arewa{
  border: 1.5px solid rgba(22,74,58,0.18);
  border-radius: 4px;
  padding: 0.65rem 0.85rem;
  font-family: var(--font-body);
  font-size: 0.95rem;
  background: var(--cream);
  color: var(--ink);
}
.form-control-arewa:focus{
  border-color: var(--deep-green);
  box-shadow: 0 0 0 0.2rem rgba(22,74,58,0.15);
  background: #fff;
}
.form-control-arewa.is-invalid{
  border-color: var(--terracotta);
}
.form-control-arewa.is-invalid:focus{
  box-shadow: 0 0 0 0.2rem rgba(168,90,52,0.15);
}
.invalid-feedback{
  font-size: 0.8rem;
}

#submitBtn{
  border: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
}
#submitBtn:disabled{
  opacity: 0.7;
  cursor: not-allowed;
}
.spin{
  animation: spin-anim 0.8s linear infinite;
  display: inline-block;
}
@keyframes spin-anim{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

.alert-arewa{
  border-radius: 6px;
  padding: 0.9rem 1.1rem;
  font-size: 0.9rem;
  margin-bottom: 1.4rem;
  display: flex;
  align-items: flex-start;
}
.alert-success-arewa{
  background: rgba(22,74,58,0.08);
  color: var(--deep-green);
  border: 1px solid rgba(22,74,58,0.2);
}
.alert-fallback-arewa{
  background: rgba(199,151,46,0.12);
  color: #7a5a17;
  border: 1px solid rgba(199,151,46,0.3);
}
.alert-error-arewa{
  background: rgba(168,90,52,0.1);
  color: var(--terracotta);
  border: 1px solid rgba(168,90,52,0.25);
}

@media (prefers-reduced-motion: reduce){
  .spin{ animation: none; }
}