/* ====== ROOM-BOOKING THEME — Blue & White ====== */
:root{
  /* โทนหลักน้ำเงิน–ขาว */
  --brand-primary:   #0057B8;  /* น้ำเงินหลัก */
  --brand-primary-d: #004591;  /* น้ำเงินเข้ม (hover/active) */
  --brand-accent:    #1E88E5;  /* น้ำเงินรอง */
  --brand-bg-soft:   #F2F7FF;  /* ขาวอมฟ้าอ่อน */

  /* map ไปยัง Bootstrap */
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-accent);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-d);
}

/* ปุ่มหลักให้เป็นสีน้ำเงิน */
.btn-primary,.btn-success{
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover,.btn-success:hover,
.btn-primary:focus,.btn-success:focus{
  background-color: var(--brand-primary-d) !important;
  border-color: var(--brand-primary-d) !important;
}
.btn-outline-primary,.btn-outline-success{
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-outline-primary:hover,.btn-outline-success:hover{
  background-color: var(--brand-primary) !important;
  color:#fff !important;
}

/* ฟอร์มโฟกัสโทนน้ำเงิน */
.form-control:focus,.form-select:focus{
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 .20rem rgba(0,87,184,.25);
}

/* ตาราง/หัวตารางละมุน */
.table-light{ background-color: rgba(0,87,184,.06) !important; }

/* พื้นหลังเพจโทนอ่อน */
body{ background: linear-gradient(180deg,var(--brand-bg-soft),#fff) no-repeat; }

/* ===== FullCalendar ===== */
.fc .fc-toolbar-title{ color:#0b1a33; }
.fc .fc-button-primary{
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active{
  background-color: var(--brand-primary-d) !important;
  border-color: var(--brand-primary-d) !important;
}
/* สีอีเวนต์ */
.fc .fc-daygrid-event, .fc .fc-timegrid-event{
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color:#fff !important;
}
/* ไฮไลต์ “วันนี้” */
.fc .fc-day-today{
  background: rgba(0,87,184,.10) !important;
}
 /* ปรับปุ่ม/ฟอนต์/อีเวนต์ให้เหมาะกับจอเล็ก */
  @media (max-width: 576px){
    .fc .fc-toolbar-title{ font-size: 1rem; }
    .fc .fc-button{ padding: .25rem .5rem; font-size: .875rem; }
    .fc .fc-daygrid-event{ white-space: normal; line-height: 1.2; }
    .fc .fc-col-header-cell-cushion{ padding: .25rem 0; }
  }