/*
 * ชุดสไตล์ฟอร์มโทนทอง ใช้ร่วมกันของหน้าฟอร์มสาธารณะที่รออนุมัติ
 * ยกมาจากที่ฝังอยู่ในหน้า register/index.php ตัวนั้นยังใช้ของตัวเองอยู่
 * ถ้าจะแก้สีต้องแก้ทั้งสองที่ หรือย้ายหน้า register มาใช้ไฟล์นี้ด้วย
 */
.gg-card {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

.gg-card .card-header {
  background: linear-gradient(135deg, #2b1905, #4a2d0c);
  color: #ffd36b;
  border-bottom: 2px solid #a3741f;
  padding: 18px 22px;
}

.gg-card .card-header h3 {
  margin: 0;
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  letter-spacing: .3px;
}

.gg-card .card-header small {
  opacity: .8;
}

.gg-group-title {
  font-family: 'Kanit', sans-serif;
  font-weight: 600;
  color: #5d4129;
  border-left: 4px solid #a3741f;
  padding: 4px 8px 4px 12px;
  margin: 22px 0 14px;
}

.gg-group-title:first-child {
  margin-top: 6px;
}

.gg-group-title .en {
  font-size: .75rem;
  color: #ad9b7d;
  font-weight: 400;
  margin-left: 8px;
}

.gg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: linear-gradient(135deg, #c9962f, #a3741f);
  color: #fff3d6;
  border: none;
  border-radius: 6px;
  padding: 11px 18px;
  font-family: 'Kanit', sans-serif;
  font-weight: 500;
  font-size: .95rem;
  text-decoration: none;
  transition: filter .15s ease, transform .15s ease;
  white-space: nowrap;
}

.gg-btn:hover:not(:disabled) {
  filter: brightness(1.08);
  color: #fff;
  transform: translateY(-1px);
}

/* ปุ่มเริ่มต้นเป็น disabled จนกว่า Turnstile จะผ่าน สถานะนี้เลยต้องอ่านออกชัด */
.gg-btn:disabled {
  background: #cfc4ab;
  color: #fff;
  cursor: not-allowed;
  transform: none;
}

/* ฟอร์มให้เข้าโทนครีม-น้ำตาลของการ์ด */
.gg-form .gg-label {
  display: block;
  font-family: 'Kanit', sans-serif;
  font-size: .85rem;
  font-weight: 500;
  color: #5d4129;
  margin-bottom: 5px;
}

.gg-form .input-group-text {
  background: #f6efe0;
  border: 1px solid #e0cfa6;
  border-right: none;
  color: #a3741f;
  min-width: 46px;
  justify-content: center;
}

.gg-form .form-control,
.gg-form .form-select {
  border: 1px solid #e0cfa6;
  font-family: 'Kanit', sans-serif;
  color: #3a2c1a;
}

.gg-form .form-control:focus,
.gg-form .form-select:focus {
  border-color: #c9962f;
  box-shadow: 0 0 0 .2rem rgba(201, 150, 47, .2);
}

.gg-form .form-control::placeholder {
  color: #b3a68c;
}

.gg-form .btn-outline-secondary {
  border-color: #e0cfa6;
  color: #a3741f;
}

.gg-form .btn-outline-secondary:hover {
  background: #f6efe0;
  border-color: #c9962f;
  color: #8a6320;
}

.gg-form .form-check-input:checked {
  background-color: #a3741f;
  border-color: #8a6320;
}

.gg-form .form-check-input:focus {
  border-color: #c9962f;
  box-shadow: 0 0 0 .2rem rgba(201, 150, 47, .2);
}

.gg-note {
  background: #f6efe0;
  border: 1px solid #e0cfa6;
  border-radius: 8px;
  color: #5d4129;
  font-family: 'Kanit', sans-serif;
  font-size: .85rem;
  padding: 10px 14px;
}