/*
Theme Name: AR Auto & Marine One Page
Theme URI: https://arautoandmarine.co.uk/
Author: AR Auto & Marine project
Description: Custom one-page WordPress theme for AR Auto & Marine, with editable service sections, stored enquiries, phone-first enquiry handling and a simplified admin workflow.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: araam-onepage
*/

:root {
  --accent: #4a9df5;
  --bg: #05070a;
  --panel: #0a0d12;
  --panel-2: #11151b;
  --ink: #eef1f3;
  --muted: rgba(238,241,243,.72);
  --line: rgba(238,241,243,.12);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;line-height:1.5}
a{color:inherit} img{max-width:100%;display:block}.page{overflow:hidden;background:var(--bg)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{display:flex;align-items:center;justify-content:space-between;padding:6px clamp(20px,5vw,64px);position:relative;z-index:10;overflow:hidden;background:#05070a}
.site-header__texture{position:absolute;top:0;left:0;width:220px;height:100%;object-fit:cover;opacity:.22;filter:invert(1);pointer-events:none}
.site-header__logo-crop{width:clamp(190px,38vw,420px);aspect-ratio:443/150;overflow:hidden;position:relative;z-index:1;margin-left:-44px}
.site-header__logo-crop img,.hero__logo-crop img{position:absolute;top:-32.7%;left:0;width:100%;height:196.7%}
.site-header__contact{position:relative;z-index:1;text-align:right}.site-header__phone{display:block;font-family:var(--font-display);font-size:clamp(16px,2.5vw,26px);letter-spacing:.5px;font-weight:600;text-decoration:none}.site-header__email{display:block;font-weight:700;font-size:clamp(11px,1.45vw,16px);margin-top:4px;text-decoration:none}

.hero{position:relative;width:100%;height:min(78vh,790px);min-height:520px;overflow:hidden}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(1.55) contrast(1.12) brightness(1.35)}
.hero__texture{position:absolute;top:0;left:0;width:38%;height:55%;object-fit:cover;opacity:.16;filter:invert(1);pointer-events:none}.hero__scrim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,rgba(5,7,10,.82) 0%,rgba(5,7,10,.55) 34%,rgba(5,7,10,.15) 58%),linear-gradient(180deg,rgba(5,7,10,.16),rgba(5,7,10,.06) 28%,rgba(5,7,10,.62) 100%)}
.hero__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.hero__logo-crop{width:clamp(260px,82vw,760px);aspect-ratio:443/150;overflow:hidden;position:relative;filter:drop-shadow(0 8px 30px rgba(0,0,0,.55))}.hero__intro{max-width:790px;margin-top:18px;color:rgba(238,241,243,.9);font-size:clamp(17px,2vw,22px);line-height:1.55}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}.button,.form-submit,.phone-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:1px solid var(--accent);background:var(--accent);color:#06101a;font-family:var(--font-display);font-weight:700;letter-spacing:1px;text-decoration:none;cursor:pointer}.button--ghost{background:rgba(5,7,10,.6);color:var(--ink);border-color:rgba(238,241,243,.65)}
.photo-credit{position:absolute;bottom:8px;right:10px;font-size:10px;color:rgba(238,241,243,.64);z-index:3}

.services{padding:58px clamp(20px,5vw,64px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1100px;margin:0 auto}.service-link{display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none;text-align:center;padding:10px;border-radius:8px}.service-link:focus-visible{outline:3px solid #fff;outline-offset:4px}.service-link:hover .service__ring{transform:translateY(-4px)}.service__ring{position:relative;width:138px;height:138px;transition:transform .18s ease}.service__ring-outer{position:absolute;inset:0;border-radius:50%;border:5px solid var(--accent);box-shadow:0 0 16px rgba(74,157,245,.65),inset 0 0 14px rgba(74,157,245,.35)}.service__ring-inner{position:absolute;inset:6px;border-radius:50%;border:1.5px solid rgba(238,241,243,.5)}.service__icon-mask{position:absolute;inset:4px;background:var(--accent);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-repeat:no-repeat;mask-position:center}.service__name{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:1.5px}

.intro-split{display:grid;grid-template-columns:1fr 1fr}.feature-media{position:relative;min-height:420px;overflow:hidden}.feature-media img.feature-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.25) contrast(1.08) brightness(.92)}.feature-media__texture{position:absolute;width:45%;height:45%;object-fit:cover;opacity:.14;filter:invert(1);pointer-events:none}.feature-media__texture--tr{top:0;right:0}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,76px);gap:20px}.eyebrow{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:3px;color:var(--accent)}.feature-copy h2,.section-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.05}.feature-copy p,.section-copy{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}

