header.navbar-fixed,header.navbar-fixed nav{width:100%}header input[type=search]::-webkit-input-placeholder{color:#fff;font-weight:300}header input[type=search]:focus::-webkit-input-placeholder{color:#333;font-weight:300}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){nav.red .hide-on-med-and-down i.right{display:none}}.nothome header input[type=search]::-webkit-input-placeholder{color:#333;font-weight:300}.nothome header nav .input-field label i{color:#333!important}.brand-logo{text-indent:9999999999px;float:left;width:130px;height:45px;margin-top:10px;background:url(/nrs/newreg_logo.png) no-repeat;background-size:contain;overflow:hidden}nav ul a{color:rgba(255,255,255,1)}.dropdown-content li>a{font-size:12px}.dropdown-content li:hover{background:rgba(0,0,0,.02)}nav ul li ul a:hover{color:#333}nav form{background:rgba(0,0,0,.15)}#dropSearchWrap span{font-size:14px}#dropSearchWrap input[type=search],nav input[type=search],.blocksearch input[type="search"]{font-family:registration_plate_ukregular;font-size:1.4rem;height:100%;display:block;margin-bottom:0}.blocksearch{height:75px}.blocksearch input{border:0;box-shadow:0;outline:0}header #dropSearchWrap input[type=search],nav .input-field input[type=search]:focus,body.nothome nav .input-field input[type=search],.blocksearch input[type="search"],.blocksearch input[type="search"]:focus{background:#fdd835;color:#444}nav li{position:relative}nav li ul{top:100%!important}.dropdown-content li>a{color:#5f4949}nav.nav ul.right a{font-weight:700;position:relative;display:inline-block}nav.nav ul.right li a{display:block}.side-nav .input-field input[type=search]{height:64px;border-bottom:1px solid orange;font-family:registration_plate_ukregular;font-size:1.4em;margin-bottom:5px}.side-nav .input-field label.active{-webkit-transform:translateY(0%);transform:translateY(0%)}.side-nav .input-field input[type=search]~.material-icons{top:.8rem}@media (max-width:600px){header.navbar-fixed,header.navbar-fixed nav{height:64px}header.navbar-fixed nav{padding-top:2px}}@media (max-width:992px){nav form{height:60px}nav .input-field label i{color:#c00}.brand-logo{background-position:5px center}}@media only screen and (min-width:993px){nav a.button-collapse{display:none}}nav .button-collapse{float:right;position:relative;z-index:1;height:56px}nav .button-collapse i{font-size:2.7rem;height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0;white-space:nowrap;border-bottom: none;}nav .input-field input[type="search"]{display:block;line-height:inherit;padding-left:3.5rem;padding-right:3.5rem;width:calc(100% - 6rem);height:100%;border-bottom:0}#dropSearchWrap span{font-size:14px}#dropSearchWrap input[type=search],nav input[type=search],.blocksearch input[type="search"]{font-family:registration_plate_ukregular;font-size:1.4rem;height:100%;display:block;margin-bottom:0}.blocksearch{height:75px}.blocksearch input{border:0;box-shadow:0;outline:0}header #dropSearchWrap input[type=search],nav .input-field input[type=search]:focus,body.nothome nav .input-field input[type=search],.blocksearch input[type="search"],.blocksearch input[type="search"]:focus{background:#fdd835;color:#444}.callar .callus i{font-size:300%}.callar .callus{font-weight:700;padding-top:10px;padding-bottom:10px;display:inline-block;width:160px}.callus.leftside{margin-right:10%}nav .sidenav-trigger{margin:0}nav [class*="mdi-"],nav [class^="mdi-"],nav i,nav i.material-icons,nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:34px;height:64px;line-height:64px;margin:0 5px}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{margin-right:10px}.sidenav li>a{padding:0 20px}.input-field input[type="search"]~.mdi-navigation-close,.input-field input[type="search"]~.material-icons{position:absolute;top:0;right:-4rem;color:transparent;cursor:pointer;font-size:2rem;transition:.3s color;background:transparent}.input-field input[type="search"]~input.mdi-navigation-go{transition:.6s all}header #dropSearchWrap input[type="search"],nav .input-field input[type="search"]:focus,body.nothome nav .input-field input[type="search"],.blocksearch input[type="search"],.blocksearch input[type="search"]:focus{background:#fdd835}nav .input-field.hideover label{margin-left:0;transition:.6s all}.input-field input[type="search"].msearch:focus+label,.input-field input[type="search"].msearch.focused+label{margin-left:-50px}.input-field input[type="search"].msearch:focus,.input-field input[type="search"].msearch.focused{padding-left:.5rem;width:calc(100% - 4rem)}.input-field input[type="search"].msearch:focus~input[type="submit"],.input-field input[type="search"].msearch.focused~input[type="submit"]{right:-6px;padding:0;width:3.2rem;background:#436bd6;color:#fff!important}nav .input-field label.active i{color:#fff;top:20px;position:absolute;font-size:2.5em;left:10px}input[type="search"]::placeholder,input[type="search"]::-moz-placeholder{color:#444}i input[type="submit"]{color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;font-weight:700}header #dropSearchWrap input[type=search],nav .input-field input[type=search]:focus,body.nothome nav .input-field input[type=search],.blocksearch input[type="search"],.blocksearch input[type="search"]:focus{background-color:#fdd835!important;width:calc(100% - 4rem);color:#444;transition:all .3s}.sidenav li>a{overflow:hidden}@media(max-width:580px){header+.callar{display:flex;flex:1 0;align-content:center;justify-content:center;padding:5px;text-align:center}.callar .callus.leftside{margin-right:auto}.callar .callus{padding-top:auto;padding-bottom:auto}}

/* ============================================================================
   MASTERCLASS HEADER — 2026-05-02
   Full sitewide nav refresh: pill search field, refined typography,
   modern dropdown chrome, mobile parity. CSS-only — no markup changes.

   To revert: restore navbar.css.bak.20260502-header (both /assets and /mini).
   ============================================================================ */

/* ----- TYPE & ICONS ON DESKTOP NAV ----- */
nav ul.right > li > a {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
    padding: 0 14px !important;
    transition: background .15s ease !important;
    border-bottom: none !important;
}
nav ul.right > li > a:hover {
    background: rgba(255,255,255,0.10) !important;
}
nav ul.right > li > a > i.material-icons,
nav ul.right > li > a > i.material-icons.left,
nav ul.right > li > a > i.material-icons.right {
    font-size: 18px !important;
    height: 64px !important;
    line-height: 64px !important;
    margin: 0 4px !important;
}
nav ul.right > li > a > i.material-icons.right {
    margin-left: 2px !important;
    opacity: 0.8 !important;
}

/* ----- BRAND LOGO ----- */
.brand-logo {
    margin-top: 12px !important;
    height: 40px !important;
    background-size: contain !important;
}

/* ----- DESKTOP SEARCH PILL ----- */
nav form#miniform {
    height: 40px !important;
    width: 280px !important;
    margin: 12px 0 12px 16px !important;
    background: transparent !important;
    box-shadow: none !important;
}
nav form#miniform .input-field.hideover {
    height: 40px !important;
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.20), inset 0 0 0 1px rgba(0,0,0,.04) !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}
nav form#miniform .input-field label,
nav form#miniform .input-field label.active {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 22px !important;
    height: 22px !important;
    pointer-events: none !important;
    transition: opacity .2s ease !important;
}
nav form#miniform .input-field label i,
nav form#miniform .input-field label.active i {
    color: #c00 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    height: 22px !important;
    width: 22px !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    display: block !important;
}
nav form#miniform .input-field input[type="search"],
nav form#miniform .input-field input[type="search"].msearch,
nav form#miniform .input-field input[type="search"]:focus,
nav form#miniform .input-field input[type="search"].msearch:focus,
nav form#miniform .input-field input[type="search"].msearch.focused,
body.nothome nav form#miniform .input-field input[type="search"] {
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 44px 0 44px !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    color: #222 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}
nav form#miniform .input-field input[type="search"]::placeholder {
    color: #888 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
