/* ==========================================================================
   Pali Guest CTA — ปุ่มบนหน้าบทเรียน + หน้าแนะนำฟีเจอร์
   ธีมดำ-ทอง Kanit
   ========================================================================== */
:root {
  --pgcta-gold: #f5c518;
  --pgcta-gold-2: #f0c24a;
  --pgcta-bg: #090b14;
  --pgcta-card: #111625;
  --pgcta-card-2: #0d1120;
  --pgcta-border: #2c3448;
  --pgcta-text: #f5f7fb;
  --pgcta-muted: #aeb8cc;
}

/* ---------- ปุ่ม guest บนหน้าบทเรียน ----------
   ใช้ class .pali-btn .pali-btn-secondary ของธีมจริงอยู่แล้ว
   ที่นี่แค่การันตีว่าถ้าธีมไม่โหลด ปุ่มก็ยังพออ่านออก (fallback) */

/* บังคับให้ปุ่มทั้งหมด (ดาวน์โหลด + guest) อยู่บรรทัดเดียวกัน เรียงต่อกัน */
.pali-lesson-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}
/* กันปุ่ม guest ขึ้นบรรทัดใหม่จาก margin/display ที่ตกค้าง */
.pali-lesson-actions .pgcta-guest-btn {
  margin: 0 !important;
  vertical-align: middle !important;
}

.pgcta-guest-btn {
  text-decoration: none !important;
}
.pali-lesson-actions .pgcta-guest-btn:not([class*="pali-btn-secondary"]) {
  /* กรณีสุดวิสัยที่ธีมไม่มี pali-btn — fallback ทอง */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 4px;
  border: 1px solid rgba(245,197,24,.3);
  background: rgba(245,197,24,.1);
  color: var(--pgcta-gold-2) !important;
  font-family: "Kanit", "Sarabun", Arial, sans-serif;
  font-size: .82rem;
  font-weight: 500;
}

/* ==========================================================================
   หน้าแนะนำฟีเจอร์ [pali_member_features]
   ========================================================================== */
.pgcta-page {
  max-width: 1080px;
  margin: 40px auto 64px;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: "Kanit", "Sarabun", Arial, sans-serif;
  color: var(--pgcta-text);
}
.pgcta-page * { box-sizing: border-box; }

/* hero */
.pgcta-hero {
  text-align: center;
  padding: 48px 28px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 50% 0, rgba(245,197,24,.2), transparent 52%),
    linear-gradient(145deg, #11131d, #0c0f19);
  box-shadow: 0 18px 50px rgba(0,0,0,.3);
  margin-bottom: 26px;
}
.pgcta-badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  background: rgba(245,197,24,.16);
  border: 1px solid rgba(245,197,24,.4);
  color: var(--pgcta-gold-2);
  font-size: .85rem;
  font-weight: 500;
  margin-bottom: 16px;
}
.pgcta-hero h1 {
  color: var(--pgcta-gold) !important;
  -webkit-text-fill-color: var(--pgcta-gold);
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.3;
}
.pgcta-hero p {
  color: var(--pgcta-muted);
  font-size: 1.08rem;
  margin: 0 auto;
  max-width: 640px;
  line-height: 1.7;
}

/* grid ฟีเจอร์ */
.pgcta-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 26px;
}
.pgcta-feature {
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--pgcta-border);
  background: var(--pgcta-card);
  transition: all .18s ease;
}
.pgcta-feature:hover {
  border-color: var(--pgcta-gold);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
}
.pgcta-feature-icon { font-size: 2rem; line-height: 1; margin-bottom: 12px; }
.pgcta-feature h3 {
  color: var(--pgcta-text);
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 0 8px;
}
.pgcta-feature p { color: var(--pgcta-muted); font-size: .98rem; margin: 0; line-height: 1.6; }

/* actions */
.pgcta-actions {
  text-align: center;
  padding: 40px 28px;
  border-radius: 20px;
  border: 1px solid rgba(245,197,24,.25);
  background: linear-gradient(145deg, rgba(245,197,24,.1), rgba(17,22,37,.96));
}
.pgcta-actions h2 {
  color: var(--pgcta-gold) !important;
  -webkit-text-fill-color: var(--pgcta-gold);
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.pgcta-actions > p { color: var(--pgcta-muted); margin: 0 0 24px; font-size: 1.02rem; }

.pgcta-btn-row {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.pgcta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 34px;
  border-radius: 14px;
  font-family: "Kanit", "Sarabun", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
  transition: all .18s ease;
}
.pgcta-btn-gold {
  background: linear-gradient(135deg, #f0c24a, var(--pgcta-gold));
  color: #1a1200 !important;
  border: none;
  box-shadow: 0 8px 22px rgba(245,197,24,.3);
}
.pgcta-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(245,197,24,.45); }
.pgcta-btn-outline {
  background: transparent;
  color: var(--pgcta-gold-2) !important;
  border: 1px solid var(--pgcta-gold);
}
.pgcta-btn-outline:hover { background: rgba(245,197,24,.12); transform: translateY(-2px); }

.pgcta-back {
  display: inline-block;
  margin-top: 22px;
  color: var(--pgcta-muted) !important;
  font-size: .95rem;
  text-decoration: none !important;
  transition: color .16s ease;
}
.pgcta-back:hover { color: var(--pgcta-gold-2) !important; }

@media (max-width: 640px) {
  .pgcta-hero h1 { font-size: 1.55rem; }
  .pgcta-grid { grid-template-columns: 1fr; }
  .pgcta-btn { width: 100%; }
}