/* sport-registration/css/style.css */

/* ใช้ Google Font (Sarabun) เพื่อความสวยงาม */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap');

body {
  font-family: 'Sarabun', sans-serif;
  background-color: #f8f9fa; /* สีพื้นหลังเทาอ่อน */
}

/* 4. โทนสี ม่วง-เหลือง */
:root {
  --primary-purple: #6a008a; /* ม่วงหลัก */
  --primary-yellow: #ffd700; /* เหลืองหลัก */
  --light-purple: #f3e5f5;   /* ม่วงอ่อน (สำหรับหัวการ์ด) */
}

/* Navbar */
.navbar-purple {
  background-color: var(--primary-purple);
}
.navbar-purple .navbar-brand,
.navbar-purple .nav-link {
  color: var(--primary-yellow);
}
.navbar-purple .nav-link:hover {
  color: #ffffff;
}

/* Buttons */
.btn-purple {
  background-color: var(--primary-purple);
  border-color: var(--primary-purple);
  color: #ffffff;
}
.btn-purple:hover {
  background-color: #5a007a;
  border-color: #5a007a;
}

.btn-yellow {
  background-color: var(--primary-yellow);
  border-color: var(--primary-yellow);
  color: #333;
}
.btn-yellow:hover {
  background-color: #e6c200;
  border-color: #e6c200;
}

/* Cards (กล่องเนื้อหา) */
.card-header-purple {
  background-color: var(--light-purple);
  color: var(--primary-purple);
  border-bottom: 2px solid var(--primary-purple);
}

/* Form focus */
.form-control:focus {
  border-color: var(--primary-purple);
  box-shadow: 0 0 0 0.25rem rgba(106, 0, 138, 0.25);
}

/* 5. รองรับมือถือ (Bootstrap 5 จัดการให้เป็นหลัก) */
/* เราแค่ทำให้ตารางเลื่อนได้ในจอมือถือ */
.table-responsive {
  max-height: 400px;
}