/* CSS Starts Here */
:root {
  --primary-color: #ffb7b7; /* Vibrant Coral/Red */
  --secondary-color: #83c6ff; /* Teal */
  --accent-color: #ffd166; /* Sunny Yellow */
  --neutral-light: #ffffff; /* Very light warm beige/off-white */
  --neutral-dark: #4a4a4a; /* Dark Gray for text */
  --text-color-default: #333333; /* Explicit default text color */




/* CSS Ends Here */

/* 鎮诞WhatsApp鍥炬爣 */
.floating-whatsapp-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  cursor: pointer; /* 纭繚榧犳爣鎸囬拡涓烘墜鍨� */
}

.floating-whatsapp-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  color: white;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  cursor: pointer; /* 纭繚榧犳爣鎸囬拡涓烘墜鍨� */
}

.floating-whatsapp-button i {
  font-size: 32px;
  pointer-events: none; /* 纭繚鍥炬爣涓嶄細闃绘浜嬩欢鍐掓场鍒扮埗鍏冪礌 */
}

.floating-whatsapp-button a:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* 鍦ㄧЩ鍔ㄨ澶囦笂璋冩暣灏哄 */
@media (max-width: 768px) {
  .floating-whatsapp-button {
    bottom: 20px;
    right: 20px;
  }

  .floating-whatsapp-button a {
    width: 50px;
    height: 50px;
  }

  .floating-whatsapp-button i {
    font-size: 28px;
  }
}