/* Keep linked card headings consistent with the UK Secure brand palette. */
.service-card h3 a {
    color: inherit;
    text-decoration: none;
}

.service-card h3 a:hover,
.service-card h3 a:focus-visible {
    color: #0056b3;
    text-decoration: underline;
}

/* Prevent unstyled text links from falling back to browser-bright blue. */
a:not([class]) {
    color: #003668;
}

a:not([class]):hover,
a:not([class]):focus-visible {
    color: #0056b3;
}

.footer a:not([class]) {
    color: #ccc;
}

.footer a:not([class]):hover,
.footer a:not([class]):focus-visible {
    color: #fff;
}

/* Secondary actions must remain visible on both light and dark sections. */
.btn-secondary {
    background: #003668 !important;
    border-color: #003668 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 54, 104, 0.18);
}

.btn-secondary:hover,
.btn-secondary:focus-visible {
    background: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #fff !important;
}

/* Location-page links sit on a light background, so use solid brand buttons. */
.location-pages {
    border-top: 1px solid #dbe4ec;
}

.location-pages .btn {
    background: #003668 !important;
    border-color: #003668 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 54, 104, 0.18);
}

.location-pages .btn:hover,
.location-pages .btn:focus-visible {
    background: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #fff !important;
    transform: translateY(-2px);
}

/* Present breadcrumbs as a compact, readable navigation bar. */
.breadcrumb-nav {
    background: #fff;
    border-top: 1px solid #e2e8f0;
    padding: 0.85rem 0;
}

.breadcrumb-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    list-style: none;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
}

.breadcrumb-list li {
    color: #475569;
    font-size: 0.95rem;
}

.breadcrumb-list li + li::before {
    color: #94a3b8;
    content: "/";
    margin-right: 0.45rem;
}

.breadcrumb-list a {
    color: #003668;
    font-weight: 600;
    text-decoration: none;
}

.breadcrumb-list a:hover,
.breadcrumb-list a:focus-visible {
    color: #0056b3;
    text-decoration: underline;
}
