/* ==========================================================================
   Baandee — Article & page layout (blog posts, default pages, blog archives)
   ทำไม: child theme ใช้ header.php ของตัวเอง → Storefront ไม่เปิด .col-full
   หน้าบทความจึงกว้างเต็มจอ (วัดได้ 2560px ชิดซ้าย 0px) อ่านยาก และ Auto ads จะวางผิดที่
   ขอบเขต: ไม่แตะหน้าร้าน (WooCommerce), หน้าแรก, หน้า landing ที่ใช้ template เอง, หน้าที่ทำด้วย Elementor (เช่น /thank-you/)
   ========================================================================== */

body.baandee{--brand:var(--terra)} /* กล่องที่ Content Engine แทรก (ce-products) ใช้ var(--brand) */

/* ---- กรอบเนื้อหา: กว้างอ่านสบาย ~720px อยู่กลางจอ ---------------------- */
body.single-post #primary,
body.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) #primary,
body.blog #primary,
body.category #primary,
body.tag #primary,
body.author #primary,
body.search:not(.post-type-archive-product) #primary{
  float:none;width:auto;max-width:760px;margin:0 auto;padding:28px 20px 64px;box-sizing:border-box;
}

/* ---- หัวบทความ: ชื่อเรื่องขึ้นก่อน ข้อมูลโพสต์ตามมา -------------------- */
.single-post .entry-header,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-header{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 22px;padding:0 0 18px;
  border-bottom:1px solid var(--border);font-size:13.5px;color:var(--muted);
}
.single-post .entry-title,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-title{
  order:-1;width:100%;margin:0 0 6px;font-size:clamp(26px,4.2vw,36px);line-height:1.35;color:var(--ink);
}
.single-post .entry-header a{color:var(--slate)}
.single-post .entry-header a:hover{color:var(--terra)}
.single-post .entry-header .updated{display:none}

/* ---- เนื้อหา -------------------------------------------------------------- */
.single-post .entry-content,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content{
  font-size:17.5px;line-height:1.85;color:var(--ink);overflow-wrap:break-word;
}
.single-post .entry-content > *,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content > *{margin-top:0;margin-bottom:1.1em}
.single-post .entry-content img.wp-post-image{width:100%;border-radius:16px;margin:0 0 26px}
.single-post .entry-content img,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content img{border-radius:12px;height:auto}

.single-post .entry-content h2,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content h2{
  font-size:24px;line-height:1.4;margin:1.9em 0 .65em;padding-left:14px;border-left:4px solid var(--terra);color:var(--ink);
}
.single-post .entry-content h3,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content h3{font-size:19.5px;line-height:1.45;margin:1.5em 0 .5em;color:var(--ink)}

.single-post .entry-content ul,.single-post .entry-content ol,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content ul,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content ol{padding-left:1.35em;margin-left:0}
.single-post .entry-content li,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content li{margin-bottom:.45em}
.single-post .entry-content li::marker{color:var(--terra)}

.single-post .entry-content p a,.single-post .entry-content li a,.single-post .entry-content td a,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content p a,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content li a{
  color:var(--terra-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
.single-post .entry-content blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:4px solid var(--terra-tint);color:var(--slate)}

/* ตาราง: มีกรอบ อ่านง่าย มือถือเลื่อนซ้ายขวาได้ */
.single-post .entry-content table,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content table{
  width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;line-height:1.6;
  border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);
}
.single-post .entry-content th,.single-post .entry-content td,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content th,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}
.single-post .entry-content th,
.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content th{background:var(--section);font-weight:600;color:var(--ink)}
.single-post .entry-content tr:last-child td{border-bottom:0}

/* ---- ปุ่ม/กล่องที่ Content Engine แทรก: เว้นระยะห่าง กันโฆษณาวางชิดปุ่ม (นโยบาย AdSense) */
.single-post .entry-content .ce-products,
.single-post .entry-content p[style*="text-align:center"]:has(> a[style*="display:inline-block"]){margin:40px 0 !important}
.single-post .entry-content a[style*="#2f6f5e"]{background:var(--terra)!important;border-radius:999px!important;text-decoration:none!important}

/* ---- ท้ายบทความ: หมวด/ป้าย, บทความก่อน-ถัดไป, ความเห็น ------------------ */
.single-post .cat-links,.single-post .tags-links{display:block;font-size:14px;color:var(--slate);margin-top:8px}
.single-post .post-navigation{margin:36px 0 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.single-post .post-navigation a{color:var(--ink);font-weight:500}
.single-post .post-navigation a:hover{color:var(--terra)}
.single-post #comments{margin-top:36px;font-size:15.5px}
.single-post #comments .comment-reply-title,.single-post #comments .comments-title{font-size:20px}
.single-post #comments input[type=text],.single-post #comments input[type=email],
.single-post #comments input[type=url],.single-post #comments textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface);
}

/* ---- มือถือ -------------------------------------------------------------- */
@media (max-width:640px){
  body.single-post #primary,
  body.page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) #primary{padding:18px 16px 48px}
  .single-post .entry-content,
  .page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content{font-size:17px;line-height:1.8}
  .single-post .entry-content h2,
  .page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content h2{font-size:21px}
  .single-post .entry-content table,
  .page-template-default:not(.woocommerce-page):not(.elementor-page):not(.home) .entry-content table{display:block;overflow-x:auto;font-size:14.5px}
}