/* พื้นหลัง */
body {
  background: url("images/bg.jpg") no-repeat center center fixed;
  background-size: cover;
  font-family: "Tahoma", sans-serif;
  padding-top: 70px; /* เว้นที่ด้านบนให้ Navbar */
}

/* การ์ด */
.card {
  background-color: rgba(255,255,255,0.9);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Navbar แนว GTA */
.gta-navbar {
  background: rgba(0,0,0,0.8) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
  font-size: 18px;
  padding: 8px 20px;
}

.navbar .nav-link {
  font-weight: bold;
  transition: color 0.3s ease;
}

/* สีของเมนูแต่ละหน้า */
.navbar .nav-link[href*="index.php"] { color: #00CFFF !important; }     /* Home */
.navbar .nav-link[href*="dashboard.php"] { color: #28a745 !important; } /* Dashboard */
.navbar .nav-link[href*="shop.php"] { color: #d63384 !important; }      /* Shop */
.navbar .nav-link[href*="profile.php"] { color: #ffb300 !important; }   /* Profile */
.navbar .nav-link[href*="donate.php"] { color: #FFD700 !important; }    /* Donate */
.navbar .nav-link[href*="logout.php"] { color: #dc3545 !important; }    /* Logout */

/* Hover effect */
.navbar .nav-link:hover {
  color: #fff !important;
  text-shadow: 0 0 5px rgba(255,255,255,0.8);
  opacity: 1;
}

/* Footer */
.footer {
  background: rgba(0,0,0,0.8);
  color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 15px;
  padding: 8px 0;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.5);
}

.footer b {
  color: #ffd700;
}