/* TH55 — CTA layer: ปุ่มล็อคอิน / สมัครสมาชิก และความชัดเจนของ CTA ทั่วเว็บ */

/* ปุ่มหลักใน header */
.header-actions{flex-wrap:nowrap}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 20px;border-radius:9px;font-size:12px;font-weight:700;letter-spacing:.2px;white-space:nowrap;line-height:1.2;transition:filter .2s,background .2s,transform .2s}
.cta-btn:hover{transform:translateY(-1px)}
.cta-login{background:linear-gradient(#2b1512,#120808);border:1px solid #c28e46;color:#f4d89c}
.cta-login:hover{background:#3b1c17;color:#fff1c8}
.cta-register{background:linear-gradient(#e2493a,#a7080f);border:1px solid #ffb37c;color:#fff4de;box-shadow:0 4px 18px #c91b2d40}
.cta-register:hover{filter:brightness(1.1)}
.cta-btn:focus-visible{outline:2px solid #f4d88a;outline-offset:3px}
.cta-short{display:none}

/* แถบ CTA กลางหน้า */
.cta-band{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:26px 0 8px;padding:26px 30px;border:1px solid #8a5530;border-radius:14px;background:linear-gradient(110deg,#2c1010,#160808 60%,#30170a)}
.cta-band>div{flex:1 1 300px;min-width:260px}
.cta-band .eyebrow{margin-bottom:8px}
.cta-band h2{font-size:22px;color:#f1d28a;margin-bottom:8px}
.cta-band p{font-size:12px;line-height:1.9;color:#bda885}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta-actions .cta-btn{min-height:46px;padding:12px 26px;font-size:13px}
.cta-note{display:block;width:100%;margin-top:12px;font-size:10px;color:#9b8559}

/* ลิงก์ CTA แบบข้อความให้ชัดขึ้นทั้งเว็บ */
.text-link,.article-grid a,.page-title>a,.guide .text-link{font-weight:700}
.article-grid a:hover,.text-link:hover,.page-title>a:hover{color:#ffe6ad;text-decoration:underline}
.section-heading .outline,.filters button{font-weight:600}

/* หน้าในเครือ (ติดต่อเรา) */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:24px 0}
.contact-card{padding:22px;border:1px solid #6a3f2a;border-radius:12px;background:linear-gradient(130deg,#2a1210,#150707)}
.contact-card h2{font-size:17px;margin-bottom:10px}
.contact-card p{font-size:13px;line-height:2;color:#b8a279}
.contact-card a{color:#e7c161;font-weight:700;word-break:break-word}
.page-meta{font-size:11px;color:#9c855a;margin:14px 0 0}
.page-meta time{color:#cfae6b}
footer .site-meta{width:100%;border:0;padding-top:4px;color:#8f7a4f;font-size:10px}
footer .site-meta time{color:#c6a665}

@media(max-width:760px){
  .header-actions{gap:7px}
  .header-actions .gold-button,.header-actions>.outline{display:none}
  .cta-btn{min-height:36px;padding:8px 11px;font-size:10px;border-radius:8px}
  .cta-full{display:none}
  .cta-short{display:inline}
  .cta-band{flex-direction:column;align-items:stretch;gap:16px;padding:20px 17px;margin-top:20px}
  .cta-band h2{font-size:19px}
  .cta-actions .cta-btn{flex:1 1 140px;min-height:46px;padding:12px 14px;font-size:12px}
  .cta-actions .cta-btn .cta-full{display:inline}
  .cta-actions .cta-btn .cta-short{display:none}
  .mobile-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mobile-bottom .bottom-cta{color:#ffd9a2}
  .mobile-bottom .bottom-cta span{color:#ffd9a2;font-weight:700}
}