/*
Theme Name: 優惠酷酷 Dealkuku
Theme URI: https://dealkuku.com/
Author: 優惠酷酷
Description: 橘白色購物情報與文章導購網站，包含優惠情報、選購指南縮圖列表、各類折扣碼與 HTML 文章版型。
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: dealkuku
*/
:root{--ink:#253044;--sub:#64748b;--orange:#ec672b;--orange-dark:#d54c20;--soft:#fff1e7;--bg:#f7f8fb;--line:#e7eaf0;--white:#fff;--shadow:0 8px 26px rgba(30,40,58,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.82 'Noto Sans TC','Microsoft JhengHei',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #fbb78b;outline-offset:3px}img{max-width:100%}.sitehead{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.headin{max-width:1140px;margin:auto;min-height:76px;padding:9px 24px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brandicon{width:43px;height:43px;border-radius:14px;background:#fff0e7;display:grid;place-items:center;color:var(--orange);font-weight:900;font-size:23px}.brand small{display:block;color:#9aa2af;font-size:10px;line-height:1.2;letter-spacing:.1em;font-weight:500;margin-top:-2px}.topnav{display:flex;margin-left:auto;gap:8px;align-items:center}.topnav a{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;color:#576274;transition:.15s}.topnav a:hover,.topnav a.active{background:#fff0e7;color:#c65121}.layout{max-width:1140px;margin:auto;padding:28px 24px 65px}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#929bac;font-size:12px;margin:0 0 22px}.breadcrumb a:hover{color:var(--orange)}.pagehero{padding:40px 44px;background:linear-gradient(115deg,#fff8f2,#fff 66%,#ffefe0);border:1px solid #ffeadc;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);position:relative}.eyebrow{display:inline-block;background:#ffe8d9;color:#bd4d23;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:.04em}.pagehero h1{font-size:clamp(27px,4vw,41px);font-weight:900;line-height:1.42;letter-spacing:-.035em;margin:16px 0}.pagehero p{color:#637083;font-size:15px;max-width:690px;margin:0 0 22px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);padding:13px 23px;color:#fff;font-size:14px;font-weight:900;border-radius:11px;box-shadow:0 6px 15px #ef693024;transition:.15s}.primary-btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:33px 0 16px}.sectionhead h2{font-size:24px;font-weight:900;line-height:1.4;margin:0}.sectionhead p{margin:5px 0 0;font-size:13px;color:var(--sub)}.sectionhead a{font-size:13px;color:var(--orange-dark);font-weight:800}.tile{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);min-width:0;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}.tile:hover{transform:translateY(-4px);box-shadow:0 12px 29px #27324412}.tileimg{height:186px;background:#fff5eb;position:relative;overflow:hidden;display:grid;place-items:center}.tileimg svg{width:100%;height:100%;padding:12px}.tileimg .photo{width:100%;height:100%;object-fit:contain;background:#fff;position:absolute;inset:0}.pill{background:#fff6ef;color:#cb5a2b;border-radius:5px;font-size:11px;font-weight:800;padding:4px 8px;display:inline-flex;line-height:1.5}.tilebody{padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.tilebody h3{margin:0;font-size:18px;line-height:1.55;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tilebody p{font-size:13px;color:#667285;line-height:1.85;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tilebottom{border-top:1px solid #f0f2f5;margin-top:auto;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tilebottom strong{font-size:16px;color:var(--orange-dark)}.tilebottom span{font-size:12px;color:#9a647c;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.category-entry{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.category-entry .cat-icon{height:70px;width:70px;background:#fff0e7;border-radius:18px;display:grid;place-items:center;font-size:32px;flex-shrink:0}.category-entry h2{font-size:21px;line-height:1.4;margin:0 0 4px}.category-entry p{font-size:13px;color:var(--sub);margin:0}.category-entry .entryarrow{margin-left:auto;color:var(--orange);font-size:25px}.twocol{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.cpbox{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;min-height:175px;box-shadow:var(--shadow)}.cpbox .cpicon{font-size:26px;margin-bottom:10px}.cpbox h3{margin:0 0 8px;font-size:20px}.cpbox p{margin:0;color:var(--sub);font-size:13px}.footer{background:white;border-top:1px solid var(--line);text-align:center;color:#8c96a6;padding:27px 16px;font-size:12px}.footer b{font-size:16px;color:#3b4454}.footer p{margin:3px 0 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);padding:40px 45px 45px}.article .cats{display:flex;gap:7px;margin-bottom:16px}.article h1{font-size:clamp(26px,3.3vw,36px);line-height:1.49;letter-spacing:-.025em;margin:0 0 16px;font-weight:900}.article .standfirst{color:#576478;font-size:16px;margin:0 0 25px}.article .hero-media{height:312px;display:grid;place-items:center;border-radius:15px;background:radial-gradient(ellipse at center,#fff,#fff0e4);border:1px solid #f6e8dd;overflow:hidden;margin-bottom:26px;position:relative}.article .hero-media svg{height:100%;width:96%;max-width:530px}.article .hero-media img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;background:#fff}.article h2{font-size:23px;line-height:1.5;margin:37px 0 13px;font-weight:900;letter-spacing:-.01em}.article h2:before{content:'';display:inline-block;background:var(--orange);border-radius:3px;width:5px;height:22px;margin-right:12px;vertical-align:-4px}.article p{color:#4f5c70;margin:0 0 14px}.pointbox{background:#fff5ed;border:1px solid #ffdec9;border-radius:14px;padding:20px 24px;margin:24px 0}.pointbox strong{display:block;color:#ae4625;margin-bottom:7px}.pointbox ul{margin:0;padding-left:22px;color:#4d5361}.pointbox li{margin:5px 0}.productcard{padding:19px;background:#fffaf6;border:1px solid #f6dbcb;border-radius:16px;margin:25px 0}.productinfo{display:flex;gap:18px;align-items:center}.productcard .miniimg{width:112px;height:100px;flex-shrink:0;border-radius:10px;background:white;display:grid;place-items:center;overflow:hidden;border:1px solid #f2e9e3}.miniimg svg{width:100%;height:100%;padding:5px}.miniimg img{width:100%;height:100%;object-fit:contain}.productcard .prodtitle{font-weight:900;line-height:1.5;margin-bottom:4px}.productcard .prodprice{color:var(--orange-dark);font-size:25px;font-weight:900;line-height:1.3}.productcard .prodprice small{font-size:13px}.cta{background:var(--orange);color:#fff!important;display:flex;justify-content:center;align-items:center;border-radius:11px;font-size:16px;font-weight:900;padding:13px;margin-top:13px;transition:.15s}.cta:hover{background:#d45422}.one-line{font-size:12px!important;text-align:center;color:#8c96a4!important;margin:9px 0 0!important}.featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.feature{border:1px solid var(--line);padding:16px;border-radius:12px;background:#fbfcfe}.feature .featureicon{font-size:25px;color:var(--orange)}.feature h3{font-size:15px;margin:7px 0}.feature p{font-size:12px;line-height:1.8;margin:0}.checks{list-style:none;padding:0;margin:0}.checks li{border-bottom:1px solid #f0f2f5;padding:10px 0 10px 32px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;top:11px;color:#28a46a;font-weight:900}.comparegrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparebox{padding:18px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.comparebox h3{font-size:15px;margin:0 0 10px}.comparebox ul{font-size:13px;margin:0;padding-left:20px;color:#556275}.comparebox li{margin:7px 0}.faq{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{font-weight:800;cursor:pointer;font-size:15px;padding:5px 0}.faq p{font-size:14px;margin:8px 0 12px}.lastcta{background:linear-gradient(110deg,#fff1e6,#fff9f5);padding:23px;border:1px solid #f7d9c5;border-radius:14px;margin-top:33px}.lastcta h2{margin:0 0 12px}.lastcta h2:before{display:none}.sidecard{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:15px}.sidecard h3{margin:0 0 13px;font-size:16px}.sidecard a{display:block;color:#66758a;font-size:13px;padding:7px 0;border-top:1px solid #f2f4f7}.sidecard a:hover{color:var(--orange)}.sidecard .sp{color:var(--orange-dark);font-size:22px;font-weight:900}.sidecard .ctaside{background:var(--orange);color:white;text-align:center;padding:9px 8px;border-radius:9px;font-weight:800;margin-top:11px}.backline{margin-top:20px}.backline a{color:var(--orange-dark);font-size:13px;font-weight:800}.subcaption{color:var(--sub);font-size:13px;margin-top:10px}.page{display:none}.page.active{display:block}@media(max-width:850px){.article-layout{grid-template-columns:1fr}.side{display:none}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.article{padding:28px}}@media(max-width:600px){.headin{min-height:67px;padding:8px 15px}.brand{font-size:19px}.brandicon{height:37px;width:37px}.brand small{font-size:8px}.topnav{gap:0}.topnav a{padding:8px 9px;font-size:12px}.layout{padding:18px 13px 45px}.pagehero{padding:28px 24px}.tiles{grid-template-columns:1fr;gap:14px}.tileimg{height:204px}.sectionhead h2{font-size:21px}.article{padding:24px 20px}.article .hero-media{height:216px}.featuregrid{grid-template-columns:1fr}.comparegrid{grid-template-columns:1fr}.productcard .miniimg{width:80px;height:81px}.productcard .prodprice{font-size:23px}.article h2{font-size:21px}.category-entry{padding:20px 16px;gap:12px}.category-entry .cat-icon{height:54px;width:54px}.twocol{grid-template-columns:1fr}.article .standfirst{font-size:14px}}

/* WordPress templates and editor compatibility */
html{scroll-padding-top:95px}body.admin-bar .sitehead{top:32px}
.headin{max-width:1140px} .brand small{display:block}
.tileimg img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff8f2}
.tileimg .photo{object-fit:cover}
.article .hero-media{height:auto;aspect-ratio:1.73}
.article .hero-media img{position:relative;object-fit:cover}
.sitehead .topnav{display:flex}.topnav a[aria-current="page"]{background:#fff0e7;color:#c65121}
.article .entry-content h2{font-size:23px;line-height:1.5;margin:37px 0 13px;font-weight:900;letter-spacing:-.01em}
.article .entry-content h2:before{content:'';display:inline-block;background:var(--orange);border-radius:3px;width:5px;height:22px;margin-right:12px;vertical-align:-4px}
.article .entry-content h3{margin:22px 0 10px}.article .entry-content img{height:auto;border-radius:12px}
.article .entry-content a:not(.cta){color:#c95422;text-decoration:underline;text-underline-offset:3px}
.article .entry-content ul,.article .entry-content ol{color:#4f5c70;padding-left:24px}
.article .entry-content p{margin:0 0 16px}.entry-content .wp-block-image{margin:20px 0}
.article .standfirst{margin:0 0 22px}.lastcta h2:before{display:none}
.brand:hover,.brand:focus{opacity:.83}.tilebody .tilebottom{margin-top:auto}
.footer a{color:#b75b34} .footer a:hover{text-decoration:underline}
.pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin:30px auto}
.pagination .page-numbers{padding:7px 13px;border:1px solid #e7eaf0;border-radius:9px;background:#fff}
.pagination .page-numbers.current{background:#ec672b;color:#fff;border-color:#ec672b}
.empty-state{border:1px dashed #e5c9b9;background:#fffaf6;border-radius:15px;padding:35px 24px;color:#64748b}
.breadcrumb{margin:0 0 18px}.article-layout{margin-top:0}.article .cats .pill{margin-right:6px}
.theme-topics{margin:15px 0 0}.theme-topics .pill{margin-right:5px}
.category-entry:hover{box-shadow:0 12px 29px #27324412;transform:translateY(-1px)}
.post-info{color:#8893a4;font-size:12px;line-height:1.5}.note-once{text-align:center;font-size:12px;color:#8893a4;margin:10px 0 0}
.hero-media.article-cover{overflow:hidden;background:#fff2e6}.hero-media.article-cover img{width:100%;height:100%;object-fit:cover}
.searchform{display:flex;align-items:center;background:#fff;border-radius:12px;border:1px solid var(--line);padding:6px 8px}
.searchform input{flex:1;border:0;background:transparent;min-width:0;outline:none;font:inherit;padding:9px}
.searchform button{background:var(--orange);color:#fff;border:0;border-radius:9px;padding:9px 16px;font-weight:800}
.sectionhead a:hover{opacity:.7}.post-nav{display:flex;justify-content:space-between;gap:15px;margin-top:23px}
.post-nav a{color:#ba5326;font-size:13px;font-weight:700}
.coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.coupon-card{padding:23px;border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:var(--shadow)}
.coupon-card h2{font-size:19px;margin:8px 0}.coupon-card p{font-size:13px;color:var(--sub)}
.coupon-code{display:flex;gap:8px;align-items:center;border:1px dashed #edac86;border-radius:10px;background:#fff8f2;padding:10px;margin:14px 0}
.coupon-code code{font-size:18px;color:#cb5425;font-weight:900;flex:1;overflow-wrap:anywhere}.coupon-code button{border:0;border-radius:8px;background:#ec672b;color:white;font-weight:800;padding:9px 14px}
.coupon-card .primary-btn{font-size:13px;padding:9px 15px}.coupon-copy-success{background:#15935d!important}
.admin-notice.dk-welcome{border-left-color:#ec672b}
.sitehead .headin .topnav a{white-space:nowrap}
.article blockquote{margin:25px 0;padding:16px 22px;background:#fff7f0;border-left:4px solid #ec672b;border-radius:8px}
.article table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article td,.article th{padding:9px 11px;border:1px solid #e7eaf0}
.article .wp-block-button__link{background:#ec672b;color:#fff;border-radius:11px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute}
@media(max-width:650px){.coupon-list{grid-template-columns:1fr}.headin{gap:8px;padding:10px 14px}.brand{font-size:20px}.topnav{gap:1px}.topnav a{font-size:12px;padding:7px 10px}.brandicon{height:36px;width:36px;border-radius:10px}.sitehead .headin{min-height:62px}.article .entry-content h2{font-size:21px}}
@media(max-width:782px){body.admin-bar .sitehead{top:46px}}
@media(max-width:380px){.brand small{font-size:8px}.brand{font-size:18px}.topnav a{padding:7px 7px;font-size:11px}}


/* v1.1 — article readability across desktop and mobile */
.article{font-size:18px;line-height:1.9}
.article .standfirst{font-size:18px;line-height:1.85}
.article .entry-content{font-size:18px;line-height:1.9}
.article .entry-content p,
.article .entry-content li{font-size:18px;line-height:1.9}
.article .entry-content h2{font-size:27px;line-height:1.5;margin:42px 0 16px}
.article .entry-content h3{font-size:21px;line-height:1.55}
.article .entry-content .feature{padding:19px 18px}
.article .entry-content .feature h3{font-size:19px;line-height:1.5;margin:9px 0}
.article .entry-content .feature p{font-size:17px;line-height:1.85;margin:0}
.article .entry-content .comparebox h3{font-size:19px}
.article .entry-content .comparebox ul,
.article .entry-content .comparebox li{font-size:17px;line-height:1.85}
.article .entry-content .faq summary{font-size:18px;line-height:1.7;padding:9px 0}
.article .entry-content .faq p{font-size:17px;line-height:1.85}
.article .productcard .prodtitle{font-size:18px;line-height:1.6}
.article .productcard .prodprice{font-size:28px}
.article .cta{font-size:17px;min-height:48px;line-height:1.6}
.article .one-line{font-size:15px!important;line-height:1.7}
.article .lastcta p{font-size:17px;line-height:1.8}
.article .sidecard a{font-size:15px}
.article .sidecard .ctaside{font-size:16px}
@media(max-width:600px){
  .article{font-size:17px;line-height:1.85;padding:25px 18px}
  .article .standfirst{font-size:17px}
  .article .entry-content,.article .entry-content p,.article .entry-content li{font-size:17px;line-height:1.88}
  .article .entry-content h2{font-size:24px;line-height:1.45;margin-top:34px}
  .article .entry-content h3{font-size:19px}
  .article .entry-content .feature h3{font-size:18px}
  .article .entry-content .feature p,.article .entry-content .comparebox li,.article .entry-content .faq p{font-size:17px}
  .article .entry-content .faq summary{font-size:18px}
  .article .productcard .prodtitle{font-size:17px}
  .article .cta{font-size:17px}
}