/*
Theme Name: MOTO WAY National
Author: MOTO WAY project team
Description: Unified MOTO WAY responsive national tyre brand theme with accessible, flat 2D animated Contact and How It Works pages plus the Roadside Advice Journal, the interactive national UK road explorer, premium six-service catalogue and subpages, and the unified 120-second day/night experience and animated UK motorway homepage map.
Version: 11.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: motoway-national
License: GPL-2.0-or-later
*/
:root{--navy:#112852;--navy2:#081c37;--blue:#2168c6;--orange:#ff5b16;--orange2:#ff8d39;--sky:#e7f6ff;--sky2:#f2f9ff;--cream:#fff9f3;--ink:#172846;--muted:#61738c;--white:#fff;--radius:28px;--shadow:0 19px 55px rgba(20,52,99,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}svg{max-width:100%}p{margin:.5rem 0 1rem}h1,h2,h3,h4{font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.13;letter-spacing:-.035em;margin:0 0 .7em;font-weight:900}h1{font-size:clamp(2.7rem,5vw,5.1rem)}h2{font-size:clamp(2.05rem,3.7vw,3.3rem)}h3{font-size:1.3rem}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;top:-60px;left:15px;background:var(--orange);z-index:90;padding:12px 22px}.skip-link:focus{top:5px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #e9eef6}.header-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px}.brand{flex-shrink:0;display:flex;align-items:center}.brand img{display:block;width:215px;max-height:72px;object-fit:contain}.brand-text{font-size:24px;color:var(--navy);font-weight:950;font-style:italic;letter-spacing:-1.3px}.brand-text b{color:var(--orange)}.site-nav{display:flex;align-items:center;gap:26px}.site-nav ul{display:flex;align-items:center;list-style:none;gap:25px;margin:0;padding:0}.site-nav li a{font-size:14px;font-weight:800;color:#253a55;transition:color .2s}.site-nav li a:hover,.site-nav .current-menu-item>a{color:var(--orange)}.header-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none}
.btn{border-radius:999px;font-size:15px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;border:2px solid transparent;box-shadow:0 8px 18px rgba(255,91,22,.12);transition:transform .2s,box-shadow .2s,background .2s;line-height:1.2}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(30,60,95,.16)}.btn-primary{background:var(--orange);color:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-light{background:#fff;border-color:#e3eaf6;color:var(--navy);box-shadow:none}.btn-small{padding:12px 19px;font-size:13px}.eyebrow{display:inline-flex;gap:9px;align-items:center;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:950;color:var(--orange);margin-bottom:17px}.eyebrow::before{content:'';width:24px;height:5px;border-radius:8px;background:currentColor}.lead{font-size:clamp(1rem,1.5vw,1.17rem);color:#51657e;max-width:650px}.muted{color:var(--muted)}.hero{background:linear-gradient(140deg,#fff 16%,#f5faff 65%,#e9f7ff);padding:72px 0 100px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:42px;align-items:center}.hero h1 span{color:var(--orange)}.hero-copy .lead{max-width:545px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 25px}.hero-checks{display:flex;flex-wrap:wrap;gap:12px;color:#455f80;font-weight:700;font-size:13px}.hero-checks span{border-radius:99px;background:#fff;padding:8px 13px;border:1px solid #e6edf7}.hero-checks span::before{content:'✓';color:var(--orange);font-weight:900;margin-right:7px}
.scene-panel{position:relative;border-radius:38px;background:linear-gradient(145deg,#ebf8ff,#fff 63%);padding:17px 24px 19px;border:1px solid #dbeafa;box-shadow:var(--shadow);overflow:hidden}.scene-panel::before{content:'';position:absolute;inset:-60px -60px auto auto;width:220px;height:220px;border-radius:50%;background:#fff3c9;opacity:.6;filter:blur(7px)}.scene-panel .road-scene{width:100%;display:block;position:relative;isolation:isolate;filter:drop-shadow(0 13px 16px rgba(11,34,72,.1))}.scene-stage{position:relative;z-index:1;display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.scene-stage strong{font-size:14px;color:#10294c;line-height:1.35}.scene-stage small{display:block;color:#647993;font-size:11px;font-weight:800;letter-spacing:.055em}.scene-mode{background:#fff;padding:8px 12px;border:1px solid #e4ecf3;border-radius:14px;color:#e76325;font-size:11px;font-weight:950;letter-spacing:.07em}.scene-progress{height:7px;background:#e3ecf6;overflow:hidden;border-radius:99px;margin:12px 0}.scene-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),#ffb648);transition:width .08s linear}.scene-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.scene-controls span{font-size:11px;color:#677e97;font-weight:800}.scene-buttons{display:flex;gap:5px}.scene-buttons button{border:1px solid #e0e9f3;background:#fff;color:#30466a;font-size:11px;border-radius:99px;padding:8px 10px;font-weight:850}.scene-footnote{font-size:11px;color:#71849b;margin-top:8px;line-height:1.45}
.road-scene[data-time-mode="night"] .scene-halo{fill:#183654}.road-scene[data-time-mode="night"] .scene-lawn{fill:#25485b}.road-scene[data-time-mode="sunset"] .scene-halo{fill:#ffe4b9}.road-scene[data-time-mode="sunrise"] .scene-halo{fill:#f6d7e3}.road-scene .lamp-glow{opacity:0;transition:opacity .6s}.road-scene[data-time-mode="night"] .lamp-glow{opacity:.65}.road-scene .vehicle-headlight{opacity:0}.road-scene[data-time-mode="night"] .vehicle-headlight{opacity:1;filter:drop-shadow(0 -5px 5px #ffe88c)}.road-scene .moon-signal{opacity:0}.road-scene .sun-signal{opacity:1}.road-scene[data-time-mode="night"] .moon-signal{opacity:1}.road-scene[data-time-mode="night"] .sun-signal{opacity:0}.road-scene[data-time-mode="sunset"] .sun-signal,.road-scene[data-time-mode="sunrise"] .sun-signal{opacity:.8}.road-scene .hazard-van{opacity:.35}.road-scene .hazards-active .hazard-van{opacity:1;filter:drop-shadow(0 0 4px #ffc14c)}.road-scene .hazards-active:not(.service-vehicle){filter:drop-shadow(0 0 7px #ff9a30)}
.trust-strip{margin-top:-47px;position:relative;z-index:3}.trust-inner{background:var(--navy);border-radius:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:23px 32px;color:#fff;box-shadow:0 15px 30px #0b254a2e}.trust-item{display:flex;align-items:center;gap:12px;font-weight:850;font-size:13px}.trust-emoji{font-size:28px}.section{padding:100px 0}.section-tint{background:var(--sky2)}.section-head{max-width:720px;margin-bottom:39px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head.center .lead{margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{background:#fff;border:1px solid #e4edf6;padding:30px;border-radius:30px;box-shadow:0 9px 25px #0b2b4d0a;transition:transform .2s,box-shadow .2s;min-height:248px}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px #12345615}.service-card p{color:#62738b;margin-bottom:16px;font-size:14px}.service-card a{color:var(--orange);font-weight:900;font-size:14px}.service-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:22px;background:#fff0e7;font-size:30px;margin-bottom:19px}.service-card:nth-child(3n + 2) .service-icon{background:#e7f4ff}.service-card:nth-child(3n + 3) .service-icon{background:#f0efff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.step{padding:25px;border:1px solid #e5eef8;background:#fff;border-radius:26px}.step .number{display:grid;place-items:center;background:#fff0e8;color:var(--orange);font-size:19px;font-weight:950;width:50px;height:50px;border-radius:17px;margin-bottom:21px}.step p{font-size:14px;color:#64738a}.coverage-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.coverage-card{border-radius:40px;background:var(--navy);padding:40px;color:#fff;position:relative;overflow:hidden}.coverage-card:after{content:'';position:absolute;right:-90px;top:-70px;width:250px;height:250px;border:26px solid #315686;border-radius:50%;opacity:.5}.coverage-card h3{color:#fff}.road-tags{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.road-tags a,.road-tags span{background:#1c3d71;border:1px solid #49719f;padding:11px 18px;border-radius:99px;color:#fff;font-size:13px;font-weight:900}.coverage-note{background:#fff9ed;border:1px solid #ffddae;border-radius:18px;padding:17px;color:#80512a;font-size:13px}.feature-panel{background:linear-gradient(100deg,#fff0e5,#f6fbff);border-radius:37px;padding:43px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px}.feature-panel p{color:#566b83}.faq-list{display:grid;gap:12px;max-width:920px;margin:auto}.faq-list details{background:#fff;border:1px solid #e0e9f3;border-radius:21px;padding:21px 26px}.faq-list summary{cursor:pointer;color:var(--navy);font-weight:900}.faq-list details p{color:#5a708a;font-size:14px;margin:15px 0 0}.banner-safety{background:#ffefde;padding:17px 0;font-size:13px;color:#6c3e17}.banner-safety strong{color:#a34c08}
.site-footer{background:#0d2345;color:#e0eafa;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h3{color:#fff}.site-footer p,.site-footer a{color:#b8cde5;font-size:14px}.site-footer a:hover{color:#fff}.footer-menu{padding:0;list-style:none;margin:0}.footer-menu li{margin:10px 0}.footer-logo{width:224px;background:#fff;border-radius:16px;padding:9px}.footer-bottom{margin-top:45px;border-top:1px solid #395372;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9bb2d0;font-size:12px}
.internal-hero{background:linear-gradient(130deg,#f2faff,#fff);padding:75px 0 50px}.internal-hero h1{font-size:clamp(2.6rem,5vw,4rem)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:44px;padding:55px 0 90px}.entry-content{max-width:800px;font-size:17px;color:#314760}.entry-content a{text-decoration:underline;color:#e85b1d}.entry-content h2,.entry-content h3{margin:35px 0 14px;color:var(--navy)}.entry-content li{margin:8px 0}.sidebar-box{background:#f3f8ff;padding:25px;border-radius:23px;height:max-content}.sidebar-box h3{font-size:19px}.sidebar-box p{font-size:14px;color:#5a6e84}
.mw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 30px}.mw-form label{font-weight:850;font-size:13px;color:#243a56;display:grid;gap:7px}.mw-form label.full{grid-column:1/-1}.mw-form input,.mw-form select,.mw-form textarea{border:1px solid #cbd8e9;border-radius:15px;padding:13px 15px;color:var(--ink);background:#fff;outline-offset:2px;width:100%}.mw-form textarea{min-height:140px;resize:vertical}.mw-form .checkline{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.mw-form .checkline input{width:auto;margin-top:5px}.mw-form .btn{justify-self:start}.form-message{background:#e8f8ed;border:1px solid #bbe8c5;color:#15592d;padding:16px 20px;border-radius:14px}.form-error{background:#fff0ed;border-color:#f6c6b9;color:#9e3024}.form-note{font-size:12px;color:#698098}.form-honey{position:absolute;left:-9999px;opacity:0}.post-card{padding:22px;border-radius:22px;border:1px solid #e5ebf5}.post-card h3 a{color:var(--navy)}
.mobile-contact-bar{display:none}
@media(max-width:1050px){.site-nav ul{gap:14px}.site-nav li a{font-size:13px}.header-actions .btn{padding:11px 15px}.hero-layout{gap:17px}.scene-panel{padding:12px}.cards{gap:13px}.service-card{padding:22px}}
@media(max-width:850px){.site-nav{display:none;position:absolute;left:0;right:0;top:85px;background:#fff;padding:20px;border-bottom:1px solid #dae8f5;box-shadow:0 15px 22px #061b2a20}.site-nav.is-open{display:block}.site-nav ul{display:grid;gap:17px}.header-actions .btn{display:none}.menu-toggle{display:inline-flex;border:1px solid #dde9f6;border-radius:14px;padding:12px 16px;background:#fff;color:var(--navy);font-weight:800}.brand img{width:185px}.hero{padding:55px 0 89px}.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-checks{justify-content:center}.scene-panel{width:min(660px,100%);margin:auto}.trust-inner{grid-template-columns:repeat(2,1fr);padding:24px}.steps{grid-template-columns:repeat(2,1fr)}.coverage-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.feature-panel{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}}
@media(max-width:600px){body{padding-bottom:76px}.container{width:min(100% - 28px,1180px)}.header-wrap{min-height:76px}.site-nav{top:76px}.brand img{width:151px}.brand-text{font-size:20px}.hero{padding:43px 0 76px}.hero h1{font-size:clamp(2.6rem,10vw,4rem)}.hero .lead{font-size:1rem}.hero-actions .btn{width:100%}.scene-panel{border-radius:26px;padding:7px 9px 12px}.scene-stage{padding:0 8px}.scene-stage strong{font-size:12px}.scene-controls{padding:0 8px}.trust-strip{margin-top:-35px}.trust-inner{gap:14px;padding:20px 17px;border-radius:22px}.trust-item{font-size:12px;gap:8px}.trust-emoji{font-size:19px}.section{padding:70px 0}.cards,.steps,.footer-grid{grid-template-columns:1fr}.service-card{min-height:0}.coverage-card{padding:30px}.feature-panel{padding:29px}.footer-grid{gap:20px}.site-footer{padding:50px 0 26px}.mw-form{grid-template-columns:1fr}.mobile-contact-bar{position:fixed;z-index:101;bottom:0;left:0;right:0;display:flex;gap:10px;background:rgba(255,255,255,.96);padding:11px 15px;box-shadow:0 -5px 28px #10254a20}.mobile-contact-bar .btn{flex:1;padding:13px 12px}.internal-hero{padding:49px 0 34px}.content-layout{padding:38px 0 65px}.hero-checks span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.road-scene .car-hazard{opacity:0}.road-scene .hazards-active .car-hazard{opacity:1;filter:drop-shadow(0 0 5px #ffc026)}

.road-scene .scene-halo,.road-scene .scene-lawn{transition:fill 2s ease}.road-scene .sun-signal,.road-scene .moon-signal{transition:opacity 1.6s ease}.brand .custom-logo-link img{width:215px;max-height:72px;object-fit:contain} 
/* WCAG contrast refinement for all theme assistance buttons. */
.site-header .btn-primary,.mobile-contact-bar .btn-primary{color:#0b2448}