nav form#miniform .input-field input[type="search"]:focus ~ label,
nav form#miniform .input-field input[type="search"].msearch.focused ~ label {
    opacity: 0 !important;
}
nav form#miniform .input-field input[type="search"]:focus,
nav form#miniform .input-field input[type="search"].msearch.focused {
    padding-left: 16px !important;
}
nav form#miniform .input-field input[type="submit"].mdi-navigation-go.material-icons,
nav form#miniform .input-field input[type="search"].msearch:focus ~ input[type="submit"].mdi-navigation-go,
nav form#miniform .input-field input[type="search"].msearch.focused ~ input[type="submit"].mdi-navigation-go {
    position: absolute !important;
    top: 50% !important;
    right: 4px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: #007033 !important;
    color: #fff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: background .2s ease, transform .15s ease !important;
}
nav form#miniform .input-field input[type="submit"].mdi-navigation-go.material-icons:hover {
    background: #005c26 !important;
    transform: translateY(-50%) scale(1.06) !important;
}

/* ----- DROPDOWN MENUS — REFINED CHROME ----- */
.dropdown-content {
    border-radius: 10px !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.18), 0 1px 3px rgba(0,0,0,.06) !important;
    padding: 6px 0 !important;
    margin-top: 6px !important;
    border: 1px solid rgba(0,0,0,.04) !important;
    overflow: hidden !important;
}
.dropdown-content li > a,
nav ul .dropdown-content li > a {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
    font-size: 13px !important;
    padding: 9px 18px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
    color: #2a2a2a !important;
    transition: background .12s ease, color .12s ease !important;
}
.dropdown-content li:hover > a,
.dropdown-content li > a:hover {
    background: #fdf6e3 !important;
    color: #c00 !important;
}
.dropdown-content li.divider {
    margin: 0 !important;
    height: 1px !important;
    background: rgba(0,0,0,.06) !important;
    border: none !important;
}

