/* =====================================================================
   FINAL POLISH FIXES — dedicated file, hardcoded values on purpose
   Covers: "Our Process" (how-work) section, banner two-tone heading,
   top navbar, and the "Join our Discord" button. Kept fully separate
   from main.css/custom.css. Loaded LAST so nothing here can be beaten
   by an older cached copy of another file.
   ===================================================================== */

/* ---------- 1. "OUR PROCESS" / how-it-works section ---------- */
.how-work-section {
  background: #ffffff !important;
  background-image: none !important;
}

/* the faded gray wash in the screenshot is this decorative shape --
   remove it entirely for a true flat solid white section */
.how-work-section .shape-one {
  display: none !important;
}

.how-work-section .section-heading__subtitle,
.how-work-section .section-heading__title,
.how-work-section .section-heading__desc,
.how-work-section .how-work-item__title,
.how-work-section .how-work-item__desc {
  color: #000000 !important;
}

.how-work-section .section-heading__title {
  font-weight: 800 !important;
  font-size: clamp(1.9rem, 1.4rem + 2vw, 3.4rem) !important;
}

.how-work-section .how-work-item__title {
  font-weight: 700 !important;
  font-size: 1.15rem !important;
}

.how-work-section .how-work-item__desc {
  font-weight: 500;
}

/* icons were invisible (dark icon on a dark box) -- make the icon
   itself solid red on a clean white/outlined box so it's unmistakable */
.how-work-section .how-work-item__icon {
  background: #ffffff !important;
  border: 2px solid #ff2b2b !important;
  color: #ff2b2b !important;
}

.how-work-section .how-work-item__icon svg,
.how-work-section .how-work-item__icon path,
.how-work-section .how-work-item__icon i {
  color: #ff2b2b !important;
  fill: #ff2b2b !important;
}

/* connector arrow between steps is a white PNG -- invisible on white.
   brightness(0) forces it solid black while keeping transparency. */
.how-work-section .how-work-item::after {
  filter: brightness(0);
  opacity: 0.85;
}

.how-work-section .btn.btn--base {
  background-color: #ff2b2b !important;
  color: #ffffff !important;
}

/* ---------- 2. Banner heading: force the accent half solid red ---------- */
.banner-content__title,
.banner-content__title .title-style {
  color: #ffffff;
}

.banner-content__title .title-style {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #ff2b2b !important;
  color: #ff2b2b !important;
}

/* ---------- 3. Top navbar: solid black, no navy ---------- */
.header,
.header.fixed-header {
  background-color: #000000 !important;
  border-bottom: 1px solid #1a1a1a;
}

/* ---------- 4. "Join our Discord" button: solid black ---------- */
.btn-outline--base {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #2a2a2a !important;
}

.btn-outline--base::after,
.btn-outline--base::before {
  background: #000000 !important;
}

.btn-outline--base:hover,
.btn-outline--base:focus {
  background-color: #ff2b2b !important;
  color: #ffffff !important;
  border-color: #ff2b2b !important;
}

.btn-outline--base:hover::after {
  background: #ff2b2b !important;
}