/* ==========================================================
   Shadow Ventures theme
   Load AFTER css/style.css. Colours are taken from the logo:
   ink (bird head/tail), charcoal (wing), slate (upper wing),
   silver (reflection).
   ========================================================== */
:root {
  --sv-ink: #231F20;
  --sv-charcoal: #414042;
  --sv-slate: #58595B;
  --sv-silver: #CCCCCC;
  --sv-mist: #F4F4F5;
}

::selection { background: var(--sv-ink); color: #fff; }

body { color: var(--sv-slate); }
h1, h2, h3, h4, h5, h6 { color: var(--sv-ink); }

/* ---------- Logo ---------- */
.navbar-brand img { max-height: 70px; width: auto; mix-blend-mode: multiply; }
.footer .logo img { max-height: 85px; width: auto; mix-blend-mode: multiply; }
@media (max-width: 991px) { .navbar-brand img { max-height: 52px; } }

/* ---------- Text colour helpers ---------- */
.title-color, .text-color { color: var(--sv-ink) !important; }
.text-color-2 { color: var(--sv-charcoal) !important; }

/* ---------- Buttons ---------- */
.btn-main, .btn-main-2 {
  background: var(--sv-ink);
  border-color: var(--sv-ink);
  color: #fff;
}
.btn-main:hover, .btn-main:focus,
.btn-main-2:hover, .btn-main-2:focus {
  background: var(--sv-charcoal);
  border-color: var(--sv-charcoal);
  color: #fff;
}
.btn-solid-border { border-color: var(--sv-ink); color: var(--sv-ink); }
.btn-solid-border:hover { background: var(--sv-ink); color: #fff; }

/* ---------- Top bar, navigation ---------- */
.header-top-bar { background: var(--sv-ink); }
.navigation .navbar-nav .nav-link { color: var(--sv-charcoal); }
.navigation .navbar-nav .nav-link:hover,
.navigation .navbar-nav .nav-item.active > .nav-link,
.navigation .navbar-nav .nav-link:focus {
  color: var(--sv-ink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

/* ---------- Dividers, backgrounds ---------- */
.divider { background: var(--sv-slate); }
.gray-bg { background: var(--sv-mist); }
.page-title .overlay { background: var(--sv-ink); }
.cta-section .cta { background: var(--sv-ink); }
.appoinment-content .emergency { background: var(--sv-ink); }

/* ---------- Icons ---------- */
.service-item .icon i,
.contact-block i,
.feature-icon i { color: var(--sv-ink); }
.testimonial-block i { color: var(--sv-slate); }

/* ---------- Banner ---------- */
.banner h1, .banner .block h1 { color: var(--sv-ink); }

/* ---------- Forms ---------- */
.form-control:focus {
  border-color: var(--sv-ink);
  box-shadow: none;
}

/* ---------- Footer ---------- */
.footer-socials li a:hover,
.footer-menu li a:hover,
.footer a:hover { color: var(--sv-ink); }
.backtop { background: var(--sv-ink); }