/* Site-wide custom styles (ported from the legacy styles.css).
   Tailwind output (wwwroot/css/tailwind.css) is generated — see package.json build:css. */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Shared brand tokens + subtle luxury background */
:root {
    --plate-blue: #1e40af;
    --plate-yellow: #facc15;
}

html,
body {
    min-height: 100%;
}

body {
    background: radial-gradient(900px 420px at 18% 16%, rgba(30, 64, 175, 0.08), transparent 60%), radial-gradient(700px 380px at 82% 22%, rgba(250, 204, 21, 0.10), transparent 55%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

/* The UK number-plate typeface the valuation card and share cards use (bundled; the legacy site
   relied on a server-installed font and fell back to monospace in the browser). */
@font-face {
    font-family: 'UKNumberPlate';
    src: url('/assets/fonts/UKNumberPlate.ttf') format('truetype');
    font-display: swap;
}

/* Navbar dropdowns (Account / System). Hover opens them only on devices with a real hover
   capability; .is-open (toggled by js/navbar.js on click/tap) works everywhere.
   Was an inline <style> inside the legacy navbar_*.js template literals. */
@media (hover: hover) and (pointer: fine) {
    .nav-dropdown:hover .nav-dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav-dropdown:hover .nav-dropdown-chevron {
        transform: rotate(180deg);
    }
}

.nav-dropdown.is-open .nav-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

.nav-dropdown.is-open .nav-dropdown-chevron {
    transform: rotate(180deg);
}

/* Animation utility used across some pages */
.animate-blob {
    animation: blob 7s infinite;
}

@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }

    33% {
        transform: translate(30px, -50px) scale(1.1);
    }

    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }

    100% {
        transform: translate(0px, 0px) scale(1);
    }
}