/*
Theme Name: Scarrotts Support Services
Theme URI: https://scarrotts-ltd.co.uk/
Author: Scarrotts Ltd
Author URI: https://scarrotts-ltd.co.uk/
Description: Custom WordPress theme for Scarrotts Ltd Support Services. Designed for companionship, social support and independent-living support services.
Version: 1.5.0-demo
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: scarrotts-support
License: GPL-2.0-or-later
*/

:root{
  --scar-purple:#26044d;
  --scar-purple-2:#341067;
  --scar-cyan:#11c9ea;
  --scar-blue:#1766f2;
  --scar-yellow:#ffe600;
  --scar-ink:#20133b;
  --scar-muted:#657089;
  --scar-soft:#f6f9ff;
  --scar-line:#dbe4f0;
  --scar-white:#fff;
  --scar-shadow:0 14px 38px rgba(38,4,77,.12);
  --scar-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--scar-ink);background:#fff;line-height:1.6}
a{color:inherit}
img{max-width:100%;height:auto}
.scar-container{width:min(1180px,calc(100% - 34px));margin:0 auto}
.scar-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--scar-line)}
.scar-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.scar-logo img{width:180px;max-height:76px;object-fit:contain}
.scar-menu{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.scar-menu a{text-decoration:none;font-weight:750}
.scar-button{display:inline-block;padding:12px 21px;border-radius:999px;background:var(--scar-purple);color:#fff;text-decoration:none;font-weight:800;border:0;cursor:pointer;box-shadow:0 8px 20px rgba(38,4,77,.18)}
.scar-button:hover{transform:translateY(-1px)}
.scar-button.alt{background:#fff;color:var(--scar-purple);box-shadow:none;border:2px solid var(--scar-purple)}
.scar-hero{background:linear-gradient(135deg,#fff 0,#f2fbff 50%,#f6efff 100%);padding:68px 0}
.scar-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.scar-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:900;color:#0570b6}
.scar-hero h1,.scar-page-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:.18em 0 .35em}
.scar-page-hero h1{font-size:clamp(2.2rem,4vw,4.2rem)}
.scar-lead{font-size:1.18rem;color:#4c5870;max-width:740px}
.scar-hero-image img,.scar-rounded{border-radius:var(--scar-radius);box-shadow:var(--scar-shadow)}
.scar-hero-image img{width:100%;height:500px;object-fit:cover}
.scar-button-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.scar-scope{color:var(--scar-muted);font-size:.92rem}
.scar-trust{background:var(--scar-purple);color:#fff;padding:24px 0}
.scar-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.scar-trust-grid strong,.scar-trust-grid span{display:block}
.scar-trust-grid span{opacity:.8;font-size:.9rem}
.scar-section{padding:72px 0}
.scar-section.soft{background:var(--scar-soft)}
.scar-section h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.035em}
.scar-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scar-card{background:#fff;border:1px solid var(--scar-line);border-radius:18px;padding:25px;box-shadow:0 8px 24px rgba(38,4,77,.05)}
.scar-card h3{margin-top:0}
.scar-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.scar-steps li{margin:0 0 14px}
.scar-page-hero{background:linear-gradient(135deg,#f8fcff,#f5efff);padding:58px 0}
.scar-narrow{max-width:790px}
.scar-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scar-process-item{border:1px solid var(--scar-line);border-radius:18px;padding:26px;background:#fff}
.scar-process-item .num{font-weight:900;font-size:2rem;color:#0aaacb}
.scar-notice{border-left:5px solid var(--scar-cyan);background:#fff;padding:26px;border-radius:14px}
.scar-price-grid{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:18px}
.scar-price-card{background:var(--scar-purple);color:#fff;border-radius:22px;padding:28px}
.scar-price-card strong{display:block;font-size:3.4rem;line-height:1.05}
.scar-footer{background:#14032e;color:#fff;padding:45px 0}
.scar-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.scar-footer img{width:140px;border-radius:8px}
.scar-footer a{color:#fff}
.scar-content{padding:65px 0}
.scar-content h1{font-size:clamp(2.1rem,4vw,3.8rem);letter-spacing:-.04em}
.scar-content :where(p,li){max-width:800px}
.scar-form-shell{background:#fff;border:1px solid var(--scar-line);border-radius:20px;padding:28px;box-shadow:var(--scar-shadow)}
.scar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.scar-field.full{grid-column:1/-1}
.scar-field label{font-weight:800;display:block;margin-bottom:6px}
.scar-field input,.scar-field textarea,.scar-field select{width:100%;padding:11px 12px;border:1px solid #bdc8d9;border-radius:10px;font:inherit}
.scar-field input:focus,.scar-field textarea:focus,.scar-field select:focus{outline:3px solid rgba(17,201,234,.22);border-color:var(--scar-cyan)}
.scar-table-wrap{overflow:auto;border:1px solid var(--scar-line);border-radius:14px}
.scar-table{width:100%;border-collapse:collapse;min-width:760px}
.scar-table th,.scar-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--scar-line);vertical-align:top}
.scar-table th{background:#f4f7fb;font-size:.86rem}
.scar-status{display:inline-block;padding:3px 9px;border-radius:999px;background:#eef1f6;font-size:.82rem;font-weight:800}
@media(max-width:900px){
 .scar-hero-grid,.scar-split{grid-template-columns:1fr}
 .scar-cards,.scar-process,.scar-price-grid,.scar-trust-grid,.scar-footer-grid{grid-template-columns:1fr 1fr}
 .scar-menu{gap:12px}
 .scar-hero-image img{height:360px}
}
@media(max-width:640px){
 .scar-header{position:static}
 .scar-nav{align-items:flex-start;flex-direction:column;padding:10px 0}
 .scar-cards,.scar-process,.scar-price-grid,.scar-trust-grid,.scar-footer-grid,.scar-form-grid{grid-template-columns:1fr}
 .scar-field.full{grid-column:auto}
 .scar-section{padding:50px 0}
}