/* assets/css2/pages/practices.css */
/* Scope: practices.html only via .practicesPage */

.practicesPage .banner--practices{
  width: 100%;
  margin: 0 auto 16px;
  border-radius: 18px;
  overflow: hidden;
}

.practicesPage .banner--practices img{
  width: 100%;
  height: auto;
  display: block;
}

/* ================================
   Kicker Gold (Practices page only)
   ================================ */

/* ครอบคลุม kicker ที่ใช้จริงใน practices.html */
.practicesPage .kicker,
.practicesPage .card .kicker,
.practicesPage .pKicker,
.practicesPage .kickerGold{
  color: var(--soft-gold, var(--gold, #c9a86a)) !important;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: none;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22);
}

/* ถ้าระบบมีเส้น/จุดตกแต่งของ kicker (บางธีมใช้ pseudo-elements) */
.practicesPage .kicker::before,
.practicesPage .kicker::after,
.practicesPage .pKicker::before,
.practicesPage .pKicker::after{
  background: var(--soft-gold, var(--gold, #c9a86a));
  opacity: 1;
}

/* =========================================
   ONLY this button: Certification Program
   Scope: practices.html only
   ========================================= */

.practicesPage a.btn[href="certification.html"]{
  background: linear-gradient(
    180deg,
    #e6c88a 0%,
    #c9a86a 50%,
    #b8944f 100%
  ) !important;
  color: #1a1a1a !important;
  border: 1px solid #c9a86a !important;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 10px 24px rgba(201,168,106,.35);
}

/* Hover เฉพาะปุ่มนี้เท่านั้น */
.practicesPage a.btn[href="certification.html"]:hover,
.practicesPage a.btn[href="certification.html"]:focus-visible{
  background: linear-gradient(
    180deg,
    #f1d9a6 0%,
    #d8b877 50%,
    #c19a52 100%
  ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 14px 34px rgba(201,168,106,.45);
  transform: translateY(-1px);
}

/* =========================================
   Soft Gold Border — Quote Card
   Scope: practices.html only
   ========================================= */

.practicesPage .quoteCard{
  border: 1px solid rgba(201, 168, 106, 0.55); /* Soft Gold */
  border-radius: 18px;
  box-shadow:
    inset 0 0 0 1px rgba(201,168,106,0.18); /* gold inner glow */
}

/* =========================================
   Soft Gold Border — Next Steps Card
   Scope: practices.html only
   Target: .lineCta
   ========================================= */

.practicesPage .lineCta{
  border: 1px solid rgba(201,168,106,.55);   /* Soft Gold */
  border-radius: 18px;
  padding: 22px 20px; /* กันขอบให้หายใจ */
  box-shadow:
    inset 0 0 0 1px rgba(201,168,106,.18);  /* inner gold glow */
}