/* Veterinar Help: brand and chrome refresh (2026-10-14).
   Loaded after legacy styles. Only header, footer and brand marks are changed. */

/* Compact brand icon with the supplied dog-and-cat artwork. */
body.vh-refresh .vh-header__brand {
    gap: 10px;
    text-decoration: none;
}
body.vh-refresh .vh-header__logo {
    display: block;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    max-width: none;
    object-fit: contain;
}
body.vh-refresh .vh-header__brand-name {
    color: #215be4;
    font-weight: 800;
    letter-spacing: -0.025em;
}
body.vh-refresh .vh-header__brand:hover .vh-header__brand-name { color: #1748bd; }
body.vh-refresh .vh-utility-link[href] { text-decoration:none;transition:color .15s ease; }
body.vh-refresh .vh-utility-link[href]:hover,
body.vh-refresh .vh-utility-link.is-current { color:#215be4; }
body.vh-refresh .vh-utility-link[href]:focus-visible { outline:2px solid #2563eb;outline-offset:4px;border-radius:2px; }

/* Keep the desktop second line sticky, not internally scrollable.
   Dropdowns must stay visible outside the nav bounds. */
@media (min-width: 761px) {
    body.vh-refresh .vh-header__primary-inner {
        min-height: 56px;
        align-items: center;
    }
    body.vh-refresh .vh-header__nav {
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
        flex-wrap: wrap;
        overscroll-behavior: auto;
        scrollbar-width: none;
        align-items: center;
        row-gap: 0;
    }
    body.vh-refresh .vh-header__nav::-webkit-scrollbar { display: none; }
    body.vh-refresh .vh-header__nav .vh-nav-link { min-height: 56px; }
    body.vh-refresh .vh-header__account { min-height: 48px; }
}
@media (min-width: 761px) and (max-width: 1050px) {
    body.vh-refresh .vh-header__brand-name { display: none; }
    body.vh-refresh .vh-header__utility { gap: 8px; }
    body.vh-refresh .vh-utility-link { font-size: 12px; }
}
@media (max-width: 760px) {
    body.vh-refresh .vh-header__logo { flex-basis: 34px; width: 34px; height: 34px; }
    /* Existing burger and vertical mobile menus keep their normal overflow. */
}

/* Shared brand in the sign-in screen and the account header. */
.vh-auth__header .vh-site-brand,
.cab-header .vh-site-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}
.vh-brand-mini {
    display: block;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    object-fit: contain;
}
.vh-auth__header .vh-site-brand span,
.cab-header .vh-site-brand span { font-weight: 750; }

/* Match the pale blue-grey backgrounds and blue actions of the public pages.
   The legal-pages patch ships embedded green rules; these more specific rules
   intentionally override the colors but keep the legal links accessible. */
body footer.vh-legal-footer {
    margin-top: 32px;
    padding: 28px 22px;
    background: linear-gradient(180deg, #f7f9fd 0%, #eef3fa 100%);
    border-top: 1px solid #dce5f2;
    text-align: center;
    box-shadow: none;
}
body footer.vh-legal-footer .vh-legal-footer-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 26px;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}
body footer.vh-legal-footer .vh-legal-footer-nav a,
body footer.vh-legal-footer > a {
    color: #2454b8;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.5;
    text-decoration: none;
    transition: color .15s ease;
}
body footer.vh-legal-footer .vh-legal-footer-nav a:hover,
body footer.vh-legal-footer > a:hover {
    color: #143c90;
    text-decoration: underline;
    text-underline-offset: 4px;
}
body footer.vh-legal-footer .vh-legal-footer-nav a:focus-visible,
body footer.vh-legal-footer > a:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 5px;
    border-radius: 2px;
}
@media (max-width: 600px) {
    body footer.vh-legal-footer { padding: 24px 16px; }
    body footer.vh-legal-footer .vh-legal-footer-nav { gap: 13px 20px; }
}