.elementor-3423 .elementor-element.elementor-element-fa50119{--display:flex;}.elementor-3423 .elementor-element.elementor-element-fa50119.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-3423 .elementor-element.elementor-element-fa50119{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-7a6682db *//* ============================================================================
   WRIGHT'S RENOVATIONS - /reviews/ page
   Namespace: .wri-rv
   Install: WPCode → CSS Snippet → Site Wide Header → Auto Insert
   Pair: Kadence Custom HTML block (reviews-page.html)
   ============================================================================ */

/* --- Tokens (scoped) --- */
.wri-rv {
  --rv-orange: #FF5C35;
  --rv-orange-hover: #E84D2A;
  --rv-orange-soft: #FFF1EC;
  --rv-orange-access: #C13D1B;
  --rv-ink: #0A0A14;
  --rv-body: #4A4A5C;
  --rv-muted: #6B6B80;
  --rv-chapati: #FCEAD7;
  --rv-oatmilk: #FEF4EA;
  --rv-seam: #FDFCF9;
  --rv-line: #ECE7DF;
  --rv-line-soft: #F3EFE8;
  --rv-star: #F5B100;
  --rv-serif: 'Playfair Display', Georgia, serif;
  --rv-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --rv-ease: cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--rv-sans);
  color: var(--rv-body);
  background: var(--rv-seam);
  font-size: 18px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Reset (scoped) --- */
.wri-rv *,
.wri-rv *::before,
.wri-rv *::after { box-sizing: border-box; margin: 0; padding: 0; }

.wri-rv h1, .wri-rv h2, .wri-rv h3, .wri-rv h4 {
  font-family: var(--rv-serif) !important;
  color: var(--rv-ink) !important;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.01em;
  text-wrap: balance;
  text-shadow: none !important;
}
.wri-rv p, .wri-rv li { text-wrap: pretty; }
.wri-rv a { color: inherit; text-decoration: none; }

/* --- Layout --- */
.wri-rv__wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.wri-rv__wrap--narrow { max-width: 760px; }

/* --- Eyebrow --- */
.wri-rv__eyebrow {
  font-family: var(--rv-sans);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--rv-orange-access) !important;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.wri-rv__eyebrow::before {
  content: '';
  width: 28px;
  height: 1.5px;
  background: var(--rv-orange);
}

/* --- Inline link style --- */
.wri-rv__link {
  color: var(--rv-ink) !important;
  font-weight: 500;
  box-shadow: inset 0 -0.06em 0 var(--rv-orange);
  transition: box-shadow 0.25s var(--rv-ease), color 0.25s var(--rv-ease);
}
.wri-rv__link:hover {
  color: var(--rv-orange) !important;
  box-shadow: inset 0 -0.5em 0 var(--rv-orange-soft);
}

/* ===== HERO ===== */
.wri-rv__hero {
  background: var(--rv-seam);
  padding: clamp(72px, 11vw, 132px) 0 clamp(48px, 6vw, 72px);
  border-bottom: 1px solid var(--rv-line);
  text-align: center;
}
.wri-rv__hero .wri-rv__eyebrow {
  margin-bottom: 28px;
  opacity: 0;
  animation: wri-rv-rise 0.7s var(--rv-ease) 0.05s forwards;
}
.wri-rv__hero h1 {
  font-size: clamp(2.8rem, 6.4vw, 5rem) !important;
  margin-bottom: 28px;
  max-width: 16ch;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  animation: wri-rv-rise 0.7s var(--rv-ease) 0.14s forwards;
}
.wri-rv__hero h1 em {
  font-style: italic;
  color: var(--rv-orange) !important;
}
.wri-rv__hero-lead {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  color: var(--rv-body) !important;
  max-width: 52ch;
  margin: 0 auto 40px;
  opacity: 0;
  animation: wri-rv-rise 0.7s var(--rv-ease) 0.24s forwards;
}

/* --- Trust strip --- */
.wri-rv__trust {
  display: inline-flex;
  align-items: center;
  gap: clamp(20px, 3vw, 36px);
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 16px;
  padding: 16px 26px;
  box-shadow: 0 1px 2px rgba(10,10,20,0.04), 0 18px 36px -28px rgba(10,10,20,0.18);
  opacity: 0;
  animation: wri-rv-rise 0.7s var(--rv-ease) 0.34s forwards;
}
.wri-rv__trust-item { display: flex; align-items: center; gap: 10px; }
.wri-rv__trust-divider { width: 1px; height: 32px; background: var(--rv-line); }
.wri-rv__trust-stars { color: var(--rv-star); font-size: 1.1rem; letter-spacing: 2px; line-height: 1; }
.wri-rv__trust-num {
  font-family: var(--rv-serif) !important;
  font-size: 1.6rem;
  color: var(--rv-ink) !important;
  line-height: 1;
}
.wri-rv__trust-label {
  font-family: var(--rv-sans);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--rv-muted) !important;
  margin-top: 4px;
}
.wri-rv__trust-meta { display: flex; flex-direction: column; }
.wri-rv__trust-link {
  font-family: var(--rv-sans);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--rv-orange) !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.25s var(--rv-ease);
}
.wri-rv__trust-link:hover { gap: 9px; }
.wri-rv__trust-link svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* ===== INTRO ===== */
.wri-rv__intro {
  background: var(--rv-oatmilk);
  padding: clamp(56px, 8vw, 88px) 0;
  border-bottom: 1px solid var(--rv-line);
}
.wri-rv__intro-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(36px, 5vw, 64px);
  align-items: start;
}
@media (min-width: 900px) {
  .wri-rv__intro-grid { grid-template-columns: 1fr 1fr; }
}
.wri-rv__intro h2 {
  font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;
  margin-bottom: 18px;
}
.wri-rv__intro p {
  font-size: 1.02rem;
  margin-bottom: 14px;
  color: var(--rv-body) !important;
}
.wri-rv__intro-card {
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 16px;
  padding: clamp(24px, 3vw, 32px);
}
.wri-rv__intro-card-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--rv-orange-access) !important;
  margin-bottom: 12px;
}
.wri-rv__intro-card h3 {
  font-family: var(--rv-serif) !important;
  font-size: 1.3rem !important;
  margin-bottom: 14px;
}
.wri-rv__intro-card ul { list-style: none; }
.wri-rv__intro-card li {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  font-size: 0.94rem;
  color: var(--rv-body) !important;
  border-bottom: 1px solid var(--rv-line-soft);
}
.wri-rv__intro-card li:last-child { border-bottom: none; }
.wri-rv__intro-card li svg {
  flex-shrink: 0;
  width: 17px;
  height: 17px;
  stroke: var(--rv-orange);
  stroke-width: 2.2;
  fill: none;
  margin-top: 3px;
}

