/*
Theme Name: Railway Place Motors SEO
Theme URI: https://railwayplacemotors.co.uk/
Author: Custom Website Development
Description: Responsive local SEO WordPress theme for Railway Place Motors in Cleethorpes.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: railway-place-motors
*/
:root{--navy:#111e30;--blue:#2266b1;--orange:#f6a43a;--white:#fff;--muted:#637184;--line:#e1e6ec;--max:1180px;--hero:500px;--heading:54px;--spacing:72px}*{box-sizing:border-box}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:#202d3d;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#0b1624;color:#fff;padding:8px 0;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar a{color:#fff}.site-header{background:white;box-shadow:0 2px 14px #0001;position:relative;z-index:10}.navrow{display:flex;align-items:center;gap:24px;min-height:86px}.brand{font-weight:900;color:var(--navy);font-size:22px;line-height:1.1;min-width:200px}.brand small{display:block;color:var(--blue);font-size:11px;letter-spacing:1.5px;margin-top:5px}.brand img{max-height:65px;width:auto}.desktop-nav{margin-left:auto}.desktop-nav>ul{list-style:none;display:flex;align-items:center;gap:18px;padding:0;margin:0;flex-wrap:wrap}.desktop-nav li{position:relative;list-style:none}.desktop-nav a{font-weight:700;color:var(--navy);font-size:14px}.desktop-nav .sub-menu,.desktop-nav .children{display:none;position:absolute;left:0;top:100%;min-width:210px;background:white;padding:12px 16px;box-shadow:0 10px 30px #0002;z-index:20}.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu,.desktop-nav li:hover>.children,.desktop-nav li:focus-within>.children{display:block}.desktop-nav .sub-menu li,.desktop-nav .children li{padding:6px 0}.desktop-nav .sub-menu .sub-menu{left:100%;top:0}.btn{display:inline-block;background:var(--orange);color:#152236!important;font-weight:800;border-radius:6px;padding:13px 23px;border:0;cursor:pointer;text-align:center}.btn:hover{text-decoration:none;filter:brightness(.96)}.btn-blue{background:var(--blue);color:white!important}.btn-outline{background:transparent;color:var(--navy)!important;border:2px solid var(--navy)}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;padding:11px 14px;border-radius:5px;cursor:pointer}.mobile-nav{display:none}.hero{background:linear-gradient(105deg,#0e1d31f5,#152c45df),linear-gradient(135deg,#1b3958,#071321);color:#fff;min-height:var(--hero);display:flex;align-items:center;padding:70px 0}.hero h1{font-size:clamp(34px,5vw,var(--heading));line-height:1.12;max-width:820px;margin:10px 0 22px}.hero p{font-size:19px;max-width:730px;color:#dbe6f3}.eyebrow{font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:12px;color:var(--blue)}.hero .eyebrow{color:var(--orange)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.section{padding:var(--spacing) 0}.light{background:#f3f6f9}.section h2{font-size:clamp(28px,3.3vw,39px);line-height:1.2;margin:10px 0 18px;color:var(--navy)}.intro{max-width:780px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:white;border-radius:10px;padding:27px;box-shadow:0 4px 18px #00000008}.card h3{margin:0 0 12px;font-size:21px;color:var(--navy)}.card p{color:#526172}.card a{font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.feature{background:var(--navy);color:white}.feature h2{color:white}.feature p{color:#d4dce6}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:24px 0}.highlights div{text-align:center;font-weight:700;color:var(--navy)}.highlights strong{display:block;font-size:21px}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.area-section{padding:25px;border:1px solid var(--line);border-radius:8px;background:white;scroll-margin-top:20px}.area-section h2{font-size:24px;margin-top:0}.area-links{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.area-links a{padding:8px 13px;border:1px solid var(--line);border-radius:20px;font-weight:700}.content{max-width:850px;margin:auto}.content h1{font-size:clamp(30px,4vw,46px);line-height:1.2}.content h2{color:var(--navy)}.content p{margin:16px 0}.cta{background:#e9f0f8;padding:30px;border-radius:9px;margin-top:36px}.footer{background:#0c192a;color:#e4eaf1;padding:55px 0 25px}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3{color:white}.footer ul{list-style:none;padding:0}.footer li{margin:8px 0}.copyright{border-top:1px solid #ffffff26;margin-top:35px;padding-top:20px;font-size:13px}.wp-block-image img{border-radius:8px}.area-notice{background:#fff7e9;border-left:4px solid var(--orange);padding:14px 20px;margin:24px 0}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav.open{display:block;background:white;border-top:1px solid var(--line)}.mobile-nav ul{list-style:none;padding:8px 20px;margin:0}.mobile-nav li{border-bottom:1px solid #edf0f3}.mobile-nav a{display:block;padding:11px 6px;color:var(--navy);font-weight:700}.mobile-nav .sub-menu,.mobile-nav .children{display:block;position:static;background:#f5f7f9;margin:0 0 8px 14px;padding:0 10px;box-shadow:none}.navrow>.btn{padding:10px 12px;font-size:12px}}
@media(max-width:700px){:root{--spacing:48px;--hero:420px;--heading:37px}.container{width:calc(100% - 28px)}.brand{font-size:18px;min-width:0}.brand small{font-size:9px}.navrow{gap:8px;min-height:74px}.navrow>.btn{font-size:11px;padding:9px 7px}.hero{padding:55px 0}.hero p{font-size:17px}.cards,.area-grid,.split,.footer-grid{grid-template-columns:1fr}.highlights{grid-template-columns:repeat(2,1fr)}.actions .btn{width:100%}.topbar .container{justify-content:center;text-align:center}}

/* V1.1: service links and local SEO sections */
.area-services{font-size:14px;line-height:1.9}.area-services a{font-weight:700}.area-contact{display:inline-block;margin-right:15px;font-weight:800}.area-section:target{outline:2px solid var(--blue);outline-offset:3px}.desktop-nav .sub-menu .sub-menu,.desktop-nav .children .children{left:100%;top:0}.mobile-nav.open{display:block!important}.mobile-nav a:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* v1.2: Original BookMyGarage registration and booking widget */
.rpm-booking-section{padding:34px 0 44px;background:#f2f5f9}
.rpm-booking-panel{background:#fff;border-radius:12px;padding:26px 26px 16px;box-shadow:0 8px 28px rgba(10,31,51,.09)}
.rpm-booking-panel h2{margin:0 0 6px;text-align:center;font-size:clamp(24px,3vw,34px);color:#162b43}
.rpm-booking-panel>p{text-align:center;margin:0 0 16px;font-weight:600}
.rpm-booking-panel .rpm-booking-help{font-size:14px;font-weight:400;margin:10px 0 0}
@media(max-width:700px){.rpm-booking-section{padding:22px 0 30px}.rpm-booking-panel{padding:20px 10px 14px}.rpm-booking-panel iframe{min-height:330px!important}}