/* Template: craft — สไตล์ร้านช่าง หนักแน่น เป็นกันเอง (ทับบน pro.css) */
body.tpl-craft {
  font-family: 'Kanit', 'Prompt', system-ui, sans-serif;
  --radius: 6px;
}

/* แถบบนสุด */
.tpl-craft .topstrip { background: var(--primary-dark); color: #fff; font-size: .88rem; }
.tpl-craft .topstrip a { color: #fff; font-weight: 600; }
.tpl-craft .topstrip-inner { display: flex; justify-content: space-between; padding: .35rem 1rem; }

/* header เข้ม */
.tpl-craft .site-header { background: var(--ink); border-bottom: 4px solid var(--accent); }
.tpl-craft .brand, .tpl-craft .main-nav a { color: #fff; }
.tpl-craft .brand-text small { color: #cbd5e1; }
.tpl-craft .brand-mark { border-radius: 8px; background: var(--accent); }
.tpl-craft .main-nav a:hover, .tpl-craft .main-nav a.active { background: rgba(255,255,255,.12); color: #fff; }
.tpl-craft .nav-toggle { color: #fff; border-color: #475569; }
@media (max-width: 860px) {
  .tpl-craft .main-nav { background: var(--ink); border-bottom: 1px solid #334155; }
}

/* ปุ่ม/การ์ดสไตล์ช่าง: เหลี่ยมขึ้น เงาตัดชัด */
.tpl-craft .btn { font-weight: 700; box-shadow: 3px 3px 0 rgba(0,0,0,.25); }
.tpl-craft .btn:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 rgba(0,0,0,.25); }
.tpl-craft .card, .tpl-craft .why-item, .tpl-craft .contact-card, .tpl-craft .article-item, .tpl-craft .work-card {
  border: 2px solid var(--ink); border-radius: var(--radius); box-shadow: 4px 4px 0 rgba(28,39,51,.15);
}
.tpl-craft .card:hover, .tpl-craft .contact-card:hover, .tpl-craft .article-item:hover {
  transform: translate(-2px, -2px); box-shadow: 7px 7px 0 rgba(28,39,51,.2); border-color: var(--ink);
}

/* หัวข้อมีขีดสีใต้ */
.tpl-craft .section-title { position: relative; padding-bottom: .7rem; font-weight: 700; }
.tpl-craft .section-title::after {
  content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;
  width: 70px; height: 5px; background: var(--accent); border-radius: 3px;
}

/* hero ลายทแยง */
.tpl-craft .hero {
  background: repeating-linear-gradient(135deg, var(--primary-dark), var(--primary-dark) 24px, var(--primary) 24px, var(--primary) 48px);
}
.tpl-craft .hero h1 { font-weight: 800; text-shadow: 2px 2px 0 rgba(0,0,0,.3); }

.tpl-craft th { background: var(--ink); }
.tpl-craft .tag { border: 1.5px solid var(--ink); background: #fff; font-weight: 500; }
.tpl-craft .cta-band { background: var(--ink); }
.tpl-craft .service-price { border: 2px solid var(--primary); background: #fff; }
.tpl-craft .note-box { border: 2px dashed #f59e0b; }

/* หน้าใหม่ (รีวิว/โปร/FAQ/พื้นที่/ขั้นตอน) ให้เข้าโทนร้านช่าง */
.tpl-craft .step-item, .tpl-craft .faq-item, .tpl-craft .review-card, .tpl-craft .area-card {
  border: 2px solid var(--border); border-radius: 6px;
}
.tpl-craft .step-num { border-radius: 6px; }
.tpl-craft .promo-card { border-radius: 6px; }