/* ===== PATTERNS SECTION ===== */
.wri-rv__patterns {
  background: var(--rv-seam);
  padding: clamp(56px, 8vw, 88px) 0;
  border-bottom: 1px solid var(--rv-line);
}
.wri-rv__patterns h2 {
  font-size: clamp(2rem, 3.8vw, 2.8rem) !important;
  margin-bottom: 16px;
}
.wri-rv__pattern-block {
  padding: clamp(28px, 4vw, 40px) 0;
  border-bottom: 1px solid var(--rv-line-soft);
}
.wri-rv__pattern-block:last-child { border-bottom: none; }
.wri-rv__pattern-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--rv-orange-access) !important;
  margin-bottom: 10px;
}
.wri-rv__pattern-block h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
  margin-bottom: 12px;
}
.wri-rv__pattern-block p {
  font-size: 0.96rem;
  color: var(--rv-body) !important;
  max-width: 72ch;
  line-height: 1.7;
}
.wri-rv__pattern-block a {
  color: var(--rv-ink) !important;
  font-weight: 500;
  box-shadow: inset 0 -0.06em 0 var(--rv-orange);
  transition: box-shadow 0.25s var(--rv-ease), color 0.25s var(--rv-ease);
}
.wri-rv__pattern-block a:hover {
  color: var(--rv-orange) !important;
  box-shadow: inset 0 -0.5em 0 var(--rv-orange-soft);
}

