/* Wu Xing App Theme: น้ำ + ไม้ with Custom UI Preferences */

body {
  background-color: #f0f4f8;
  font-family: 'Lato', 'Noto Sans Thai', sans-serif;
  color: #222;
}

/* Navbar background */
.navbar {
  background-color: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}

/* Logo text gradient */
.navbar .navbar-brand .logo-text {
  background: linear-gradient(139deg, #6A5ACD, #00BFFF, #FF69B4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 1.5rem;
}

/* Menu links: dark text */
.navbar .nav-link {
  color: #333333;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #1e88e5 !important; /* ฟ้า */
}

/* Login icon */
.navbar .nav-link i {
  color: #2196f3;
  margin-right: 4px;
}

/* Dropdown style */
.dropdown-menu {
  background-color: #ffffff;
  border-radius: 6px;
  border: 1px solid #cfd8dc;
}

.dropdown-menu .dropdown-item {
  color: #333333;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #e3f2fd;
  color: #0d47a1;
}

/* Buttons */
.btn-fengshui {
  background-color: #66bb6a;
  border: none;
  color: white;
  padding: 0.5rem 1.2rem;
  border-radius: 8px;
  transition: background 0.3s ease;
}

.btn-fengshui:hover {
  background-color: #43a047;
}

/* ทำให้เมนูย่อย (.dropdown-item) เปลี่ยนสีเหมือนกัน */
.dropdown-menu .dropdown-item:hover {
  color: #007bff !important;
  background-color: transparent;
}

.google-login-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #333;
  transition: box-shadow 0.3s ease, border 0.3s ease;
  box-shadow: none;
}

.google-login-btn:hover {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/*Fix table column width*/
.table-responsive table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  white-space: nowrap;
}
.table th, .table td {
  white-space: nowrap;
}
/*Fix table column width*/