/*
Theme Name: ION Here to Help
Theme URI: https://example.com/
Author: ION Website Studio
Description: Responsive osteopathy clinic website with a one-click starter-site builder.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ion-clinic
*/
:root{--sage:#718969;--dark:#243c31;--cream:#f8f7f2;--blue:#688d97;--gold:#e6bb59}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26362d;font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.55}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,6vw,5.5rem);margin:.4em 0}h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:.3em 0}h3{font-size:1.5rem}.wrap{max-width:1200px;margin:auto;padding:0 24px}.header{background:#ffffffee;position:sticky;top:0;z-index:10;box-shadow:0 1px 12px #0000000b}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:95px}.brand img{width:190px;max-width:100%;height:auto}.menu{display:flex;gap:20px;flex-wrap:wrap}.menu a,.footer a{color:inherit;text-decoration:none}.menu a:hover{color:var(--sage)}.btn{display:inline-block;background:var(--dark);color:#fff!important;text-decoration:none;border-radius:30px;padding:13px 23px;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:bold}.btn:hover{background:var(--sage)}.hero{background:linear-gradient(90deg,#f8f7f2 0%,#f8f7f2dd 48%,#f8f7f200 75%),url('assets/hero.jpg') center/cover;min-height:560px;display:flex;align-items:center}.hero .intro{max-width:580px;padding:85px 0}.eyebrow{font-size:.72rem;letter-spacing:.27em;text-transform:uppercase;color:var(--sage);font-weight:bold}.lead{font-size:1.12rem;max-width:530px}.features{display:flex;gap:22px;margin-top:35px;flex-wrap:wrap}.feature{background:#ffffffd9;border-radius:20px;padding:15px;min-width:125px;text-align:center;font-size:.85rem}.feature b{display:block;font-size:1.5rem;color:var(--sage)}section{padding:75px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.service{background:var(--cream);border-radius:16px;overflow:hidden}.service img{width:100%;height:185px;object-fit:cover}.service .inside{padding:20px}.service h3{margin:0 0 8px}.service p{margin:0 0 15px}.service a{color:var(--dark)}.about{background:#f2f3ed}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;border-radius:18px}.approach{background:var(--dark);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step .number{font:2rem Georgia,serif;color:var(--sage)}.testimonials{background:var(--cream)}.quote{padding:25px;background:white;border-radius:15px}.cta{background:linear-gradient(90deg,#e9eee8,#f9f5e9);text-align:center}.footer{background:var(--dark);color:white;padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer img{width:180px}.footer a{display:block;margin:7px 0}.small{font-size:.8rem;opacity:.75}.content-page{padding:70px 24px;max-width:900px;margin:auto}.content-page h1{font-size:3.5rem}@media(max-width:850px){.nav{flex-wrap:wrap;padding:15px 0}.menu{order:3;width:100%;justify-content:center}.nav>.btn{margin-left:auto}.hero{background:linear-gradient(#f8f7f2e8,#f8f7f2d8),url('assets/hero.jpg') center/cover}.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.grid,.steps,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.brand img{width:140px}.menu{gap:12px;font-size:.83rem}.hero .intro{padding:55px 0}section{padding:48px 0}}