/* ===== CHECKLIST SECTION ===== */
.wri-rv__checklist {
  background: #fff;
  padding: clamp(56px, 8vw, 88px) 0;
  border-bottom: 1px solid var(--rv-line);
}
.wri-rv__checklist h2 {
  font-size: clamp(2rem, 3.8vw, 2.8rem) !important;
  margin-bottom: 16px;
}
.wri-rv__check-block {
  padding: clamp(28px, 4vw, 40px) 0;
  border-bottom: 1px solid var(--rv-line-soft);
}
.wri-rv__check-block:last-child { border-bottom: none; }
.wri-rv__check-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: var(--rv-orange-access) !important;
  margin-bottom: 10px;
}
.wri-rv__check-block h3 {
  font-size: clamp(1.2rem, 2vw, 1.5rem) !important;
  margin-bottom: 12px;
}
.wri-rv__check-block p {
  font-size: 0.96rem;
  color: var(--rv-body) !important;
  max-width: 72ch;
  line-height: 1.7;
}
.wri-rv__check-block a {
  color: var(--rv-ink) !important;
  font-weight: 500;
  box-shadow: inset 0 -0.06em 0 var(--rv-orange);
  transition: box-shadow 0.25s var(--rv-ease), color 0.25s var(--rv-ease);
}
.wri-rv__check-block a:hover {
  color: var(--rv-orange) !important;
  box-shadow: inset 0 -0.5em 0 var(--rv-orange-soft);
}
.wri-rv__checklist-close {
  margin-top: 32px;
  font-size: 1rem;
  color: var(--rv-body) !important;
  max-width: 760px;
  line-height: 1.7;
}

/* ===== REVIEW WALL ===== */
.wri-rv__wall {
  background: var(--rv-seam);
  padding: clamp(72px, 10vw, 120px) 0;
}
.wri-rv__wall-head {
  text-align: center;
  margin-bottom: clamp(48px, 5vw, 72px);
}
.wri-rv__wall-head .wri-rv__eyebrow {
  margin-bottom: 18px;
  display: inline-flex;
}
.wri-rv__wall-head h2 {
  font-size: clamp(2rem, 3.8vw, 2.8rem) !important;
  margin-bottom: 16px;
  max-width: 18ch;
  margin-left: auto;
  margin-right: auto;
}
.wri-rv__wall-head p {
  font-size: 1.05rem;
  max-width: 50ch;
  margin: 0 auto;
  color: var(--rv-muted) !important;
}

/* --- Review grid --- */
.wri-rv__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 720px) {
  .wri-rv__grid { grid-template-columns: 1fr 1fr; gap: 22px; }
}
@media (min-width: 1040px) {
  .wri-rv__grid { grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
}

/* --- Review card --- */
.wri-rv__card {
  background: #fff;
  border: 1px solid var(--rv-line);
  border-radius: 16px;
  padding: 30px 32px;
  display: flex;
  flex-direction: column;
  transition: border-color 0.3s var(--rv-ease), transform 0.3s var(--rv-ease), box-shadow 0.3s var(--rv-ease);
  position: relative;
}
.wri-rv__card:hover {
  border-color: var(--rv-orange);
  transform: translateY(-3px);
  box-shadow: 0 24px 48px -28px rgba(10,10,20,0.22);
}
.wri-rv__card-quote {
  font-family: var(--rv-serif) !important;
  font-style: italic;
  font-weight: 500;
  font-size: 2.6rem;
  color: var(--rv-orange) !important;
  line-height: 0.9;
  margin-bottom: 14px;
  user-select: none;
}
.wri-rv__card-text {
  color: var(--rv-ink) !important;
  font-size: 0.97rem;
  line-height: 1.6;
  flex: 1;
  margin-bottom: 22px;
}
.wri-rv__card-foot {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  padding-top: 18px;
  border-top: 1px solid var(--rv-line-soft);
}
.wri-rv__card-author { display: flex; flex-direction: column; gap: 2px; }
.wri-rv__card-name {
  font-family: var(--rv-sans);
  font-weight: 600;
  color: var(--rv-ink) !important;
  font-size: 0.96rem;
}
.wri-rv__card-source {
  font-family: var(--rv-sans);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--rv-muted) !important;
}
.wri-rv__card-stars {
  color: var(--rv-star);
  font-size: 0.86rem;
  letter-spacing: 1.5px;
  line-height: 1;
  white-space: nowrap;
}

