/* Safety net for the JS-preserving mirror (loaded LAST in every page).
   The theme JS runs and handles most behaviour, but a few WoodMart inits (lazy-image
   fade, some owl carousels) don't always fire in the static context. These rules:
     - make lazy-faded images visible (the fade is only an entrance effect)
     - lay out any carousel the JS did NOT initialise
   Everything is scoped with :not(initialized) so it never overrides a carousel the
   theme JS DID initialise. */

/* Lazy images: show them whether or not .wd-loaded ever gets added. */
.wd-lazy-fade,
img.wd-lazy-fade { opacity: 1 !important; }

/* Owl carousels that never initialised (owlInit miss) -> visible scroll row. */
.owl-carousel:not(.owl-loaded) {
  display: flex !important;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 16px;
}
.owl-carousel:not(.owl-loaded) > * { flex: 0 0 auto; }

/* Splide rows that never initialised -> visible row (initialised ones are untouched). */
.splide:not(.is-initialized):not(.is-active) { visibility: visible !important; }
.splide:not(.is-initialized):not(.is-active) .splide__track { overflow: visible !important; }
.splide:not(.is-initialized):not(.is-active) .splide__list {
  display: flex !important;
  flex-wrap: nowrap;
  transform: none !important;
  width: auto !important;
}
.splide:not(.is-initialized):not(.is-active) .splide__slide { flex: 0 0 auto; }

/* Service-list link arrows: the theme renders an arrow as a Font Awesome pseudo
   glyph that shows as an empty box when FA is in svg-with-js mode. Replace with a
   clean unicode arrow so it always renders. */
.info-box-inner ul li > a::after {
  content: "  \2197" !important;        /* ↗ */
  font-family: inherit !important;
  font-weight: 600;
  text-decoration: none;
  display: inline;
}

/* Footer: ensure text is legible (white/light) on the dark-blue background */
.footer-container, .footer-container p, .footer-container li,
.footer-container a, .footer-container span, .footer-container .widget a,
.footer-container .menu-item a, .footer-container address {
  color: #e6e9ef !important;
}
.footer-container a:hover { color: #ffffff !important; }
.footer-container h1, .footer-container h2, .footer-container h3,
.footer-container h4, .footer-container h5, .footer-container h6,
.footer-container .widget-title, .footer-container .wd-widget-title {
  color: #ffffff !important;
}