/*
Theme Name: 1StopSupport
Author: 1StopSupport
Description: Original WordPress theme inspired by the layout of FOS.net, tailored to business and home IT support.
Version: 1.0.0
Text Domain: onestopsupport
*/
:root{--navy:#172c42;--blue:#0876b9;--pale:#edf6fb;--ink:#26384a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--blue);text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.top{background:#10273b;color:#fff;font-size:14px;padding:7px 0}.top a{color:white;margin-right:20px}.header{background:white;position:sticky;top:0;z-index:5;box-shadow:0 2px 12px #10273b18}.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:18px}.logo{font-size:29px;font-weight:800;color:var(--navy)}.logo span{color:var(--blue)}nav a{margin-left:24px;color:var(--navy);font-weight:600}.btn{display:inline-block;background:var(--blue);color:white;border:0;border-radius:4px;padding:13px 24px;font-weight:700;cursor:pointer}.btn:hover{background:#075c90;color:#fff}.hero{background:linear-gradient(110deg,#102b42ed,#154a70c9),url('assets/hero.svg') center/cover;color:white;padding:112px 0}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.12;max-width:760px;margin:0 0 24px}.hero p{font-size:20px;max-width:660px}.hero .btn{background:#fff;color:#164e76;margin:20px 12px 0 0}.hero .btn.secondary{background:transparent;border:2px solid white;color:white}.section{padding:80px 0}.section.alt{background:var(--pale)}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:800;letter-spacing:2px;font-size:13px}.section h2{font-size:clamp(30px,3.5vw,43px);line-height:1.2;color:var(--navy);margin:12px 0 22px}.lead{font-size:19px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:38px}.card{background:#fff;border-radius:8px;box-shadow:0 6px 30px #1b354412;padding:30px;border-top:4px solid var(--blue)}.card h3{color:var(--navy);font-size:23px;margin-top:0}.card a{font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature{background:#d9edf8;padding:42px;border-radius:10px}.feature ul{padding-left:22px}.feature li{margin:12px 0}.cta{background:#123e60;color:#fff;text-align:center;padding:75px 0}.cta h2{color:#fff}.cta .btn{background:#fff;color:#123e60}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;padding:14px;border:1px solid #ccd8e0;border-radius:4px;font:inherit}textarea{min-height:140px}.footer{background:#0d263b;color:#dbe7ef;padding:50px 0 25px}.footer a{color:#fff}.footer .split{align-items:start}.fine{font-size:13px;color:#b5c9d7;margin-top:30px}.page-head{background:#123e60;color:white;padding:65px 0}.page-head h1{font-size:45px;margin:0}.page-head p{max-width:700px}.notice{background:#fff6d9;padding:15px;border-radius:4px}.menu-toggle{display:none}@media(max-width:800px){.cards,.split{grid-template-columns:1fr}.header .wrap{flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.menu-toggle{display:block;background:none;border:1px solid #aaa;padding:8px 12px}nav{display:none;width:100%}nav.open{display:block}nav a{display:block;margin:12px 0}.hero{padding:80px 0}.section{padding:55px 0}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

/* Official 1StopSupport brand logo */
.logo{display:flex;align-items:center;flex-shrink:0;max-width:330px}
.site-logo{display:block;width:100%;max-width:330px;height:auto}
@media(max-width:1000px){.logo{max-width:230px}.site-logo{max-width:230px}}
@media(max-width:480px){.logo{max-width:200px}.site-logo{max-width:200px}}

/* Floating WhatsApp support link */
.oss-whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:9999;background:#128c4a;color:#fff!important;text-decoration:none;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:40px;font-weight:700;box-shadow:0 4px 16px #0003}.oss-whatsapp-float:hover,.oss-whatsapp-float:focus{background:#075e36;color:white!important}.oss-whatsapp-float span{font-size:23px;line-height:1}@media(max-width:600px){.oss-whatsapp-float{right:12px;bottom:12px;padding:11px 14px;font-size:13px}}
