/*
Theme Name: Connecting Cities Executives Pro
Theme URI: https://www.executives.connectingcities.co.za
Author: Piet Koeneraad Creations
Author URI: https://www.creations.pietkoeneraad.co.za
Description: Premium executive transport WordPress theme for Connecting Cities Executives — A Division of Connecting Cities Group (Pty) Ltd. Includes luxury dark design, black executive vehicle visuals, WhatsApp live support and online booking email form.
Version: 1.0.0
License: Proprietary
Text Domain: cc-executives
*/
:root{--black:#030608;--panel:#0b1014;--panel2:#11171d;--gold:#d9a942;--gold2:#f1c66a;--green:#72bf00;--navy:#071d49;--white:#fff;--muted:#b8c0c9;--line:rgba(217,169,66,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--black);color:var(--white)}a{text-decoration:none;color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:linear-gradient(180deg,rgba(3,6,8,.96),rgba(3,6,8,.74));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px}.mark{position:relative;width:92px;height:58px}.mark span{position:absolute;font-weight:900;font-size:58px;line-height:1}.mark span:first-child{left:0;color:var(--gold2)}.mark span:nth-child(2){left:34px;color:var(--green)}.mark i{position:absolute;left:22px;bottom:2px;width:62px;height:24px;border-bottom:8px solid var(--gold2);border-radius:0 0 90% 0;transform:skewX(-18deg)}.brand-text strong{font-size:22px;line-height:.86;font-weight:900}.brand-text em{font-style:normal;color:var(--green)}.brand-text small{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#06101c;font-weight:900;letter-spacing:5px}.nav{display:flex;align-items:center;gap:30px;font-weight:800;text-transform:uppercase;font-size:14px}.nav a:hover{color:var(--gold2)}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--gold2);font-size:28px;border-radius:10px;padding:6px 10px}.hero{position:relative;min-height:850px;padding:150px 5vw 80px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(217,169,66,.22),transparent 26%),linear-gradient(115deg,#030608 0%,#07111a 45%,#15120b 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.96),rgba(3,6,8,.68),rgba(3,6,8,.25)),url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1800&q=80') center/cover;opacity:.34}.hero-content,.hero-car{position:relative;z-index:2}.eyebrow,.section-tag{color:var(--gold2);text-transform:uppercase;letter-spacing:3px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,88px);line-height:.95;margin:10px 0 24px;text-transform:uppercase;max-width:720px}.lead{font-size:20px;line-height:1.65;color:#e3e7ea;max-width:590px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin:36px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:15px 24px;text-transform:uppercase;font-weight:900;letter-spacing:.5px;border:1px solid var(--line)}.btn.gold{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#06101c}.btn.outline{color:var(--gold2);background:rgba(255,255,255,.04)}.trust-row{display:flex;gap:14px;flex-wrap:wrap}.trust-row span{border:1px solid var(--line);padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:700}.car-card{height:360px;border-radius:40px;background:linear-gradient(160deg,#010101,#131313 38%,#000 68%);box-shadow:0 35px 90px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.08);position:relative;transform:perspective(900px) rotateY(-8deg);border-bottom:20px solid #050505}.car-card:before{content:"";position:absolute;left:12%;right:10%;top:34%;height:80px;border-radius:80% 80% 20% 20%;background:linear-gradient(180deg,#222,#020202);box-shadow:0 50px 0 #050505}.car-card:after{content:"";position:absolute;left:10%;right:8%;bottom:45px;height:48px;background:linear-gradient(90deg,#000,#222,#000);border-radius:20px}.plate{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);z-index:3;background:#020304;color:var(--gold2);border:2px solid var(--gold);border-bottom:4px solid var(--green);padding:7px 18px;border-radius:5px;font-weight:900;letter-spacing:2px}.panel-grid,.section,.booking,.footer{padding:70px 5vw}.panel-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-top:-70px;position:relative;z-index:5}.panel,.card,.vehicle,.area,.booking-form{background:linear-gradient(180deg,rgba(17,23,29,.98),rgba(8,12,16,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.35);border-radius:18px;padding:28px}.panel h2,.section h2,.booking h2{font-size:clamp(30px,4vw,54px);margin:8px 0 18px}.panel p,.card p,.vehicle p,.area p,.booking p{color:var(--muted);line-height:1.7}.stat strong{display:block;font-size:58px;color:var(--gold2)}.stat span{color:var(--muted);font-weight:700}.section-head{max-width:900px;margin-bottom:34px}.cards,.fleet-grid,.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.vehicle,.area{transition:.25s}.card:hover,.vehicle:hover,.area:hover{transform:translateY(-6px);border-color:var(--gold)}.card h3,.vehicle h3,.area h3{color:var(--gold2);margin-top:0}.fleet{background:linear-gradient(180deg,#05080b,#0c1116)}.vehicle-img{height:145px;border-radius:18px;margin-bottom:20px;background:radial-gradient(circle at 45% 50%,#2d3339,#000 64%);position:relative;overflow:hidden}.vehicle-img:before{content:"";position:absolute;left:15%;right:15%;top:42%;height:45px;border-radius:80% 80% 12px 12px;background:#050505;border-top:18px solid #171c20;box-shadow:0 35px 0 #020202}.vehicle-img:after{content:"CC EXECUTIVES";position:absolute;left:50%;bottom:19px;transform:translateX(-50%);font-size:9px;letter-spacing:1px;background:#010101;color:var(--gold2);border-bottom:2px solid var(--green);padding:4px 8px;border-radius:3px}.suv:before{height:58px}.van:before,.shuttle:before{left:9%;right:9%;height:62px;border-radius:26px 30px 12px 12px}.areas{background:radial-gradient(circle at 80% 10%,rgba(114,191,0,.13),transparent 25%)}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.feature-strip div{padding:30px 18px;background:rgba(255,255,255,.04);font-weight:900;text-transform:uppercase;text-align:center}.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:linear-gradient(135deg,#030608,#101720)}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:13px;font-weight:800;text-transform:uppercase;color:var(--gold2)}input,select,textarea{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.12);background:#06090d;color:white;border-radius:10px;padding:14px;font:inherit}textarea{resize:vertical}.full{grid-column:1/-1}.footer{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid rgba(255,255,255,.08);background:#020406}.footer .mini .mark{transform:scale(.78);transform-origin:left center}.footer-contact p{color:#e2e8ee;font-size:18px}.copyright{grid-column:1/-1;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);padding-top:20px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;background:#25d366;color:#07100b;font-weight:900;padding:15px 20px;border-radius:999px;box-shadow:0 18px 40px rgba(0,0,0,.45)}@media(max-width:1000px){.hero,.booking{grid-template-columns:1fr}.panel-grid,.cards,.fleet-grid,.area-grid{grid-template-columns:1fr 1fr}.feature-strip{grid-template-columns:1fr 1fr}.nav{position:absolute;top:88px;left:5vw;right:5vw;display:none;flex-direction:column;background:#05080b;border:1px solid var(--line);border-radius:18px;padding:25px}.nav.open{display:flex}.menu-btn{display:block}}@media(max-width:640px){.site-header{padding:14px 4vw}.brand-text strong{font-size:17px}.mark{width:72px;transform:scale(.75);transform-origin:left center}.hero{padding-top:125px;min-height:auto}.hero h1{font-size:40px}.panel-grid,.cards,.fleet-grid,.area-grid,.booking-form,.footer{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.car-card{height:230px}.whatsapp{left:16px;right:16px;text-align:center}.panel-grid{margin-top:0}}