/* VV72 — ปุ่มเข้าสู่ระบบ / สมัครสมาชิก และ CTA ทั่วทั้งเว็บ (โหลดเป็นไฟล์สุดท้าย) */
.cta-login,.cta-join{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 18px;border-radius:9px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;transition:filter .2s,transform .2s,box-shadow .2s}
.cta-login{color:#f2dfae;background:linear-gradient(#272620,#0c0b08);border:1px solid #9c8245}
.cta-join{color:#36280a;background:linear-gradient(110deg,#c69d42,#ffe8a0,#bd9034);border:1px solid #f2dc9c;box-shadow:0 6px 18px #d7ae4a2e}
.cta-login:hover,.cta-join:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cta-join:hover{box-shadow:0 8px 22px #d7ae4a4d}
.header-actions{gap:10px}
.header-actions .cta-login,.header-actions .cta-join{font-size:12px}

/* แถบ CTA ในเนื้อหา */
.cta-band{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin:28px 0 40px;padding:26px 30px;border:1px solid #7b612e;border-radius:14px;background:linear-gradient(120deg,#241c0c,#100d06 62%)}
.cta-band>div:first-child{flex:1 1 290px}
.cta-band h2{font-size:22px;color:#edd392;margin:0}
.cta-band p{margin-top:9px;font-size:12.5px;line-height:1.95;color:#ab9865}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-actions .cta-login,.cta-actions .cta-join{min-height:48px;padding:13px 28px;font-size:13.5px}
.cta-note{flex:1 1 100%;margin:0;font-size:10.5px;color:#8c7a4e}

/* CTA ใน hero */
.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:17px}
.cta-row .gold-button{margin-top:0}

/* การ์ดหมวดหมู่: ปุ่มชัดเจนขึ้น */
.game-card .icon-cover>span{opacity:1;background:#ffeab6f0;color:#6d5115;font-weight:700}
.game-card:hover .icon-cover>span{background:#fff4ccf5}

/* ลิงก์ CTA แบบข้อความให้เด่นขึ้น */
.text-link,.article-grid a,.page-title>a{font-weight:700}

footer nav{flex-wrap:wrap;align-items:center}
footer nav .cta-login,footer nav .cta-join{min-height:34px;padding:7px 15px;font-size:11px}

/* ข้อมูลติดต่อ / ความน่าเชื่อถือ */
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 38px}
.trust div{padding:20px 22px;border:1px solid #5d4822;border-radius:12px;background:#151107}
.trust b{display:block;color:#e0c27a;font-size:13px;margin-bottom:7px}
.trust p{font-size:12px;line-height:1.95;color:#a69468}
.trust a{color:#e3c161;font-weight:700}
.site-updated{font-size:10px;color:#8a7445}
.site-updated time{color:#b99d5f}
.contact-page{max-width:1000px;padding-top:30px;padding-bottom:50px}
.contact-page h1{font-size:34px;color:#e4c780;line-height:1.5}
.contact-page .lead{font-size:14px;line-height:2;color:#ac986b;margin-top:15px}
.contact-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.contact-list li{padding:18px 22px;border:1px solid #51401d;border-radius:11px;background:#141009;font-size:13px;line-height:1.95;color:#a58f61}
.contact-list b{display:block;color:#dac180;margin-bottom:5px}
.contact-list a{color:#e3c161;font-weight:700}

@media(max-width:1050px){.trust{grid-template-columns:1fr}}
@media(max-width:760px){
.logo img{width:112px;height:56px}
header{gap:8px}
.header-actions{gap:7px}
.header-actions .cta-login,.header-actions .cta-join{font-size:10px;padding:8px 9px;min-height:34px;border-radius:7px}
.cta-band{padding:20px 18px;gap:16px;margin:22px 0 28px}
.cta-band h2{font-size:19px}
.cta-band p{font-size:12px}
.cta-actions{width:100%}
.cta-actions .cta-login,.cta-actions .cta-join{flex:1 1 140px;min-height:46px;padding:12px 14px;font-size:12.5px}
.mobile-bottom{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:4px;padding-right:4px}
.mobile-bottom span{font-size:9px}
.mobile-bottom .cta-bottom{background:linear-gradient(110deg,#c69d42,#ffe8a0,#bd9034);color:#36280a;border-radius:9px;margin:0 2px}
.mobile-bottom .cta-bottom span{color:#36280a;font-weight:700}
.mobile-bottom .cta-bottom:hover,.mobile-bottom .cta-bottom:focus-visible{background:linear-gradient(110deg,#d6ad52,#fff1b8,#cd9f3f)}
.contact-page h1{font-size:26px}
.sky-hero>div{width:80%}
.sky-hero .cta-row{gap:8px;margin-top:14px}
.sky-hero .cta-row .cta-login,.sky-hero .cta-row .cta-join{font-size:10px;padding:8px 12px;min-height:34px}
.sky-hero .cta-row .gold-button{display:none}
}