/* ============================================================
   Hover effects — NDS site
   Transitions are intentionally quick (0.18s) and subtle.
   Attribute selectors target the inline-style patterns used
   throughout the ported partials.
   ============================================================ */

/* ── Header nav links ── */
.nds-nav a {
  transition: color 0.18s ease-out !important;
}
.nds-nav a:hover {
  color: #fff !important;
}

/* ── Services dropdown items ── */
.nds-svc-menu a {
  transition: color 0.15s ease-out, background 0.15s ease-out !important;
}
.nds-svc-menu a:hover {
  color: #fff !important;
  background: #1d1f22 !important;
}

/* ── Primary red CTA buttons ── */
a[style*="background:#A6192E"] {
  transition: background 0.18s ease-out, transform 0.18s ease-out,
    box-shadow 0.18s ease-out !important;
}
a[style*="background:#A6192E"]:hover {
  background: #c42238 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(166, 25, 46, 0.4) !important;
}

/* ── Dark/black CTA buttons ── */
a[style*="background:#0E0F10"] {
  transition: background 0.18s ease-out, transform 0.18s ease-out !important;
}
a[style*="background:#0E0F10"]:hover {
  background: #232529 !important;
  transform: translateY(-2px) !important;
}

/* ── Outline / ghost buttons ── */
a[style*="border:2px solid rgba(255,255,255"] {
  transition: background 0.18s ease-out, transform 0.18s ease-out !important;
}
a[style*="border:2px solid rgba(255,255,255"]:hover {
  background: rgba(255, 255, 255, 0.07) !important;
  transform: translateY(-2px) !important;
}

/* ── Card links (dark-bg cards that are <a> elements) ── */
a[style*="background:#1D1F22"] {
  transition: background 0.18s ease-out, transform 0.2s ease-out,
    box-shadow 0.2s ease-out !important;
}
a[style*="background:#1D1F22"]:hover {
  background: #232529 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5) !important;
}

/* ── Div cards that already carry a CSS transition (service / news cards) ── */
div[style*="background:#1D1F22"][style*="transition"] {
  will-change: background, transform;
}
div[style*="background:#1D1F22"][style*="transition"]:hover {
  background: #232529 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.5) !important;
}

/* ── Inline red links (Enquire →, Read more →, etc.) ── */
a[style*="color:#E04B5F"] {
  transition: color 0.18s ease-out !important;
}
a[style*="color:#E04B5F"]:hover {
  color: #ff7a88 !important;
}

/* ── Muted grey links (footer nav, breadcrumbs) ── */
a[style*="color:#9A9791"] {
  transition: color 0.18s ease-out !important;
}
a[style*="color:#9A9791"]:hover {
  color: #e8e6e1 !important;
}

/* ── Very dark muted links (privacy / terms in footer bar) ── */
a[style*="color:#5B5955"] {
  transition: color 0.18s ease-out !important;
}
a[style*="color:#5B5955"]:hover {
  color: #9a9791 !important;
}

/* ── Social / tag border buttons ── */
a[style*="border:1px solid #26282C"] {
  transition: border-color 0.18s ease-out, color 0.18s ease-out,
    background 0.18s ease-out !important;
}
a[style*="border:1px solid #26282C"]:hover {
  border-color: #4a4d52 !important;
  color: #e8e6e1 !important;
  background: #1d1f22 !important;
}

/* ── Phone & email links (header, footer, contact page) ── */
a[href^="tel"],
a[href^="mailto"] {
  transition: color 0.18s ease-out !important;
}
a[href^="tel"]:hover,
a[href^="mailto"]:hover {
  color: #e04b5f !important;
}

/* ── Logo — subtle dim on hover ── */
.nds-header > a:first-child {
  transition: opacity 0.18s ease-out !important;
}
.nds-header > a:first-child:hover {
  opacity: 0.82 !important;
}

/* ── Mobile menu links ── */
.nds-mobile-menu > a {
  transition: color 0.15s ease-out, background 0.15s ease-out !important;
}
.nds-mobile-menu > a:hover {
  color: #fff !important;
  background: #1d1f22 !important;
}
.nds-mobile-sub a {
  transition: color 0.15s ease-out !important;
}
.nds-mobile-sub a:hover {
  color: #e8e6e1 !important;
}
.nds-mobile-actions .nds-mobile-tel {
  transition: color 0.18s ease-out !important;
}
.nds-mobile-actions .nds-mobile-tel:hover {
  color: #e04b5f !important;
}
.nds-mobile-actions .nds-mobile-quote {
  transition: background 0.18s ease-out !important;
}
.nds-mobile-actions .nds-mobile-quote:hover {
  background: #c42238 !important;
}