/*
Theme Name: Color Printer Original Look (Preview)
Theme URI: https://colorprintertestpage.com/
Author: Custom migration preview
Description: Initial WordPress adaptation of the Vercel homepage. Test on staging before activating. Existing WP pages and blog remain editable.
Version: 0.3.0
Requires PHP: 7.4
Text Domain: cpt-original
*/
:root{--cpt-dark:#0f0e0d;--cpt-blue:#1a56ff;--cpt-yellow:#f5a623;--cpt-paper:#faf9f6}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0f0e0d;background:var(--cpt-paper)}*{box-sizing:border-box}a{text-decoration:none} .cpt-container{max-width:1180px;margin:auto;padding:0 24px}.cpt-header{background:#0f0e0d;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #292929}.admin-bar .cpt-header{top:32px}.cpt-head-inner{max-width:1250px;margin:auto;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.cpt-logo{color:#fff;font-size:15px;font-weight:800;white-space:nowrap}.cpt-logo span{color:#f5a623}.cpt-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cpt-nav a{color:#ddd;font-size:13px}.cpt-nav a:hover{color:#f5a623}.cpt-menu{display:none;background:transparent;border:1px solid #777;color:#fff;padding:6px 10px;border-radius:5px}.cpt-hero{background:radial-gradient(circle at 73% 20%,#101f44,#0f0e0d 63%);color:white;padding:90px 0 72px}.cpt-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.cpt-hero h1{font-size:clamp(35px,4.3vw,58px);line-height:1.13;margin:20px 0;font-weight:800;color:#fff}.cpt-hero h1 em{color:var(--cpt-yellow);font-style:normal}.cpt-hero p{color:#c8c9ce;line-height:1.85;font-size:15px;max-width:620px}.cpt-badge{display:inline-block;background:#18294e;border:1px solid #273e68;color:#bcd0fa;border-radius:20px;padding:7px 12px;font-size:12px}.cpt-buttons{display:flex;gap:13px;flex-wrap:wrap;margin:25px 0}.cpt-btn{display:inline-block;background:var(--cpt-blue);color:#fff;padding:13px 19px;border:0;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer}.cpt-btn-alt{background:#292b2f}.cpt-stats{display:flex;gap:14px;flex-wrap:wrap}.cpt-stat{background:#17191d;padding:12px 16px;border:1px solid #292929;border-radius:10px}.cpt-stat strong{display:block;color:#f5a623;font-size:20px}.cpt-stat small{color:#b3b6c0}.cpt-paper{width:300px;max-width:90%;margin:auto;transform:rotate(5deg);box-shadow:0 20px 40px #0007;background:#fff;border-radius:8px;padding:25px;color:#222}.cpt-lines{height:12px;background:#ddd;border-radius:3px;margin:0 0 10px}.cpt-bars{display:flex;gap:6px;height:95px;margin:18px 0}.cpt-bars span{flex:1;border-radius:2px}.cpt-grad{height:30px;background:linear-gradient(90deg,#000,#fff);border:1px solid #ddd}.cpt-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;background:white;border-bottom:1px solid #ddd;padding:20px;font-size:13px}.cpt-section{padding:65px 0}.cpt-section h2{font-size:31px;margin:0 0 13px}.cpt-lead{color:#5c5c5c;margin-bottom:28px;line-height:1.7}.cpt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cpt-card{background:white;border:1px solid #e4e2df;border-radius:14px;padding:24px;box-shadow:0 3px 12px #00000008;color:#111}.cpt-card:hover{border-color:#b8caff;box-shadow:0 8px 22px #00000012}.cpt-card strong{display:block;font-size:19px;margin:12px 0}.cpt-card p{color:#5c5c5c;font-size:14px;line-height:1.65}.cpt-arrow{color:#1a56ff;font-weight:bold}.cpt-footer{background:#121212;color:#ccc;padding:32px 0}.cpt-footer a{color:#eee;margin-right:14px}.cpt-content{background:#fff;padding:40px;border-radius:12px;margin:35px auto;max-width:850px;line-height:1.8}.cpt-content img{max-width:100%;height:auto}.cpt-content a{color:#1a56ff}.cpt-print{margin-top:30px;text-align:center}.cpt-previews{border:1px solid #ddd;background:white;padding:24px;border-radius:12px}.cpt-pattern{background:#fff;border:1px solid #aaa;min-height:350px;max-width:740px;margin:15px auto;padding:25px}.cpt-pattern-head{text-align:center;border-bottom:1px solid #bbb;margin-bottom:16px}.cpt-pattern .cpt-bars{height:130px}.cpt-pattern-grid{background-image:linear-gradient(#b8b8b8 1px,transparent 1px),linear-gradient(90deg,#b8b8b8 1px,transparent 1px);background-size:18px 18px;height:300px}.cpt-gray{height:85px;background:linear-gradient(90deg,black,white);border:1px solid gray}.cpt-nozzle{background:repeating-linear-gradient(90deg,#0bbfd2 0 2px,white 2px 5px,#e82270 5px 7px,white 7px 10px,#e2c900 10px 12px,white 12px 15px,#111 15px 17px,white 17px 20px);height:130px}.cpt-testtext{font-family:Georgia,serif;font-size:18px}.cpt-testtext small{font-size:11px}.cpt-testtext b{font-size:27px}.cpt-photo{max-height:450px;width:100%;object-fit:contain}.cpt-postlist{padding-left:20px}.cpt-postlist li{margin:0 0 15px}@media(max-width:880px){.cpt-hero-grid{grid-template-columns:1fr}.cpt-hero{padding:55px 0}.cpt-nav{display:none}.cpt-nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;background:#111;flex-direction:column;align-items:stretch;padding:18px}.cpt-menu{display:block}.cpt-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cpt-grid{grid-template-columns:1fr}.cpt-trust{gap:10px}.cpt-content{padding:22px}.cpt-stat{padding:10px}.cpt-head-inner{padding:15px}.cpt-logo{font-size:12px}}@media print{.cpt-header,.cpt-footer,.cpt-print,.cpt-trust,.no-print,#wpadminbar{display:none!important}.cpt-pattern{border:0;padding:0;margin:0;max-width:100%;width:100%;break-inside:avoid}.cpt-content{margin:0;padding:0}.cpt-hero{display:none}@page{size:A4;margin:12mm}}

.cpt-tool-page{padding-top:48px;padding-bottom:75px;min-height:65vh}.cpt-tool-page nav{font-size:14px;color:#666}.cpt-tool-page nav a{color:#1a56ff}.cpt-tool-page h1{font-size:clamp(30px,4vw,48px)}.cpt-tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.cpt-tool-help{max-width:850px;background:white;border-radius:16px;padding:28px;line-height:1.8}.cpt-tool-help li{margin:8px 0}

/* Version 0.3: responsive sidebar on single blog articles only */
.cpt-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;padding-top:38px;padding-bottom:65px}
.cpt-article-primary{min-width:0}.cpt-article-body{background:#fff;border:1px solid #e9e6e1;border-radius:15px;padding:34px;line-height:1.85;font-size:16px;overflow-wrap:anywhere}.cpt-article-body h1{font-size:clamp(28px,3vw,39px);line-height:1.25;margin:12px 0}.cpt-article-body h2{font-size:25px;line-height:1.35;margin-top:34px}.cpt-article-body h3{font-size:20px;line-height:1.4;margin-top:28px}.cpt-article-body p{margin:0 0 20px}.cpt-article-body a{color:#1a56ff;text-decoration:underline}.cpt-article-body ul,.cpt-article-body ol{padding-left:25px}.cpt-article-body img{max-width:100%;height:auto;border-radius:8px}.cpt-article-body table{display:block;max-width:100%;overflow-x:auto}.cpt-article-breadcrumb{font-size:13px;color:#707070}.cpt-article-breadcrumb a{text-decoration:none}.cpt-article-meta{font-size:13px;color:#686868}.cpt-article-image{margin:22px 0 28px}.cpt-article-image img{display:block;width:100%;height:auto}.cpt-article-sidebar{min-width:0}.cpt-side-widget{background:#fff;border:1px solid #e9e6e1;border-radius:13px;padding:22px;margin-bottom:20px;box-shadow:0 2px 12px #00000006}.cpt-side-widget h2{font-size:19px;line-height:1.4;margin:0 0 17px;padding-bottom:12px;border-bottom:2px solid #f5a623}.cpt-side-list{padding:0;margin:0;list-style:none}.cpt-side-list li{border-bottom:1px solid #eee;padding:11px 0;line-height:1.45;font-size:14px}.cpt-side-list li:last-child{border-bottom:0}.cpt-side-list a{color:#1d2738;text-decoration:none}.cpt-side-list a:hover{color:#1a56ff}.cpt-side-cta p{color:#575757;font-size:14px;line-height:1.7}.cpt-side-cta .cpt-btn{font-size:13px}.cpt-article-sidebar .cpt-btn{color:#fff}
@media(max-width:900px){.cpt-article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.cpt-article-body{padding:25px}}
@media(max-width:720px){.cpt-article-layout{grid-template-columns:1fr;padding-top:22px}.cpt-article-body{padding:22px}.cpt-article-sidebar{width:100%}}
@media print{.cpt-article-sidebar{display:none!important}.cpt-article-layout{display:block;padding:0}.cpt-article-body{padding:0;border:0}}