/* =====================================================================
   ALHAQ HAJ SERVICE — FINAL HANDOFF OVERRIDES
   Purpose: final visual adjustments only.
   Content, wording, images, links, PHP logic and page structure are unchanged.
   This file is intentionally separate so another developer can edit safely.
   ===================================================================== */

/* ---------------------------------------------------------------------
   01. GLOBAL PARAGRAPH VISIBILITY
   --------------------------------------------------------------------- */
body p,
main p,
section p,
article p,
.footer p {
  color: #222222 !important;
}

/* Keep the footer links readable without changing their existing layout. */
.footer a {
  color: #222222 !important;
}

/* ---------------------------------------------------------------------
   02. NAVBAR BRAND — PREMIUM REFERENCE STYLE
   ALHAQ: elegant green display type.
   HAJ SERVICE: clean black secondary type.
   --------------------------------------------------------------------- */
.brand-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  min-width: 150px !important;
}

.brand-copy strong {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  line-height: .82 !important;
  letter-spacing: .035em !important;
  color: #0b5a3a !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;
}

.brand-copy small {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .15em !important;
  color: #222222 !important;
  margin-top: 7px !important;
  margin-right: 20px !important;
}

/* ---------------------------------------------------------------------
   03. TESTIMONIALS — REDUCE GREEN OVERLAY
   Reviews remain prominent and readable.
   The featured card uses a very light green tint instead of a dark block.
   --------------------------------------------------------------------- */
.testimonial-card {
  background: #ffffff !important;
  color: #222222 !important;
  border-color: rgba(11,90,58,.12) !important;
  box-shadow: 0 14px 38px rgba(22,43,33,.07) !important;
}

.testimonial-card.featured {
  background: linear-gradient(145deg, #30b55c 0%, #ffffff 100%) !important;
  color: #173b2b !important;
  border: 1px solid rgba(11,90,58,.16) !important;
  box-shadow: 0 16px 42px rgba(22,43,33,.08) !important;
}

/* Soft green accent instead of a heavy green fill. */
.testimonial-card.featured::after {
  background: linear-gradient(115deg, transparent 25%, rgba(255,255,255,.60) 48%, transparent 70%) !important;
}

.testimonial-card.featured p,
.testimonial-card p {
  color: #222222 !important;
  text-shadow: none !important;
}

.testimonial-card.featured .review-role,
.testimonial-card .review-role {
  color: #4d5b54 !important;
}

.testimonial-card .review-stars {
  color: #b8872f !important;
}

.testimonial-card:hover {
  border-color: rgba(184,138,46,.28) !important;
}

/* ---------------------------------------------------------------------
   04. MOBILE BRAND SCALING
   --------------------------------------------------------------------- */
@media (max-width: 1100px) {
  .brand-copy {
    min-width: 130px !important;
  }

  .brand-copy strong {
    font-size: 27px !important;
  }

  .brand-copy small {
    font-size: 9px !important;
  }
}

@media (max-width: 900px) {
  .brand-copy strong {
    font-size: 30px !important;
  }

  .brand-copy small {
    font-size: 8px !important;
    letter-spacing: .10em !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 600px) {
  .brand-copy {
    min-width: 100px !important;
  }

  .brand-copy strong {
    font-size: 18px !important;
  }

  .brand-copy small {
    font-size: 7px !important;
    letter-spacing: .08em !important;
    margin-top: 5px !important;
  }

  .testimonial-card p {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}