/*
Theme Name: Car Parking Shade UAE Child
Theme URI: https://www.carparkingshadeuae.com/
Description: Lightweight Astra child theme for a UAE car parking shade contractor.
Author: MTS
Template: astra
Version: 1.0.0
Text Domain: cps-uae
*/

:root{--cps-navy:#08233f;--cps-blue:#0b6fc2;--cps-sky:#eaf5ff;--cps-orange:#f58220;--cps-ink:#172433;--cps-muted:#607080;--cps-white:#fff;--cps-radius:16px;--cps-shadow:0 14px 40px rgba(8,35,63,.12)}
html{scroll-behavior:smooth}.site-content{overflow:hidden}body{color:var(--cps-ink)}
.cps-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.cps-section{padding:76px 0}.cps-section--soft{background:var(--cps-sky)}
.cps-kicker{color:var(--cps-blue);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.cps-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;color:var(--cps-navy);margin:0 0 18px}.cps-subtitle{font-size:1.1rem;line-height:1.75;color:var(--cps-muted);max-width:760px}
.cps-hero{padding:96px 0 86px;background:linear-gradient(120deg,rgba(8,35,63,.98),rgba(11,111,194,.88)),url('assets/shade-pattern.svg') center/cover}.cps-hero .cps-title,.cps-hero h1{color:#fff}.cps-hero p{color:#dcecff;max-width:760px;font-size:1.12rem}.cps-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.cps-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:9px;background:var(--cps-orange);color:#fff!important;font-weight:800;text-decoration:none!important}.cps-btn--ghost{background:transparent;border:2px solid rgba(255,255,255,.75)}
.cps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cps-card{background:#fff;border:1px solid #dce8f2;border-radius:var(--cps-radius);padding:27px;box-shadow:0 8px 26px rgba(8,35,63,.07);height:100%}.cps-card h3{font-size:1.25rem;color:var(--cps-navy);margin:0 0 10px}.cps-card p{color:var(--cps-muted);line-height:1.7}.cps-card a{font-weight:800;color:var(--cps-blue)}
.cps-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce8f2;border-radius:var(--cps-radius);overflow:hidden;margin-top:-38px;position:relative;box-shadow:var(--cps-shadow)}.cps-stat{background:#fff;text-align:center;padding:26px 12px}.cps-stat strong{display:block;color:var(--cps-navy);font-size:1.55rem}.cps-stat span{color:var(--cps-muted);font-size:.9rem}
.cps-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.cps-checks{list-style:none;margin:24px 0 0;padding:0}.cps-checks li{padding:9px 0 9px 30px;position:relative}.cps-checks li:before{content:'✓';position:absolute;left:0;color:var(--cps-blue);font-weight:900}
.cps-faq details{border-bottom:1px solid #dce8f2;padding:18px 0}.cps-faq summary{cursor:pointer;font-weight:800;color:var(--cps-navy);font-size:1.05rem}.cps-faq details p{color:var(--cps-muted);padding:10px 0 0;margin:0}
.cps-cta{background:var(--cps-navy);color:#fff;border-radius:22px;padding:48px}.cps-cta h2{color:#fff;margin-top:0}.cps-breadcrumbs{font-size:.85rem;color:var(--cps-muted);padding:18px 0}.cps-breadcrumbs a{color:var(--cps-blue)}
.cps-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cps-form .full{grid-column:1/-1}.cps-form input,.cps-form select,.cps-form textarea{width:100%;border:1px solid #cbd9e5;border-radius:8px;padding:13px;background:#fff}.cps-form button{border:0;cursor:pointer}
.cps-floating{position:fixed;right:20px;bottom:20px;z-index:999;display:flex;flex-direction:column;gap:10px}.cps-floating a{display:flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;color:#fff!important;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.22);text-decoration:none}.cps-wa{background:#25d366}.cps-call{background:var(--cps-blue)}
@media(max-width:900px){.cps-grid{grid-template-columns:repeat(2,1fr)}.cps-two{grid-template-columns:1fr}.cps-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cps-wrap{width:min(100% - 28px,1180px)}.cps-section{padding:54px 0}.cps-hero{padding:70px 0}.cps-grid,.cps-form{grid-template-columns:1fr}.cps-form .full{grid-column:auto}.cps-stats{margin-top:-24px}.cps-cta{padding:32px 24px}}