/* =========================================================
   RENOVATION PAGE (page-renovation.php)
   Built on css/construction.css (cons_* blocks). Only what the
   renovation page adds lives here: its four text sections reuse
   the "services" photo + text row, alternating sides.
   ========================================================= */

/* Consecutive white rows: one gap between them, not two. */
.ren_section + .ren_section { padding-top: 0; }

.ren_section .cons_services__text { align-self: center; }
.ren_section .cons_services__lead { margin-bottom: 0; }

.cons_services--reverse .cons_services__photo { order: 2; }

/* A paragraph, not a bullet list, sits next to these photos: a shorter
   photo keeps the row from turning into white space around the text. */
@media (min-width: 1201px) {
  .ren_section .cons_services__photo img { min-height: 520px; }
}

/* Links inside the copy (the building-licence guide). */
.ren_section .cons_services__lead a,
.is-renovation-page .cons_faq__item .accordion-body a {
  color: #41545C;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: color .2s ease;
}
.ren_section .cons_services__lead a:hover,
.ren_section .cons_services__lead a:focus-visible,
.is-renovation-page .cons_faq__item .accordion-body a:hover,
.is-renovation-page .cons_faq__item .accordion-body a:focus-visible {
  color: #010101;
}

@media (max-width: 768px) {
  /* Stacked: the photo always goes first, like the construction rows. */
  .cons_services--reverse .cons_services__photo { order: 0; }
}