/*
Theme Name: Print Orange
Description: ธีมเบา เร็ว สีขาว-ส้ม #ffb600 สำหรับเว็บรับงานพิมพ์/งานดิจิตอล ใช้ร่วมกับปลั๊กอิน LCBP Print Calc ฟอนต์ SF Thonburi (ใช้ฟอนต์ในเครื่อง ไม่โหลดจากเว็บ)
Version: 0.1.0
Author: Anuchit
Text Domain: print-orange
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--o:#ffb600;--od:#e0a000;--ol:#fff6d9;--ink:#1f1f1f;--mut:#6b6b6b;--bd:#ececec;--w:1120px;
--font:"SF Thonburi","Thonburi","Sukhumvit Set","Leelawadee UI","Noto Sans Thai","Tahoma",system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto}
a{color:#b87700;text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.3;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(1.8rem,5vw,2.8rem)}h2{font-size:clamp(1.4rem,3.5vw,2rem)}h3{font-size:1.15rem}
p{margin:0 0 1em}
.po-wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute;left:-9999px}
:focus-visible{outline:3px solid var(--o);outline-offset:2px}

/* header */
.po-head{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--bd)}
.po-head__in{display:flex;align-items:center;gap:16px;min-height:64px}
.po-logo{font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none!important;display:flex;align-items:center;gap:8px}
.po-logo b{display:inline-block;width:12px;height:28px;background:var(--o);border-radius:3px}
.po-logo img{max-height:40px;width:auto}
.po-nav{margin-left:auto}
.po-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.po-nav a{display:block;padding:8px 14px;color:var(--ink);border-radius:99px;font-weight:600;font-size:.95rem}
.po-nav a:hover,.po-nav .current-menu-item>a{background:var(--ol);text-decoration:none}
.po-btn{display:inline-block;background:var(--o);color:#1f1f1f!important;font-weight:700;padding:11px 22px;border-radius:99px;border:2px solid var(--o);text-decoration:none!important;min-height:44px;line-height:1.5;cursor:pointer;font-family:inherit;font-size:1rem}
.po-btn:hover{background:var(--od);border-color:var(--od)}
.po-btn--ghost{background:#fff}
.po-head .po-btn{padding:8px 18px;min-height:40px}
.po-burger{display:none;margin-left:auto;background:none;border:1px solid var(--bd);border-radius:10px;width:44px;height:44px;cursor:pointer;padding:0}
.po-burger span,.po-burger span::before,.po-burger span::after{display:block;width:20px;height:2px;background:var(--ink);margin:0 auto;position:relative;content:""}
.po-burger span::before{position:absolute;top:-6px;left:0}.po-burger span::after{position:absolute;top:6px;left:0}
@media(max-width:820px){
.po-burger{display:block}
.po-nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--bd);display:none;margin:0;padding:8px 16px 16px}
.po-nav.is-open{display:block}
.po-nav ul{flex-direction:column}
.po-head .po-btn--head{display:none}
}

/* hero */
.po-hero{background:linear-gradient(180deg,var(--ol),#fff);padding:56px 0 48px}
.po-hero__in{display:grid;gap:28px;align-items:center}
@media(min-width:820px){.po-hero__in{grid-template-columns:1.2fr 1fr}}
.po-hero h1 span{background:linear-gradient(transparent 62%,var(--o) 62%)}
.po-hero p{color:#444;font-size:1.1rem;max-width:34em}
.po-hero__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.po-hero__badge{background:#fff;border:2px solid var(--o);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(255,182,0,.18)}
.po-hero__badge ul{list-style:none;margin:0;padding:0}
.po-hero__badge li{padding:9px 0 9px 30px;position:relative;border-bottom:1px dashed var(--bd);font-weight:600}
.po-hero__badge li:last-child{border:0}
.po-hero__badge li::before{content:"✓";position:absolute;left:0;top:9px;width:22px;height:22px;border-radius:50%;background:var(--o);color:#1f1f1f;font-size:.8rem;text-align:center;line-height:22px}

/* sections */
.po-sec{padding:52px 0}
.po-sec--alt{background:#fafafa}
.po-sec__head{text-align:center;margin-bottom:28px}
.po-sec__head p{color:var(--mut)}
.po-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.po-card{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:20px;transition:transform .15s,box-shadow .15s}
.po-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.po-card__ic{width:44px;height:44px;border-radius:12px;background:var(--o);color:#1f1f1f;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px}
.po-card p{color:var(--mut);margin:0;font-size:.95rem}
.po-steps{counter-reset:s;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}
.po-steps li{counter-increment:s;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px 18px 18px 64px;position:relative}
.po-steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--o);font-weight:800;text-align:center;line-height:34px}
.po-contact{background:var(--o);border-radius:20px;padding:28px;display:grid;gap:18px;align-items:center}
@media(min-width:820px){.po-contact{grid-template-columns:1.3fr 1fr}}
.po-contact h2{margin:0 0 6px}.po-contact p{margin:0}
.po-contact .po-btn{background:#fff;border-color:#fff}
.po-contact__btns{display:flex;gap:10px;flex-wrap:wrap}

/* content */
.po-main{padding:36px 0 56px;min-height:50vh}
.po-main--full{padding:0}
.po-entry{max-width:820px;margin:0 auto}
.po-entry__title{padding-bottom:10px;border-bottom:3px solid var(--o);margin-bottom:22px}
.po-entry img{border-radius:12px}
.po-entry blockquote{border-left:4px solid var(--o);margin:1em 0;padding:4px 16px;background:var(--ol);border-radius:0 10px 10px 0}
.po-posts{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.po-post{border:1px solid var(--bd);border-radius:16px;overflow:hidden;background:#fff}
.po-post__body{padding:16px}
.po-post h2{font-size:1.1rem}.po-post h2 a{color:var(--ink)}
.po-meta{color:var(--mut);font-size:.85rem}
.po-pager{display:flex;gap:10px;justify-content:center;margin-top:24px}
.po-pager a,.po-pager span{padding:8px 16px;border:1px solid var(--bd);border-radius:99px}
.po-pager .current{background:var(--o);border-color:var(--o);font-weight:700}

/* footer */
.po-foot{background:#1f1f1f;color:#ddd;padding:36px 0 22px;font-size:.93rem}
.po-foot a{color:var(--o)}
.po-foot__grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.po-foot h3{color:#fff;font-size:1rem}
.po-foot ul{list-style:none;margin:0;padding:0}
.po-foot__copy{border-top:1px solid #3a3a3a;margin-top:22px;padding-top:14px;color:#999;font-size:.82rem}

/* wp core */
.alignleft{float:left;margin:0 16px 8px 0}.alignright{float:right;margin:0 0 8px 16px}.aligncenter{display:block;margin:0 auto}
.wp-caption-text{font-size:.85rem;color:var(--mut)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}