/*
Theme Name: Kindly Klean Complete
Theme URI: https://kindlyklean.com
Author: Kindly Klean
Description: Responsive cleaning services website with story, booking, and careers pages. Requires Kindly Klean Platform plugin for forms.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: kindly-klean
*/
:root{--purple:#37115c;--green:#278b45;--ink:#1c1730;--muted:#555b6b;--pale:#f4f6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1170px,calc(100% - 36px));margin:auto}.site-header{background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #21113a12}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{font-size:27px;font-weight:900;color:var(--purple);white-space:nowrap}.brand em{color:var(--green);font-style:normal}.nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:700}.nav a:hover{color:var(--green)}.button,.kk-submit{display:inline-block;background:var(--purple);color:#fff!important;border:0;padding:15px 24px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px}.button:hover,.kk-submit:hover{background:#542184}.button.green{background:var(--green)}.hero{background:linear-gradient(110deg,#f7f3fb 0%,#fff 54%,#eaf6ef 100%);padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.eyebrow{font-size:13px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--green)}h1{font-size:clamp(42px,5vw,65px);line-height:1.06;margin:18px 0;color:var(--purple)}h2{font-size:clamp(29px,3vw,40px);line-height:1.2;margin:0 0 16px;color:var(--purple)}h3{font-size:21px;color:var(--purple)}p{line-height:1.75;color:var(--muted)}.lead{font-size:19px;max-width:600px}.hero-panel{background:linear-gradient(135deg,#d7e9db,#d9c4eb);border-radius:24px;min-height:390px;display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;box-shadow:0 16px 40px #28133b16}.hero-panel span{font-size:95px}.hero-panel strong{display:block;font-size:28px;color:var(--purple);margin-top:16px}.section{padding:78px 0}.section.alt{background:var(--pale)}.section-head{text-align:center;max-width:690px;margin:0 auto 34px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-visual{background:#efe5f5;border-radius:22px;padding:65px 28px;text-align:center;font-size:72px}.story-visual small{display:block;font-size:22px;color:var(--purple);font-weight:700;margin-top:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border-radius:16px;padding:27px;border:1px solid #e6e5ed;box-shadow:0 8px 20px #2513390a}.card-icon{font-size:36px}.card h3{margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-number{background:var(--green);color:#fff;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:bold}.cta{background:var(--purple);color:#fff;border-radius:20px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2,.cta p{color:#fff}.cta .button{background:#fff;color:var(--purple)!important}.page-head{padding:65px 0;background:#f4f0f8}.page-head h1{font-size:46px;margin:10px 0}.content-area{min-height:400px}.form-shell{max-width:760px;margin:auto;padding:28px;background:#f7f4fa;border-radius:18px}.kk-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kk-form .full{grid-column:1/-1}.kk-form label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.kk-form input,.kk-form select,.kk-form textarea{width:100%;padding:13px;border:1px solid #cfc9d9;border-radius:8px;background:white;font:inherit}.kk-form input:focus,.kk-form select:focus,.kk-form textarea:focus{outline:2px solid var(--green)}.kk-notice{padding:13px;border-radius:8px;background:#e2f3e6;margin-bottom:18px}.kk-notice.error{background:#fbe5e5}.kk-note{font-size:13px}.site-footer{background:#21102f;color:#fff;padding:48px 0}.site-footer p{color:#d7c9e3}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:#a8e2b5}.mobile-nav{display:none}.page-content{max-width:850px;margin:auto}.page-content h2{margin-top:28px}@media(max-width:900px){.cards,.steps{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}}@media(max-width:700px){.hero-grid,.story-grid,.cards,.steps,.kk-form{grid-template-columns:1fr}.hero{padding:48px 0}.hero-panel{min-height:240px}.section{padding:48px 0}.nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;font-weight:700}.mobile-nav nav{display:flex;flex-direction:column;gap:14px;padding:16px 0}.cta{display:block}.kk-form .full{grid-column:auto}.brand{font-size:23px}}
