/* Victor's Landscaping — /reviews/ page. Brand: #006326 / #0e4e20 / #bb4e1a. */
.vlr{font-family:Raleway,Helvetica,sans-serif;color:#333}
.vlr-stars{color:#e8a200;letter-spacing:2px}
.vlr-low .vlr-stars{color:#c98a2e}

/* hero */
.vlr-hero{background:linear-gradient(rgba(8,40,18,.72),rgba(8,40,18,.72)),
  url('../img/reviews-hero.jpg') center/cover no-repeat,linear-gradient(120deg,#3c6b34,#16431f);
  color:#fff;text-align:center;padding:48px 20px}
.vlr-hero-inner{max-width:760px;margin:0 auto}
.vlr-eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#ffd34d;font-weight:700;margin:0}
.vlr-hero h1{font-size:36px;line-height:1.15;margin:10px 0 8px;font-weight:800}
.vlr-agg{font-size:15px;opacity:.96;margin:0 0 16px}
.vlr-marquee{font-size:17px;font-style:italic;line-height:1.5;margin:0 auto 20px;max-width:640px;border:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vlr-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0}
.vlr-pill{border-radius:30px;padding:12px 24px;font-weight:700;font-size:14px;text-decoration:none;display:inline-block}
.vlr-pill-solid{background:#bb4e1a;color:#fff}
.vlr-pill-solid:hover{background:#a23f12;color:#fff}
.vlr-pill-ghost{border:1.5px solid rgba(255,255,255,.75);color:#fff}
.vlr-pill-ghost:hover{background:rgba(255,255,255,.12);color:#fff}

/* stat strip */
.vlr-strip{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;background:#f2efe9;
  padding:14px;font-size:13px;color:#0e4e20;font-weight:700}

/* sections */
.vlr-sec{max-width:1100px;margin:0 auto;padding:28px 20px}
.vlr-seclabel{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#bb4e1a;font-weight:800;margin:0 0 12px}
.vlr-archive h2{color:#0e4e20;font-size:26px;margin:0 0 14px}

/* featured + archive grids */
.vlr-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vlr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}

/* card */
.vlr-card{background:#fff;border:1px solid #e6e0d4;border-radius:10px;padding:24px 26px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
.vlr-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.13);border-color:#bb4e1a}
@media (prefers-reduced-motion:reduce){.vlr-card{transition:none}.vlr-card:hover{transform:none}}
#main .vlr-card{padding:24px 26px}   /* beat phx #main article{padding-top:4em;padding-left:0} (spec 101) */
.vlr-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.vlr-date{font-size:11px;color:#a39c8e}
.vlr-who{font-weight:700;color:#0e4e20;font-size:13px}
.vlr-since{color:#9a9486;font-weight:500;font-size:11px}
.vlr-tag{display:inline-block;font-size:10px;font-weight:700;color:#006326;background:#e8f1e8;
  border-radius:20px;padding:3px 9px;margin:7px 6px 4px 0}
.vlr-body{font-size:13.5px;line-height:1.6;color:#3a3a3a;margin:6px 0 0;border:0;padding:0;
  display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.vlr-card.vlr-expanded .vlr-body{-webkit-line-clamp:unset;overflow:visible}
.vlr-readmore{background:none;border:0;color:#bb4e1a;font-weight:700;font-size:12px;cursor:pointer;padding:6px 0 0}
.vlr-reply{margin-top:12px;margin-left:14px;background:#f4f1ea;border-left:3px solid #006326;
  border-radius:0 8px 8px 0;padding:10px 14px}
.vlr-reply-h{font-size:11px;font-weight:800;color:#006326;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}
.vlr-reply-b{font-size:12.5px;color:#5a5346;line-height:1.5}

/* filter bar */
.vlr-filterbar{position:sticky;top:0;background:#fff;border:1px solid #e6e0d4;border-radius:10px;
  padding:12px 14px;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.vlr-frow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.vlr-search{flex:1;min-width:180px;border:1px solid #cfc8ba;border-radius:8px;padding:9px 12px;font-size:13px}
.vlr-sel{font-size:12px;color:#444;font-weight:600}
.vlr-sel select{border:1px solid #cfc8ba;border-radius:8px;padding:7px 10px;font-size:12px;margin-left:4px}
.vlr-chips{display:flex;gap:7px;flex-wrap:wrap}
.vlr-chip{font-size:12px;border:1px solid #cfc8ba;border-radius:20px;padding:6px 13px;background:#fff;
  color:#555;font-weight:600;cursor:pointer}
.vlr-chip.is-on{background:#bb4e1a;color:#fff;border-color:#bb4e1a}
.vlr-count{font-size:12px;color:#8a8275;margin:12px 0 0}
.vlr-empty{font-size:14px;color:#8a8275;text-align:center;padding:24px}
.vlr-more-wrap{text-align:center;margin:20px 0}
.vlr-more{background:#bb4e1a;color:#fff;border:0;border-radius:30px;padding:12px 28px;font-weight:700;
  font-size:13px;cursor:pointer}
.vlr-more:hover{background:#a23f12}

/* responsive */
@media (max-width:1024px){ .vlr-featured-grid{grid-template-columns:1fr 1fr} }
@media (max-width:760px){
  .vlr-hero h1{font-size:28px}
  .vlr-featured-grid,.vlr-grid{grid-template-columns:1fr}
  .vlr-strip{gap:16px;font-size:12px}
}

/* --- Theme-cascade overrides --------------------------------------------- *
 * The page renders inside the theme's #main, so phx/style.css bleeds in:
 *   blockquote{color:#fff;background-color:#006326}  → green-blocks our reviews
 *   h1,h2,...{color:#006326}                         → greens hero headings
 * Our single-class selectors out-specify those element rules.            */
.vlr-hero h1{color:#fff}
.vlr-agg{color:#fff}
.vlr-marquee{background:none;color:#fff}
.vlr-body{background:none}          /* kill the theme's green blockquote bg */
.vlr-reply-b{background:none}
.vlr-ctas .vlr-pill{color:#fff}     /* theme a:link{color:#bb4e1a} (spec 11) was hiding the solid pill's text */

/* --- CTA band (was unstyled; mirrors city-landing .vl-cta) ---------------- */
.vlr-cta{background:linear-gradient(135deg,#0e4e20,#006326);color:#fff;text-align:center;padding:46px 20px;margin-top:10px}
.vlr-cta h2{color:#fff;font-size:28px;margin:0 0 8px}
.vlr-cta p{color:#dfeede;max-width:640px;margin:0 auto 6px;line-height:1.6}
.vlr-cta p a{color:#fff;text-decoration:underline;font-weight:700}
.vlr-cta-form{max-width:640px;margin:18px auto 0;background:#fff;border-radius:12px;padding:24px;text-align:left;color:#33413a}
.vlr-cta-form label{color:#0e4e20;font-weight:600}
.vlr-cta-form input[type=text],.vlr-cta-form input[type=email],.vlr-cta-form input[type=tel],.vlr-cta-form textarea,.vlr-cta-form select{width:100%;box-sizing:border-box}
.vlr-cta-form .gform_button{background:#bb4e1a;color:#fff;font-weight:700;border:0;padding:12px 22px;border-radius:6px;cursor:pointer}
.vlr-cta-form .gform_button:hover{background:#a23f12}