/*
Theme Name: Dealded Child
Theme URI: https://dealded.com
Description: GeneratePress child theme สำหรับ ดีลเด็ด — หน้าโพสต์ธรรมดาแสดงผลเหมือนหน้าสินค้า (affiliate Shopee) ข้อมูลจาก ACF
Author: Dealded
Template: generatepress
Version: 1.0.0
Text Domain: dealded-child
*/

/* สไตล์หลักอยู่ใน assets/product.css (โหลดเฉพาะหน้าสินค้า) */

/* design tokens (ทุกหน้า — ให้การ์ดสินค้าหน้าแรกใช้ได้) */
:root{
  --sp:#ee4d2d; --sp-d:#d23f20; --ink:#16181d; --mut:#6b7280; --line:#e7e9ee;
  --card:#fff; --soft:#fff5f1; --softline:#ffd9cc; --ok:#16a34a; --bad:#dc2626;
}

/* ===== การ์ดสินค้า (ใช้ทั้ง related หน้าสินค้า + grid หน้าแรก [dealded_products]) ===== */
.dd-rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:780px){ .dd-rgrid{grid-template-columns:1fr 1fr;} }
.dd-rcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:.15s;display:block;}
.dd-rcard:hover{box-shadow:0 8px 20px -10px rgba(0,0,0,.25);transform:translateY(-2px);}
.dd-rimg{position:relative;aspect-ratio:1/1;background:#f3f4f6;}
.dd-rimg img{width:100%;height:100%;object-fit:cover;display:block;}
.dd-rbadge{position:absolute;top:6px;left:6px;background:var(--sp);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;}
.dd-rbody{padding:9px 11px 12px;}
.dd-rname{font-size:12.5px;line-height:1.4;height:35px;overflow:hidden;color:#374151;}
.dd-rstats{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:6px;white-space:nowrap;}
.dd-rprice{color:var(--sp);font-weight:700;font-size:16px;}
.dd-rstar{color:#f59e0b;font-weight:600;font-size:12px;}
.dd-rsold{color:var(--mut);font-size:12px;}
/* หัวข้อ section ของ [dealded_products] */
.dd-pbox{margin:8px 0 24px;font-family:"IBM Plex Sans Thai",system-ui,sans-serif;}
.dd-pbox-h{font-size:18px;font-weight:600;margin:0 0 14px;}

/* ===== โซนดีลร้อน [dealded_deals] — Flash-Sale style ===== */
.dd-deals{margin:8px 0 24px;background:linear-gradient(135deg,#fff1ec,#ffe3d8);border:1px solid #ffd6c7;border-radius:16px;padding:14px 14px 6px;font-family:"IBM Plex Sans Thai",system-ui,sans-serif;}
.dd-deals-head h2{margin:0 0 12px;font-size:19px;font-weight:800;color:#d23f20;letter-spacing:-.2px;}
.dd-deals-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;-webkit-overflow-scrolling:touch;}
.dd-deal{flex:0 0 auto;width:150px;scroll-snap-align:start;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #ffd9cc;border-radius:12px;overflow:hidden;transition:.15s;}
.dd-deal:hover{box-shadow:0 8px 20px -10px rgba(238,77,45,.35);transform:translateY(-2px);}
.dd-deal-img{position:relative;aspect-ratio:1/1;background:#f3f4f6;}
.dd-deal-img img{width:100%;height:100%;object-fit:cover;display:block;}
.dd-deal-badge{position:absolute;top:6px;left:6px;background:var(--sp);color:#fff;font-size:14px;font-weight:800;padding:3px 9px;border-radius:7px;box-shadow:0 2px 6px rgba(238,77,45,.4);}
.dd-deal-body{padding:8px 10px 11px;}
.dd-deal-name{font-size:12.5px;line-height:1.4;height:35px;overflow:hidden;color:#374151;}
.dd-deal-price{color:var(--sp);font-weight:800;font-size:17px;margin-top:5px;}
.dd-deal-old{color:#aab0bb;text-decoration:line-through;font-size:12px;font-weight:400;margin-left:6px;}
.dd-deal-save{display:inline-block;margin-top:6px;background:#e7f7ec;color:#15803d;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;}
.dd-deals-scroll::-webkit-scrollbar{height:5px;}
.dd-deals-scroll::-webkit-scrollbar-thumb{background:#ffbfa8;border-radius:6px;}
.dd-deals-scroll::-webkit-scrollbar-track{background:transparent;}

/* ===== หน้าหมวดหมู่ (category.php) ===== */
.dd-wrap{max-width:1000px;margin:0 auto;padding:8px 16px 50px;font-family:"IBM Plex Sans Thai",system-ui,sans-serif;}
.dd-archive .dd-arch-title{font-size:22px;font-weight:700;margin:8px 0 8px;}
.dd-archive .dd-arch-desc{font-size:14px;color:var(--mut);line-height:1.7;margin:0 0 18px;max-width:760px;}
.dd-arch-pager{margin-top:24px;}
.dd-arch-pager .page-numbers{display:inline-block;min-width:36px;text-align:center;padding:7px 10px;margin:2px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;}
.dd-arch-pager .page-numbers.current{background:var(--sp);color:#fff;border-color:var(--sp);}
.dd-arch-pager .page-numbers:hover:not(.current){border-color:var(--sp);color:var(--sp);}
.dd-arch-empty{color:var(--mut);padding:30px 0;}

/* เลขหน้า grid หน้าแรก [dealded_products] */
.dd-pgr{margin-top:22px;text-align:center;}
.dd-pgr .page-numbers{display:inline-block;min-width:36px;text-align:center;padding:7px 10px;margin:2px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;}
.dd-pgr .page-numbers.current{background:var(--sp);color:#fff;border-color:var(--sp);}
.dd-pgr .page-numbers:hover:not(.current){border-color:var(--sp);color:var(--sp);}

/* ===== Header (ทุกหน้า) ===== */
/* ลด padding header: บน-ล่าง 10, ซ้าย-ขวา 20 (เดิม GeneratePress 20/40) */
.inside-header{padding:10px 20px;}

/* ลด padding เนื้อหา (.inside-article) ให้ไม่กินขอบจอ — !important กัน inline CSS ของ GP ทับ */
.inside-article{padding:10px !important;}

/* ===== คำชี้แจง affiliate ใน footer (ทุกหน้า) ===== */
.dd-footer-aff{margin-top:8px;font-size:12px;line-height:1.6;opacity:.8;max-width:760px;margin-left:auto;margin-right:auto;}

/* ===== การ์ดหมวดหมู่ [dealded_categories] — 2 แถว เลื่อนซ้าย-ขวา ===== */
.dd-catbox{margin:8px 0 24px;font-family:"IBM Plex Sans Thai",system-ui,sans-serif;}
.dd-catbox-h{font-size:18px;font-weight:600;margin:0 0 14px;}
.dd-catbox-h{text-align:center;}
/* gradient fade ขอบ บอกว่าเลื่อนซ้าย-ขวาได้ (ขวาโชว์เมื่อมีของต่อ, ซ้ายเมื่อเลื่อนแล้ว) */
.dd-scroller-wrap{position:relative;}
.dd-scroller-wrap::before,.dd-scroller-wrap::after{content:"";position:absolute;top:0;bottom:10px;width:36px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:2;}
.dd-scroller-wrap::before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0));}
.dd-scroller-wrap::after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0));}
.dd-scroller-wrap.fade-l::before{opacity:1;}
.dd-scroller-wrap.fade-r::after{opacity:1;}
.dd-catscroll{display:grid;grid-auto-flow:column;grid-template-rows:auto;grid-auto-columns:clamp(90px,26vw,108px);gap:10px;justify-content:safe center;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.dd-cat-card{scroll-snap-align:start;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e7e9ee;border-radius:12px;overflow:hidden;transition:.15s;}
.dd-cat-card:hover{box-shadow:0 8px 20px -10px rgba(0,0,0,.22);transform:translateY(-2px);}
.dd-cat-img{position:relative;aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;}
.dd-cat-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}
.dd-cat-noimg{font-size:24px;opacity:.5;}
.dd-cat-name{padding:6px 6px 8px;font-size:11.5px;font-weight:600;text-align:center;color:#374151;line-height:1.3;}
.dd-catscroll::-webkit-scrollbar{height:5px;}
.dd-catscroll::-webkit-scrollbar-thumb{background:#ffd9cc;border-radius:6px;}
.dd-catscroll::-webkit-scrollbar-track{background:transparent;}

/* ===== การ์ดยี่ห้อ [dealded_brands] ===== */
.dd-brandbox{margin:8px 0 24px;font-family:"IBM Plex Sans Thai",system-ui,sans-serif;}
.dd-brandbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7e9ee;padding-bottom:12px;margin-bottom:14px;}
.dd-brandbox-h{font-size:22px;font-weight:800;letter-spacing:.5px;margin:0;}
.dd-brandbox-all{flex-shrink:0;background:#16181d;color:#fff;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;text-decoration:none;}
.dd-brandbox-all:hover{background:#000;color:#fff;}
.dd-brandscroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;-webkit-overflow-scrolling:touch;}
.dd-brand-card{flex:0 0 auto;width:132px;scroll-snap-align:start;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:18px 12px 14px;text-align:center;transition:.15s;}
.dd-brand-card:hover{box-shadow:0 8px 20px -10px rgba(0,0,0,.2);transform:translateY(-2px);}
.dd-brand-logo{height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.dd-brand-logo img{max-width:100%;max-height:56px;object-fit:contain;}
.dd-brand-txt{font-size:15px;font-weight:800;color:#16181d;}
.dd-brand-name{font-size:13px;font-weight:600;color:#374151;}
.dd-brand-all{background:#f7f8fa;}
.dd-brand-all .dd-brand-logo{font-size:26px;color:#9ca3af;}
.dd-brandscroll::-webkit-scrollbar{height:5px;}
.dd-brandscroll::-webkit-scrollbar-thumb{background:#ffd9cc;border-radius:6px;}
.dd-brandscroll::-webkit-scrollbar-track{background:transparent;}