.service-detail{scroll-margin-top:90px;padding:84px clamp(20px,5vw,64px);border-top:1px solid var(--line)}.service-detail:nth-of-type(even){background:var(--panel)}.service-detail__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:230px 1fr;gap:50px;align-items:start}.service-detail__mark{display:flex;flex-direction:column;align-items:center;gap:16px}.service-detail__body .eyebrow{margin-bottom:12px}.service-detail__body h2{font-family:var(--font-display);font-size:clamp(30px,3.7vw,46px);line-height:1.1;margin-bottom:18px}.service-detail__body .rich-copy{font-size:17px;color:var(--muted);line-height:1.75}.service-detail__body .rich-copy p+*{margin-top:12px}.service-detail__body .rich-copy ul{padding-left:22px;margin-top:16px}.service-detail__body .rich-copy li+li{margin-top:7px}.service-detail__cta{margin-top:24px}

.marine-feature{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#070a0e}.marine-feature__media{position:relative;min-height:420px;overflow:hidden}.marine-feature__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(1.1) contrast(1.05) brightness(.82)}.marine-feature__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.18),rgba(5,7,10,.56))}.marine-feature__copy{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:center;gap:18px}

.contact-section{scroll-margin-top:80px;padding:88px clamp(20px,5vw,64px);background:var(--panel-2);border-top:1px solid var(--line)}.contact-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-copy h2{font-family:var(--font-display);font-size:clamp(34px,4vw,52px);line-height:1.05;margin:12px 0 18px}.contact-copy p{color:var(--muted);font-size:17px;line-height:1.7}.contact-callout{margin-top:28px;padding:22px;border-left:4px solid var(--accent);background:rgba(74,157,245,.08)}.contact-callout strong{display:block;font-family:var(--font-display);font-size:20px;margin-bottom:8px}.contact-callout a{font-family:var(--font-display);font-size:clamp(27px,4vw,38px);color:#fff;text-decoration:none;font-weight:700}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#080b0f;padding:28px;border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:7px}.field--full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;background:#111722;color:var(--ink);border:1px solid rgba(238,241,243,.26);padding:13px 14px;font:inherit;border-radius:0}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.5}.privacy-check input{margin-top:4px}.honeypot{position:absolute!important;left:-9999px!important}.form-message{grid-column:1/-1;padding:18px;border:1px solid var(--accent);background:rgba(74,157,245,.1)}.form-message h3{font-family:var(--font-display);font-size:25px;margin-bottom:8px}.form-message p{line-height:1.6}.form-message a{font-weight:700}.form-error{border-color:#e67b65;background:rgba(230,123,101,.08)}

.site-footer{padding:64px clamp(20px,5vw,64px);background:var(--panel);border-top:1px solid var(--line)}.site-footer__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.site-footer__label{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:3px;color:var(--accent);margin-bottom:14px}.site-footer__name{font-family:var(--font-display);font-size:19px;font-weight:600;margin-bottom:10px}.site-footer a,.site-footer p{display:block;font-size:15px;margin-bottom:8px;color:rgba(238,241,243,.85);line-height:1.7}.legal-bar{padding:22px clamp(20px,5vw,64px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(238,241,243,.08)}.legal-bar__copy{font-size:12px;color:rgba(238,241,243,.48)}.legal-bar__strap{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:rgba(238,241,243,.48)}

@media(max-width:900px){.services__grid{grid-template-columns:repeat(2,1fr)}.intro-split,.marine-feature,.contact-wrap{grid-template-columns:1fr}.feature-media,.marine-feature__media{min-height:320px}.service-detail__inner{grid-template-columns:170px 1fr}.site-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){html{scroll-padding-top:72px}.site-header{padding:8px 16px}.site-header__logo-crop{width:175px;margin-left:-28px}.site-header__email{display:none}.site-header__phone{font-size:17px}.hero{min-height:520px;height:72vh}.hero__intro{font-size:17px}.services{padding:42px 16px}.services__grid{gap:22px 10px}.service__ring{width:112px;height:112px}.service__name{font-size:14px}.service-detail{padding:58px 18px}.service-detail__inner{grid-template-columns:1fr;gap:26px}.service-detail__mark{align-items:flex-start}.service-detail__mark .service__ring{width:100px;height:100px}.feature-copy,.marine-feature__copy{padding:38px 20px}.contact-section{padding:58px 16px}.contact-wrap{gap:34px}.enquiry-form{grid-template-columns:1fr;padding:20px}.field--full{grid-column:auto}.site-footer{padding:50px 20px}.site-footer__grid{grid-template-columns:1fr}.legal-bar{padding:18px 20px}}