/* ==========================================================================
   wave-ui.css — footer styling
   --------------------------------------------------------------------------
   Loaded from php/footer.php, after the theme stylesheets, so it wins over
   assets/css/main.css on equal specificity. Nothing here is minified: this is
   the file to edit.

   Scope is deliberately limited to the site footer. Header, navigation, page
   headers and buttons are the purchased theme's and are left untouched.
   ========================================================================== */

:root {
  --wave-blue: #2560d4;
  --wave-ink: #0d1b3e;
  --wave-body: #5a6784;
  --wave-line: #e4e9f2;
}

/* --------------------------------------------------------------------------
   Density and rhythm
   Smaller type and real column spacing; the chevron pseudo-elements that the
   theme put before every link are removed — they added noise, not meaning.
   -------------------------------------------------------------------------- */

.style-two .footer-top.padding-top { padding-top: 52px; }
.style-two .footer-top.padding-bottom { padding-bottom: 36px; }
.style-two .footer-top { font-size: 15px; }

.style-two .footer-top .footer-widget .title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
  color: var(--wave-ink) !important;
}

.style-two .footer-top .footer-widget ul li { padding: 3px 0; }
.style-two .footer-top .footer-widget.link-widget ul li a::before { content: none; }
.style-two .footer-top .footer-widget.link-widget ul li a:hover { padding-left: 0; }

/* The theme lays footer lists out inline, so a multi-item link list wrapped
   into ragged rows. Two tidy columns instead. */
.style-two .footer-top .footer-widget ul.footer-quick-links,
.style-two .footer-top .footer-widget ul.footer-branches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
}
.style-two .footer-top .footer-widget ul.footer-quick-links li,
.style-two .footer-top .footer-widget ul.footer-branches li { width: auto; }

@media (max-width: 575px) {
  .style-two .footer-top .footer-widget ul.footer-quick-links,
  .style-two .footer-top .footer-widget ul.footer-branches { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   Brand block, hours, partners
   -------------------------------------------------------------------------- */

.footer-brand-tagline {
  margin: 14px 0 18px;
  max-width: 34ch;
  line-height: 1.6;
}

.style-two .footer-top .footer-contact li a { display: inline-flex; align-items: center; gap: 8px; }

.footer-subtitle {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--wave-ink) !important;
  margin: 22px 0 10px;
}

.footer-hours li { display: flex; justify-content: space-between; gap: 16px; max-width: 260px; }

.footer-partners { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.footer-partner-logo { max-height: 34px; width: auto; opacity: .75; transition: opacity .18s ease; }
.footer-partner-logo:hover { opacity: 1; }

/* --------------------------------------------------------------------------
   Social
   Duplicated in the footer as well as the header: the header keeps its text
   links, these are the circular icon buttons at the end of the brand column.
   -------------------------------------------------------------------------- */

.footer-social { display: flex; gap: 10px; margin-top: 18px; list-style: none; padding: 0; }
.footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 9999px;
  border: 1px solid var(--wave-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wave-body) !important;
  background: #fff;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.footer-social a:hover {
  background: var(--wave-blue);
  border-color: var(--wave-blue);
  color: #fff !important;
}
.footer-social a i { color: inherit !important; }

/* --------------------------------------------------------------------------
   Legal bar
   -------------------------------------------------------------------------- */

footer .footer-bottom {
  background: #fff;
  border-top: 1px solid var(--wave-line);
  font-size: 13.5px;
}
footer .footer-bottom p, footer .footer-bottom a { color: var(--wave-body); }
footer .footer-bottom a:hover { color: var(--wave-blue); }