/* === Navbar หลัก === */
.custom-navbar {
  background: linear-gradient(90deg, #198754 0%, #28a745 100%);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  transition: background 0.4s, box-shadow 0.3s;
  z-index: 1000;
}

/* เมื่อ scroll ลงให้ navbar มีความทึบมากขึ้น */
.custom-navbar.scrolled {
  background: linear-gradient(90deg, #157347 0%, #1e9e50 100%);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
}

/* === โลโก้ === */
.logo-hover img {
  transition: transform 0.4s ease;
}
.logo-hover:hover img {
  transform: rotate(5deg) scale(1.08);
}

/* === ลิงก์เมนู === */
.navbar-nav .nav-link {
  color: #ffffffcc;
  margin-left: 10px;
  position: relative;
  transition: color 0.3s;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #fff;
}

/* เส้นขีดล่างเคลื่อนไหวเมื่อ hover */
.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  width: 0;
  height: 2px;
  background: #fff;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 60%;
}

/* === ปุ่ม toggle มือถือ === */
.navbar-toggler {
  border: none;
  box-shadow: none !important;
}

/* เพิ่มความนุ่มเวลาเปิดปิดเมนู */
.navbar-collapse {
  transition: all 0.3s ease;
}

/* ปรับขนาด font */
.navbar-nav .nav-link i {
  margin-right: 4px;
  font-size: 1rem;
}