/*
Theme Name: CC VRAPU Enterprise Pro
Theme URI: https://vrapu.connectingcities.co.za
Author: Connecting Cities Group (Pty) Ltd
Description: Pro CC VRAPU theme with foldable menu and footer-only contact details.
Version: 7.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: cc-vrapu-enterprise-pro
*/
:root{--navy:#061b3d;--navy2:#0b315f;--green:#62b22f;--light:#f5f8fc;--line:#dce6f2;--text:#101828;--muted:#667085}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text);line-height:1.58} a{color:var(--navy)}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:999;box-shadow:0 8px 28px rgba(6,27,61,.08)}
.header-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand img{max-width:250px;height:auto}
.menu-toggle{background:var(--navy);color:#fff;border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}
.fold-menu{position:fixed;top:0;right:-430px;width:min(430px,92vw);height:100vh;background:#fff;z-index:1001;transition:right .28s ease;box-shadow:-22px 0 50px rgba(6,27,61,.22);padding:22px;overflow:auto}
.fold-menu.open{right:0}.menu-overlay{position:fixed;inset:0;background:rgba(6,27,61,.56);z-index:1000;display:none}.menu-overlay.open{display:block}
.fold-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.fold-head img{max-width:210px}
.close-menu{background:#eef3f8;border:0;border-radius:12px;padding:10px 13px;font-weight:900;color:var(--navy);cursor:pointer}
.fold-nav ul{list-style:none;margin:0;padding:0}.fold-nav a{display:block;text-decoration:none;color:var(--navy);font-weight:900;padding:15px 10px;border-bottom:1px solid var(--line);font-size:16px}
.fold-nav a:hover{background:#f4f9ff;border-radius:12px;color:var(--green)}.fold-cta{margin-top:20px;display:block;text-align:center;background:var(--green);color:#fff!important;text-decoration:none;padding:15px 18px;border-radius:999px;font-weight:900}
.container{max-width:1240px;margin:auto;padding:30px 20px}.content-card{background:#fff;border-radius:28px;padding:34px;box-shadow:0 14px 38px rgba(6,27,61,.09)}
.hero,.vrapu-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:32px;padding:46px;margin-bottom:26px;overflow:hidden}.hero img,.vrapu-hero img{max-width:390px;background:#fff;border-radius:20px;padding:12px}.hero h1,.vrapu-hero h1{font-size:48px;line-height:1.05;margin:18px 0;color:#fff}.green,.vrapu-green{color:var(--green)}
.grid,.vrapu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:22px}.card,.vrapu-card{background:#fff;border:1px solid var(--line);border-left:7px solid var(--green);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(6,27,61,.07)}
.vrapu-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 34px rgba(6,27,61,.08)}
.vrapu-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}.vrapu-fields label{font-weight:900;color:var(--navy)}
.vrapu-fields input,.vrapu-fields select,.vrapu-fields textarea{width:100%;padding:13px;border:1px solid #cbd7e6;border-radius:12px;margin-top:7px;font-size:15px}
.vrapu-submit{background:var(--navy);color:#fff;border:0;border-radius:14px;padding:16px 23px;font-size:16px;font-weight:900;cursor:pointer}.vrapu-msg{display:none;margin-top:14px;padding:14px;border-radius:12px}.vrapu-msg.ok{display:block;background:#ecf8ec;border:1px solid var(--green)}.vrapu-msg.err{display:block;background:#fff1f1;border:1px solid #b42318}
.site-footer{background:var(--navy);color:#fff;margin-top:46px}.footer-inner{max-width:1240px;margin:auto;padding:34px 20px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.site-footer a{color:#fff}.footer-title{font-size:20px;font-weight:900}.footer-tag{color:var(--green);font-weight:900;margin:8px 0}
@media(max-width:850px){.brand img{max-width:190px}.hero h1,.vrapu-hero h1{font-size:34px}.content-card{padding:22px}.footer-inner{grid-template-columns:1fr}}