/* ----- INTERMEDIATE DESKTOP: shrink miniform so the right UL always fits ---- */
/* At ~993–1350px the combined width of left nav + right UL (Sign in/out + My   */
/* Account + 280px form) can exceed the container, causing the right UL to drop  */
/* below the 64px nav and land visually on top of the filter bar.               */
@media (min-width:993px) and (max-width:1350px) {
    nav form#miniform {
        width: 160px !important;
        margin-left: 8px !important;
    }
}

/* ----- TABLET / MOBILE NAV ----- */
@media (max-width:992px) {
    nav .brand-logo {
        margin-top: 12px !important;
        background-position: 12px center !important;
    }
    nav a.button-collapse,
    nav .sidenav-trigger {
        height: 64px !important;
    }
    nav .button-collapse i.material-icons,
    nav .sidenav-trigger i.material-icons {
        font-size: 26px !important;
        height: 64px !important;
        line-height: 64px !important;
    }
    #toggleDropSearch i.material-icons {
        font-size: 24px !important;
        height: 64px !important;
        line-height: 64px !important;
        margin: 0 8px !important;
    }
    .right.headercall,
    a.right.headercall {
        font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        padding: 0 14px !important;
        line-height: 64px !important;
        letter-spacing: 0.02em !important;
    }
}

/* ----- MOBILE DROP SEARCH PILL ----- */
@media (max-width:600px) {
    #dropSearchWrap {
        background: rgba(255,255,255,0.98) !important;
        padding: 14px 12px !important;
        box-shadow: 0 4px 16px rgba(0,0,0,.10) !important;
        border-bottom: 1px solid rgba(0,0,0,.06) !important;
    }
    #dropSearchWrap form .input-field {
        background: #f5f5f7 !important;
        border-radius: 999px !important;
        height: 48px !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 0 !important;
    }
    #dropSearchWrap form .input-field.valign-wrapper {
        padding-right: 56px !important;
    }
    #dropSearchWrap input[type="search"],
    #dropSearchWrap .input-field input[type="search"] {
        background: transparent !important;
        border: none !important;
        height: 48px !important;
        line-height: 48px !important;
        font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        padding: 0 16px !important;
        text-align: left !important;
        text-transform: none !important;
        width: 100% !important;
        color: #222 !important;
        margin: 0 !important;
    }
    #dropSearchWrap input[type="search"]::placeholder {
        color: #888 !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }
    #dropSearchBtn {
        position: absolute !important;
        top: 50% !important;
        right: 6px !important;
        transform: translateY(-50%) !important;
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #009a41 !important;
        border: none !important;
        border-radius: 50% !important;
        font-size: 18px !important;
        color: #fff !important;
    }
    #dropSearchWrap span {
        font-size: 12px !important;
        color: #666 !important;
        margin-top: 8px !important;
        display: block !important;
        text-align: center !important;
    }
}

/* ----- MOBILE: pin search ul between logo (130px) and hamburger (50px) ----- */
@media (max-width:600px) {
    nav .container > ul.right {
        position: absolute !important;
        left: 140px !important;
        right: 54px !important;
        top: 0 !important;
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    nav .container > ul.right > li:last-child {
        width: 100% !important;
    }
    nav form#miniform {
        width: 100% !important;
        margin: 0 !important;
        height: 40px !important;
    }
}

/* ----- CALL/TRUSTPILOT BAR BELOW NAV — TIGHTEN ----- */
.callar {
    box-shadow: none !important;
}
.callar .callus {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif !important;
}