/* ===== RBX FEATURED WORK — Light Theme (fully scoped) ===== */
.rbx-fw-light{
  --ink:#0f172a;
  --muted:#475569;
  --brand:#12616E;         /* unified brand color */
  --line:#e5eaf1;

  font-family: inherit;
  background: linear-gradient(180deg,#f9fefb,#f2fdf9); /* keep soft mint background */
  padding: clamp(50px,7vw,90px) 16px;

  position: relative;
  isolation: isolate;
  z-index: 10;
}
.rbx-fw-light .rbx-fw-wrap{max-width:1200px;margin:0 auto;text-align:center}

.rbx-fw-light .rbx-fw-title{
  font-size:clamp(28px,5vw,40px);
  font-weight:900; margin:0 0 12px; color:var(--ink);
}
.rbx-fw-light .rbx-fw-title span{
  color:var(--brand); /* solid brand accent (no gradient) */
}
.rbx-fw-light .rbx-fw-lead{
  max-width:720px; margin:0 auto 36px;
  font-size:clamp(14px,1.5vw,17px); line-height:1.6; color:var(--muted);
}

/* Grid */
.rbx-fw-light .rbx-fw-grid{ display:grid; gap:24px; grid-template-columns:repeat(3,1fr); }
@media (max-width:1024px){ .rbx-fw-light .rbx-fw-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .rbx-fw-light .rbx-fw-grid{ grid-template-columns:1fr; } }

/* Card */
.rbx-fw-light .rbx-fw-card{
  background:#fff; border:1px solid var(--line);
  border-radius:14px; overflow:hidden; text-align:left;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
  transition:transform .25s ease, box-shadow .25s ease;
  position: relative; z-index: 1;
}
.rbx-fw-light .rbx-fw-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 24px rgba(15,23,42,.12);
}
.rbx-fw-light .rbx-fw-card img{
  width:100%; height:190px; object-fit:cover; display:block; pointer-events:none;
}

/* Content */
.rbx-fw-light .rbx-fw-content{padding:18px}

.rbx-fw-light .rbx-fw-meta{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.rbx-fw-light .rbx-fw-tag{
  background:#e7f9f1; color:var(--brand); font-size:12px; font-weight:600;
  padding:3px 10px; border-radius:20px; display:inline-block;
}
.rbx-fw-light .rbx-fw-stars{
  color:#fbbf24; font-size:14px; font-weight:700; line-height:1; /* keep rating color */
}

.rbx-fw-light .rbx-fw-card h3{margin:12px 0 6px; font-size:18px; font-weight:700; color:var(--ink)}
.rbx-fw-light .rbx-fw-client{margin:0 0 6px; font-size:14px; color:var(--muted); font-weight:600}
.rbx-fw-light .rbx-fw-card p{margin:0; font-size:14px; color:var(--muted); line-height:1.5}

/* Button */
.rbx-fw-light .rbx-fw-btnwrap{
  margin-top:36px;
  position: relative; z-index: 20;
}

/* Keep it clickable; solid brand button */
.rbx-fw-light .rbx-fw-btn,
.rbx-fw-light .rbx-fw-btn:link,
.rbx-fw-light .rbx-fw-btn:visited{
  all: unset;
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 28px; border-radius:10px;
  font: inherit; font-weight:700; font-size:15px; line-height:1;
  text-decoration:none; white-space:nowrap; color:#fff;
  background: var(--brand);              /* solid brand (no gradient) */
  cursor:pointer;
  transition:filter .2s ease, transform .2s ease;
  position: relative; z-index: 30; pointer-events:auto;
}
.rbx-fw-light .rbx-fw-btn:hover{ filter:brightness(.92); transform:translateY(-2px); }
.rbx-fw-light .rbx-fw-btn:focus-visible{
  outline:3px solid rgba(18,97,110,.35); outline-offset:2px; border-radius:12px; /* brand focus */
}

/* Safety: prevent previous overlays from blocking clicks */
.rbx-head-zone, .rbx-svc, .rbx-stats-zone{
  position: relative; z-index: 1;
}
.rbx-head-zone::before, .rbx-head-zone::after,
.rbx-svc::before, .rbx-svc::after,
.rbx-stats-zone::before, .rbx-stats-zone::after{
  pointer-events: none;
}