/* ===== CTA ===== */
.wri-rv__cta {
  background: var(--rv-ink);
  color: #fff;
  padding: clamp(64px, 9vw, 116px) 0;
  text-align: center;
}
.wri-rv__cta h2 {
  color: #fff !important;
  font-size: clamp(2rem, 4.2vw, 3.2rem) !important;
  margin-bottom: 18px;
}
.wri-rv__cta h2 em {
  font-style: italic;
  color: var(--rv-orange) !important;
}
.wri-rv__cta p {
  font-size: 1.15rem;
  color: rgba(255,255,255,0.74) !important;
  max-width: 52ch;
  margin: 0 auto 36px;
}
.wri-rv__cta-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}

/* --- CTA buttons (hardened) --- */
.wri-rv__btn,
.wri-rv__btn:link,
.wri-rv__btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--rv-sans) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 16px 28px !important;
  border-radius: 12px !important;
  border: 1.5px solid transparent !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background 0.3s var(--rv-ease), border-color 0.3s var(--rv-ease), transform 0.3s var(--rv-ease), box-shadow 0.3s var(--rv-ease) !important;
}
.wri-rv__btn--primary,
.wri-rv__btn--primary:link,
.wri-rv__btn--primary:visited {
  background: var(--rv-orange) !important;
  color: #fff !important;
  border-color: var(--rv-orange) !important;
  box-shadow: 0 6px 16px rgba(255,92,53,0.28) !important;
}
.wri-rv__btn--primary:hover,
.wri-rv__btn--primary:active,
.wri-rv__btn--primary:focus {
  background: var(--rv-orange-hover) !important;
  border-color: var(--rv-orange-hover) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px -8px rgba(255,92,53,0.5) !important;
}
.wri-rv__btn--primary span { color: #fff !important; }

.wri-rv__btn--ghost,
.wri-rv__btn--ghost:link,
.wri-rv__btn--ghost:visited {
  background: transparent !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.3) !important;
}
.wri-rv__btn--ghost:hover,
.wri-rv__btn--ghost:active,
.wri-rv__btn--ghost:focus {
  background: rgba(255,255,255,0.06) !important;
  border-color: #fff !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}
.wri-rv__btn--ghost span { color: #fff !important; }

.wri-rv__cta-trust {
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: center;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.7) !important;
}
.wri-rv__cta-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,0.7) !important;
}
.wri-rv__cta-trust svg {
  width: 16px;
  height: 16px;
  stroke: var(--rv-orange);
  stroke-width: 2;
  fill: none;
}

/* ===== TRIO-PROOF GUARDS ===== */
/* Beat the .wri-dark auto-detector on the CTA section */
.wri-rv__cta.wri-rv__cta :is(h1,h2,h3,h4,h5,h6) { color: #fff !important; }
.wri-rv__cta.wri-rv__cta :is(p, li, span, div) { color: rgba(255,255,255,0.74) !important; }
.wri-rv__cta.wri-rv__cta em { color: var(--rv-orange) !important; }
.wri-rv__cta.wri-rv__cta a.wri-rv__btn--primary,
.wri-rv__cta.wri-rv__cta a.wri-rv__btn--primary span { color: #fff !important; }
.wri-rv__cta.wri-rv__cta a.wri-rv__btn--ghost,
.wri-rv__cta.wri-rv__cta a.wri-rv__btn--ghost span { color: #fff !important; }

/* --- Section-level utilities --- */
.wri-rv__section-eyebrow { margin-bottom: 18px; }
.wri-rv__section-sub { max-width: 60ch; margin-bottom: 40px; }

/* ===== ANIMATION ===== */
@keyframes wri-rv-rise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 640px) {
  .wri-rv__wrap { padding: 0 20px; }
  .wri-rv__trust { flex-direction: column; gap: 14px; padding: 20px; }
  .wri-rv__trust-divider { width: 100%; height: 1px; }
  .wri-rv__cta-btns { flex-direction: column; align-items: center; }
  .wri-rv__btn,
  .wri-rv__btn:link,
  .wri-rv__btn:visited { width: 100% !important; justify-content: center !important; }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .wri-rv *,
  .wri-rv *::before,
  .wri-rv *::after {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}/* End custom CSS */