/*
Theme Name: Robin Hood — Tyres & Servicing
Author: Robin Hood Tyres & Servicing Centre
Description: The original Robin Hood design, with crisp device-independent branding and service pictograms.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: robin-hood
License: GNU General Public License v2 or later
*/
:root{--ink:#17231e;--green:#c9f16f;--paper:#f7f7f0;--muted:#59645d;--line:#d9ddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #348548;outline-offset:5px}p,h1,h2,h3,figure{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:700}h1{font-size:clamp(48px,5.05vw,74px)}h2{font-size:clamp(35px,3.6vw,50px)}h3{font-size:24px;letter-spacing:-.025em}h1 em,h2 em{font-style:normal;color:#47733d}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto!important}.topbar{background:var(--ink);color:#dfe7dc;font-size:11px}.top-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-inner p{margin:0}.top-label{letter-spacing:.12em}.header-inner{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none!important;font-size:23px;line-height:1;font-weight:900;letter-spacing:-.04em}.brand small{display:block;margin-top:7px;letter-spacing:.16em;font-size:10px;font-weight:600}.brand-mark{width:45px;height:45px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:400;line-height:1}.desktop-nav{display:flex;gap:22px;font-size:14px}.desktop-nav a{text-decoration:none}.desktop-nav a:hover{color:#47733d;text-decoration:underline}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.wp-block-button__link{display:inline-block;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;text-decoration:none;padding:16px 23px;font-size:14px;font-weight:600;line-height:1.4}.wp-block-button__link:hover{background:#34513f;color:white;text-decoration:none}.outline .wp-block-button__link{color:var(--ink);background:transparent;border-color:#b5bfb3}.outline .wp-block-button__link:hover{background:#e5ebdc}.header-inner .wp-block-buttons{margin:0}.header-call .wp-block-button__link{background:var(--green);color:var(--ink);border-color:var(--green);padding:14px 20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:44px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5;margin-bottom:24px}.hero h1{margin-bottom:24px}.intro{font-size:17px;color:var(--muted);line-height:1.75;max-width:490px}.hero .intro{max-width:450px}.hero-meta{font-size:9px;letter-spacing:.05em;margin-top:33px;color:var(--muted)}.hero-meta span{margin:0 7px;color:#9aa795}.hero-visual{position:relative;border-radius:10px;overflow:hidden;min-height:485px;background:var(--ink)}.hero-photo{height:100%;margin:0}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:53% 50%;filter:brightness(.87)}.hero-visual:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(9,22,15,.85));pointer-events:none}.photo-caption{position:absolute;left:30px;right:25px;bottom:27px;color:white;z-index:1}.photo-caption .eyebrow{color:var(--green);margin-bottom:8px}.photo-title{font-size:30px;letter-spacing:-.03em;font-weight:600}.photo-caption p:last-child{font-size:12px;color:#dce1d9;margin-top:4px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0}.trust-grid p{margin:0;font-size:12px;color:#6f7b69}.trust-grid strong{margin-left:13px;color:var(--ink);font-size:14px;font-weight:500}.trust-grid p:not(:first-child){border-left:1px solid var(--line);padding-left:34px}.section{padding-top:75px;padding-bottom:75px}.section-heading{margin-bottom:38px}.section-heading .eyebrow{margin-bottom:16px}.section-intro{max-width:430px;color:var(--muted);margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.service-card{padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card:nth-child(3n){border-right:0}.service-card:nth-child(n+4){border-bottom:0}.service-number{display:flex;justify-content:space-between;color:#6c7866;font-size:12px;margin-bottom:28px}.service-number span{font-size:21px}.service-card h3{margin-bottom:15px}.service-card>p:not(.service-number):not(.text-link){color:var(--muted);font-size:14px;margin-bottom:25px}.text-link{font-weight:600;font-size:13px}.service-card .text-link{margin-top:auto}.text-link a{text-decoration:none}.text-link a:hover{text-decoration:underline}.tyre-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:75px;align-items:center}.tyre-visual{position:relative;border-radius:8px;background:#eef0e6;overflow:hidden;padding:40px 35px 60px}.tyre-photo img{width:100%;height:380px;object-fit:contain;mix-blend-mode:multiply;display:block}.image-label{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:10px;font-weight:600;letter-spacing:.15em}.tyre-copy h2{margin-bottom:23px}.tyre-copy>p:not(.eyebrow){color:var(--muted);font-size:15px}.steps{margin-top:25px}.steps p{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.steps strong{margin-right:15px;color:#647c52;font-size:11px}.tyre-copy details{margin-top:24px;font-size:13px}.wp-block-details{border-bottom:1px solid var(--line);padding:20px 0}.wp-block-details summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;position:relative;padding-right:32px}.wp-block-details summary::-webkit-details-marker{display:none}.wp-block-details summary:after{content:'+';position:absolute;right:0;font-size:22px;line-height:1}.wp-block-details[open] summary:after{content:'−'}.wp-block-details p{margin-top:17px;font-size:14px;color:var(--muted);max-width:650px}.about-section{background:var(--ink);color:var(--paper)}.about-inner{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:center}.about-copy h2{font-size:40px;margin-bottom:25px}.about-copy .eyebrow{color:var(--green)}.about-copy .intro,.about-copy>p{color:#becbbc;font-size:15px}.about-copy .outline .wp-block-button__link{color:var(--paper);border-color:#5e705f}.about-copy .outline .wp-block-button__link:hover{background:#34513f}.about-aside{border-left:1px solid #506052;padding-left:55px}.about-aside h2{font-size:45px}.about-aside h2 em{color:var(--green)}.about-aside .big-phone{font-size:27px;color:var(--green);margin-top:26px;font-weight:600}.about-aside p:last-child{color:#becbbc;font-size:11px}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-grid h2{max-width:310px}.faq-list .wp-block-details:first-child{padding-top:0}.contact-section{background:var(--green)}.contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-block:65px}.contact-copy>p:not(.eyebrow){max-width:380px;margin-top:22px;font-size:15px}.contact-card{border-left:1px solid #a4c759;padding-left:45px}.contact-card h3{font-size:21px;margin-bottom:15px}.contact-card h3:not(:first-child){margin-top:27px}.contact-card p{font-size:14px}.contact-card p+p{margin-top:14px}.contact-card a{overflow-wrap:anywhere}.contact-section .outline .wp-block-button__link{border-color:var(--ink)}.site-footer{padding-top:45px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:38px}.footer-top>p{font-size:13px;color:var(--muted);margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:23px;border-top:1px solid var(--line)}.footer-bottom p{font-size:10px;color:var(--muted);margin:0}.skip-link{position:fixed;top:-100px;left:10px;z-index:99999;background:white;padding:15px}.skip-link:focus{top:10px}.mobile-contact{display:none}.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0}.wp-block-post-content{margin-top:30px}.wp-block-post-content img{max-width:100%;height:auto}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-visual{min-height:450px}.hero-meta{font-size:8px}.tyre-section{gap:40px}.about-inner{gap:40px}.about-aside{padding-left:35px}.contact-inner{gap:40px}.brand{font-size:20px}.brand-mark{width:38px;height:38px;font-size:30px}.header-call .wp-block-button__link{padding:12px;font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.top-inner{min-height:32px;justify-content:center}.top-label{display:none}.topbar{font-size:10px}.header-inner{height:auto;min-height:110px;flex-wrap:wrap;padding-block:19px;gap:20px}.brand{font-size:19px}.desktop-nav{order:3;width:100%;justify-content:space-between;font-size:13px;gap:12px}.header-inner>.wp-block-buttons{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:35px;gap:30px}.hero h1{font-size:clamp(43px,10vw,66px)}.hero .eyebrow{font-size:9px}.hero .intro{font-size:16px;max-width:100%}.hero-meta{font-size:8px;margin-top:25px}.hero-visual{min-height:330px}.hero-photo img{object-position:center 42%}.photo-caption{left:22px;bottom:20px}.photo-title{font-size:26px}.trust-grid{grid-template-columns:1fr;padding:7px 0}.trust-grid p{padding:11px 0!important;border-left:0!important}.trust-grid p:not(:last-child){border-bottom:1px solid var(--line)}.section{padding-block:50px}.section-heading{margin-bottom:28px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px;border-right:0}.service-card:nth-child(n+4){border-bottom:1px solid var(--line)}.service-card:last-child{border-bottom:0}.service-number{margin-bottom:20px}.tyre-section{grid-template-columns:1fr;gap:32px;padding-bottom:50px}.tyre-photo img{height:280px}.tyre-visual{padding-top:25px;padding-bottom:50px}.tyre-copy h2{font-size:42px}.about-inner{grid-template-columns:1fr;padding-block:50px;gap:38px}.about-copy h2{font-size:35px}.about-aside{padding:30px 0 0;border-left:0;border-top:1px solid #506052}.about-aside h2{font-size:37px}.faq-grid{grid-template-columns:1fr;gap:0}.faq-grid h2{max-width:none}.faq-list .wp-block-details:first-child{padding-top:10px}.contact-inner{grid-template-columns:1fr;padding-block:45px;gap:35px}.contact-card{border-left:0;border-top:1px solid #a4c759;padding:28px 0 0}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-bottom{flex-direction:column;gap:7px;padding-bottom:85px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--ink);color:white;z-index:20;padding:11px 18px calc(11px + env(safe-area-inset-bottom));gap:12px;border-top:1px solid #536354}.mobile-contact a{width:50%;text-align:center;font-size:13px;font-weight:600;text-decoration:none;padding:10px;border:1px solid #6f7f6d;border-radius:4px}.mobile-contact a:first-child{background:var(--green);color:var(--ink);border-color:var(--green)}h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Geometric marks avoid platform-dependent emoji rendering. */
.brand-mark{position:relative;flex-shrink:0;font-size:0!important;overflow:hidden}
.brand-mark img,.brand-mark svg{display:none!important}
.brand-mark::before{content:"";position:absolute;width:62%;height:2px;left:18%;top:49%;background:currentColor;transform:rotate(-45deg)}
.brand-mark::after{content:"";position:absolute;width:36%;height:36%;right:18%;top:17%;border-top:2px solid currentColor;border-right:2px solid currentColor}
.link-arrow{display:inline-block;position:relative;width:.8em;height:.8em;margin-left:.3em;vertical-align:baseline;color:inherit;flex-shrink:0}
.link-arrow::before{content:"";position:absolute;inset:0 0 auto auto;width:75%;height:75%;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor}
.link-arrow::after{content:"";position:absolute;top:42%;left:-3%;width:112%;height:1.6px;background:currentColor;transform:rotate(-45deg)}
.service-symbol{display:flex;align-items:center;margin-bottom:28px;width:58px;height:58px;background:#edf2e5;border-radius:12px;justify-content:center}
.service-symbol img{display:block;width:40px;height:40px;max-width:none}
.service-number{font-size:0!important;justify-content:flex-start;width:58px;height:58px;background:#edf2e5;border-radius:12px;align-items:center}
.service-number>span,.service-number>img.emoji{display:none!important}
.service-number img.service-pictogram{display:block!important;width:40px;height:40px;margin:auto}
@media(max-width:760px){.service-symbol{margin-bottom:22px}.desktop-nav{display:flex;gap:12px;justify-content:space-between}.brand{white-space:nowrap}.brand-wrap{flex-shrink:0}}
