/* CheckMOT footer redesign (24 Oct 2026, Gil 15:48 UK "Redesign footer remove social media").
   Separate file so it is not stuck behind the year-cached /_nuxt/ entry css.
   Restyles both footer variants; markup, links and legal wording unchanged:
   A) site footer  footer.footer > .footer-bottom (static pages, worker pages, Nuxt home/login/cancel/404)
   B) check->pay footer  footer.footer-section (/mot/search, /mot/pricing, /mot/payment) */
:root{--cmf-navy:#0a1f5c;--cmf-deep:#06143f;--cmf-blue:#003aff;--cmf-orange:#ffae4b;--cmf-text:rgba(255,255,255,.86);--cmf-muted:rgba(255,255,255,.62);--cmf-line:rgba(255,255,255,.12)}

/* ---------- A) site footer ---------- */
footer.footer:not(.footer-section){background:linear-gradient(135deg,var(--cmf-navy) 0%,#0d2a80 60%,#123aa8 100%);color:#fff;border-top:4px solid var(--cmf-orange);overflow-x:clip}
footer.footer:not(.footer-section) .footer-top{background:none;padding-top:44px;padding-bottom:44px}
footer.footer:not(.footer-section) .footer-top h2{color:#fff;font-weight:700;line-height:1.3}
.footer-bottom{background:var(--cmf-deep);color:var(--cmf-text);padding:44px 0 28px;font-size:14px;line-height:1.5;text-align:left}
.footer-bottom>.container{display:grid;grid-template-columns:minmax(0,1fr);row-gap:22px;column-gap:48px;align-items:start}
.footer-bottom>.container>img{grid-column:1;grid-row:1;display:block;height:46px!important;width:auto!important;max-width:100%;filter:brightness(0) invert(1);margin:0}
.footer-bottom>.container::before{content:"Check MOT history & tax status free.";grid-column:1;grid-row:2;color:var(--cmf-muted);font-size:14px;margin-top:-12px}
.footer-bottom .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin:0;padding:0;list-style:none;max-width:none;justify-content:stretch}
.footer-bottom .links li{margin:0;padding:0;min-width:0}
.footer-bottom .links a{display:block;padding:6px 0;color:var(--cmf-text);text-decoration:none;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.footer-bottom a:hover,.footer-bottom a:focus-visible{color:var(--cmf-orange);text-decoration:none}
.footer-bottom>.container>.links::before{content:"Company & policies";grid-column:1/-1;color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding-bottom:8px;margin-bottom:4px;border-bottom:2px solid var(--cmf-orange);justify-self:start}
.footer-bottom details.useful{margin:0;border-top:1px solid var(--cmf-line)}
.footer-bottom details.useful summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#fff;padding:14px 0;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;list-style:none;text-align:left}
.footer-bottom details.useful summary::-webkit-details-marker{display:none}
.footer-bottom details.useful summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--cmf-orange);border-bottom:2px solid var(--cmf-orange);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;margin-right:4px}
.footer-bottom details.useful[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.footer-bottom details.useful .links{padding:0 0 14px;margin:0}
.footer-bottom .legal{grid-column:1/-1;max-width:none;margin:0;color:var(--cmf-muted);font-size:12px;line-height:1.65;text-align:left}
.footer-bottom .legal:first-of-type{padding-top:22px;border-top:1px solid var(--cmf-line)}
.footer-bottom .legal a{color:#ffd08f;overflow-wrap:anywhere}
.footer-bottom .legal a:hover{color:var(--cmf-orange)}
@media (min-width:768px){
 .footer-bottom .links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:992px){
 .footer-bottom{padding:56px 0 32px}
 .footer-bottom>.container{grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto 1fr}
 .footer-bottom>.container>img{grid-row:1;height:52px!important}
 .footer-bottom>.container::before{grid-row:2;align-self:start;margin-top:-8px;max-width:240px;font-size:15px;line-height:1.5}
 .footer-bottom>.container>.links{grid-column:2;grid-row:1/span 2}
 .footer-bottom details.useful{grid-column:2}
 .footer-bottom details.useful .links{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- B) check->pay footer (same shared Nuxt footer as live funnel) ---------- */
footer.footer-section{background:var(--cmf-navy)!important;background-image:none!important;border-top:4px solid var(--cmf-orange);color:var(--cmf-text)}
footer.footer-section .footer-section__social-media{display:none!important}
footer.footer-section .logo-footer{filter:brightness(0) invert(1);height:46px;width:auto}
footer.footer-section .footer-section__menu{margin:0;padding:0}
footer.footer-section .footer-section__menu li{margin:0}
footer.footer-section .footer-section__menu li>i{display:none}
footer.footer-section .footer-section__menu li+li::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--cmf-orange);vertical-align:middle;margin:0 12px}
footer.footer-section .footer-section__menu a{color:var(--cmf-text);text-decoration:none;font-size:14px;line-height:2.1}
footer.footer-section .footer-section__menu a:hover{color:var(--cmf-orange)}
footer.footer-section .copyright-text{color:var(--cmf-muted);font-size:12px;line-height:1.65;max-width:760px;margin:0 auto;padding-top:18px;border-top:1px solid var(--cmf-line)}
footer.footer-section .copyright-text a{color:#ffd08f}
@media (max-width:575px){
 footer.footer-section .footer-section__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;text-align:left;padding:0 6px}
 footer.footer-section .footer-section__menu li+li::before{display:none}
}