/*
Theme Name: Kim Long Digital
Theme URI: https://anhmaukimlong.com/
Author: Kim Long Digital
Description: Lightweight one-page theme based on Kim Long Lab supplied HTML. Includes secure consultation email form.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: kimlong-digital
*/

:root{--red:#a9162a;--red2:#7e1020;--ink:#201d20;--muted:#6f6a6d;--cream:#fff8f7;--line:#eee2e3;--pink:#f6e5e7;--white:#fff;--shadow:0 18px 50px #4b0e1b12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.announce{background:var(--red2);color:#fff;font-size:12px;letter-spacing:.2px}.announce .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 0}
header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #f0e6e7}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.4px}.brandmark{width:48px;height:48px;border-radius:15px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 18px #a9162a35}.brandtext{font-size:16px;line-height:1.15}.brandtext small{display:block;margin-top:5px;font-size:9px;letter-spacing:1.6px;color:#8a777b}
nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}nav a:hover{color:var(--red)}
.btn{border:1px solid transparent;border-radius:9px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 20px #a9162a25}.btn-primary:hover{background:var(--red2);transform:translateY(-1px)}.btn-outline{border-color:#e5d6d9;background:#fff}.btn-outline:hover{border-color:var(--red);color:var(--red)}
.hero{background:radial-gradient(circle at 80% 25%,#f4d6da 0,transparent 28%),linear-gradient(120deg,#fff8f7 0,#fff 62%);padding:72px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:900}.eyebrow:before{content:"";width:25px;height:2px;background:var(--red)}
h1{font-size:clamp(42px,5.2vw,66px);line-height:1.04;letter-spacing:-2.5px;margin:20px 0}.hero h1 span{color:var(--red)}.hero-copy{font-size:16px;max-width:540px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 25px}.trustline{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#5f5559}.trustline span:before{content:"✓";color:var(--red);font-weight:900;margin-right:7px}
.hero-visual{position:relative;min-height:430px}.hero-photo{position:absolute;inset:20px 25px 28px 35px;border-radius:22px;background:#f0ded9;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.3deg)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#23161999)}
.photo-caption{position:absolute;bottom:26px;left:28px;color:white;z-index:2}.photo-caption b{display:block;font-size:24px;line-height:1.2}.photo-caption span{font-size:12px;opacity:.9}
.floating-note{position:absolute;left:0;top:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 17px;box-shadow:var(--shadow);z-index:3}.floating-note b{font-size:21px;color:var(--red);display:block;line-height:1.2}.floating-note span{font-size:11px;color:var(--muted)}.floating-stamp{position:absolute;right:0;top:65px;background:var(--red);color:white;padding:13px 16px;border-radius:12px;font-weight:800;font-size:12px;z-index:3;box-shadow:var(--shadow)}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:23px 18px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;color:var(--red);font-size:16px}.stat span{font-size:12px;color:var(--muted)}
section{padding:76px 0}.section-title{max-width:700px;margin:0 auto 38px;text-align:center}.section-title .eyebrow:before{display:none}.section-title h2{font-size:clamp(30px,3.6vw,44px);letter-spacing:-1.4px;line-height:1.12;margin:14px 0}.section-title p{margin:0;color:var(--muted);font-size:15px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#e4b9c0}.service img{width:100%;height:205px;object-fit:cover;display:block;background:var(--cream)}.service-body{padding:22px}.service-tag{font-size:10px;color:var(--red);font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.service h3{font-size:19px;margin:7px 0}.service p{font-size:13px;color:var(--muted);margin:0 0 15px}.service a{font-size:12px;font-weight:900;color:var(--red)}
.band{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-img{position:relative}.about-img img{width:100%;height:420px;object-fit:cover;border-radius:20px;display:block}.about-label{position:absolute;right:-15px;bottom:24px;background:#fff;padding:19px 22px;border-radius:13px;box-shadow:var(--shadow);max-width:230px}.about-label b{display:block;color:var(--red);font-size:17px}.about-label span{font-size:12px;color:var(--muted)}.about-copy h2{font-size:clamp(30px,3.6vw,44px);line-height:1.12;letter-spacing:-1.4px;margin:14px 0}.about-copy>p{color:var(--muted);font-size:15px}.benefits{display:grid;gap:17px;margin:25px 0}.benefit{display:flex;gap:12px}.benefit-icon{width:34px;height:34px;border-radius:10px;background:#f4e0e3;color:var(--red);display:grid;place-items:center;flex-shrink:0;font-weight:900}.benefit b{display:block;font-size:14px}.benefit span{display:block;color:var(--muted);font-size:12px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff}.step-number{font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--red)}.step h3{margin:10px 0 7px;font-size:18px}.step p{margin:0;color:var(--muted);font-size:13px}
.cta-strip{padding:0 0 76px}.cta-inner{border-radius:20px;background:var(--red);color:white;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner h2{margin:0 0 5px;font-size:26px}.cta-inner p{margin:0;color:#f7dfe3;font-size:13px}.cta-inner .btn{background:#fff;color:var(--red);white-space:nowrap}
.contact{background:#211c1f;color:white}.contact .section-title p{color:#c8bdc1}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-card{background:#2b2428;border:1px solid #493b41;border-radius:17px;padding:27px}.contact-card h3{font-size:22px;margin:0 0 20px}.contact-row{display:flex;gap:13px;margin:18px 0;color:#e7dfe2;font-size:13px}.contact-row .ico{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#453138;display:grid;place-items:center}.contact-row b{display:block;color:white;font-size:13px}.contact-card .mapbtn{margin-top:8px;background:transparent;border-color:#76646b;color:white}
form{display:grid;grid-template-columns:1fr 1fr;gap:13px}form .full{grid-column:1/-1}label{display:block;font-size:11px;font-weight:800;margin-bottom:6px;color:#e4d9dd}input,select,textarea{width:100%;border:1px solid #5b4c52;background:#211c1f;border-radius:8px;padding:12px 13px;color:white;font:inherit;font-size:13px}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #dc7c8a;border-color:transparent}.fineprint{font-size:11px;color:#bcaeb4;margin:0}
footer{background:#171416;color:#b8adb2;font-size:11px;padding:23px 0}footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mobile-bar{display:none}
@media(max-width:900px){nav{gap:13px}.nav .navcta{display:none}.hero-grid{gap:26px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{gap:28px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.announce .wrap{justify-content:center;text-align:center}.nav{min-height:70px}.brandmark{width:42px;height:42px}.brandtext{font-size:14px}.brandtext small{font-size:8px;letter-spacing:1px}nav{display:none}.hero{padding:48px 0 45px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-copy{font-size:14px}.hero-visual{min-height:320px;margin-top:12px}.hero-photo{inset:18px 12px 20px 22px}.hero-photo img{object-position:center}.floating-note{left:0}.floating-stamp{right:0;top:42px}.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding:14px}.stat:last-child{border-bottom:0}section{padding:56px 0}.service-grid{grid-template-columns:1fr;gap:14px}.service img{height:220px}.about-grid{grid-template-columns:1fr}.about-img img{height:300px}.about-label{right:8px;bottom:12px}.steps{grid-template-columns:1fr}.cta-strip{padding-bottom:56px}.cta-inner{padding:25px;display:block}.cta-inner h2{font-size:23px}.cta-inner .btn{margin-top:17px}.contact-card{padding:21px}form{grid-template-columns:1fr}form .full{grid-column:auto}.mobile-bar{display:flex;position:fixed;z-index:30;bottom:10px;left:10px;right:10px}.mobile-bar .btn{width:100%;box-shadow:0 6px 25px #0004}footer{padding-bottom:78px}}

/* WordPress additions */
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.form-feedback{grid-column:1/-1;padding:12px 14px;border-radius:8px;font-size:13px;margin:0}.form-feedback.success{background:#e5f7e9;color:#155c29}.form-feedback.error{background:#ffe7e7;color:#842029}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
