:root {
    --toyota-red: #AF0C33;
    --toyota-black: #000000;
    --toyota-dark: #1a1a1a;
    --toyota-gray: #F5F5F5;
    --chaty-bg: #ffffff;
    --chaty-hover: #f8f9fa;
    --chaty-shadow: 0 10px 25px rgba(175, 11, 50, 0.25);
    --fb-color: #0084FF;
    --line-color: #00C300;
    --songkran-blue: #00BFFF; /* สีฟ้าสดใสให้ความรู้สึกเย็นสบาย */
    --songkran-yellow: #FFD700; /* สีเหลืองดอกคูน */
}
html {
    scroll-behavior: smooth;
}
body {
    /* font-family: 'Kanit', sans-serif;
    font-size: 18px;     */
    font-family: 'Prompt', sans-serif !important;
    color: #333;
    background-color: #fff;
}
.color-Event{
    /* forQevent */
    filter: saturate(100%) !important;
    /* forQevent */
}
a {
    text-decoration: none !important;
}
.text-theme {
    color: var(--toyota-red)
}
/* swiper */
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
/* swiper */

/* ==========================================
   ส่วนปรับแต่ง ธีมสงกรานต์
   ========================================== */

/* 1. ปรับแต่งปุ่มต่างๆ ให้เป็นสีฟ้า (ใช้คลาสปุ่มจริงของเว็บคุณ) */
.songkran-theme .btn-toyota,
.songkran-theme .btn-theme,
.songkran-theme .btn-reserve,
.songkran-theme .btn-story {
  background-color: var(--songkran-blue) !important;
  color: #ffffff !important;
  border-color: var(--songkran-blue) !important;
  border-radius: 20px; 
  transition: all 0.3s ease;
}

/* เอฟเฟกต์ปุ่มตอนนำเมาส์ไปชี้ */
.songkran-theme .btn-toyota:hover,
.songkran-theme .btn-theme:hover,
.songkran-theme .btn-reserve:hover,
.songkran-theme .btn-story:hover {
  background-color: var(--songkran-yellow) !important;
  color: #333333 !important;
  box-shadow: 0px 4px 10px rgba(0, 191, 255, 0.5);
}

/* 2. รอยประแป้งบนแบนเนอร์หลัก (ปรับให้ฟุ้งและห่างขึ้น) */
.songkran-theme .hero-slider {
  position: relative;
}

.songkran-theme .hero-slider::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  
  /* เทคนิค: เพิ่มความห่างของ % ระหว่างสีขาวกับ transparent เพื่อให้ขอบมันเบลอและฟุ้งเหมือนผงแป้ง */
  background-image: 
    radial-gradient(circle, rgba(255, 255, 255, 0.6) 2%, transparent 15%), /* รอยเล็ก */
    radial-gradient(circle, rgba(255, 255, 255, 0.4) 5%, transparent 25%), /* รอยกลาง */
    radial-gradient(circle, rgba(255, 255, 255, 0.2) 8%, transparent 35%); /* รอยใหญ่ จางๆ */
  
  /* ขยายขนาดตารางให้ใหญ่ขึ้นมากๆ (จาก 50px เป็น 300px+) เพื่อให้รอยแป้งอยู่ห่างกัน ไม่ลายตา */
  background-size: 300px 300px, 450px 450px, 600px 600px; 
  /* ขยับตำแหน่งแต่ละเลเยอร์ให้กระจายแบบสุ่มๆ */
  background-position: 0 0, 150px 200px, 300px 100px; 
  
  opacity: 0.9; 
  pointer-events: none; 
  z-index: 20; 
}
/* 3. เอฟเฟกต์หยดน้ำ */
#water-drops-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; 
  z-index: 9999; 
  overflow: hidden;
}

.water-drop {
  position: absolute;
  bottom: 100%;
  width: 4px; 
  height: 12px;
  background-color: rgba(0, 191, 255, 0.7); 
  border-radius: 50px;
  animation: fall linear forwards;
}

@keyframes fall {
  to {
    transform: translateY(105vh); 
  }
}

/* ==========================================
   ส่วนปรับแต่ง Navbar (เมนูด้านบน) ธีมสงกรานต์
   ========================================== */

/* 1. เปลี่ยนสีข้อความและไอคอนในเมนูจากสีแดงเป็นสีฟ้า */
.songkran-theme .navtext-red,
.songkran-theme .text-theme,
.songkran-theme .modern-nav-link i,
.songkran-theme .nav-icon-box {
    color: var(--songkran-blue) !important;
    transition: color 0.3s ease;
}

/* 2. เปลี่ยนสีเมื่อนำเมาส์ไปวาง (Hover) เป็นสีเหลือง */
.songkran-theme .mega-menu:hover,
.songkran-theme .nav-link:hover,
.songkran-theme .lang-switcher a:hover,
.songkran-theme .mega-menu-item:hover .h6,
.songkran-theme .modern-nav-link:hover i,
.songkran-theme .modern-nav-link:hover span {
    color: var(--songkran-yellow) !important;
}

/* 3. เปลี่ยนสีปุ่ม Hamburger Menu (3 ขีด) บนมือถือ */
.songkran-theme .hamburger svg {
    fill: var(--songkran-blue) !important;
}

/* 4. เพิ่มลูกเล่นให้กรอบ Dropdown (Mega Menu) ตอนกดกางออกมา */
.songkran-theme .dropdown-menu.megastyle {
    border-top: 4px solid var(--songkran-blue) !important;
    border-bottom: 4px solid var(--songkran-blue) !important;
    /* เพิ่มลายน้ำจุดเล็กๆ จางๆ เป็นพื้นหลังเมนูย่อย */
    background-image: radial-gradient(circle, rgba(0, 191, 255, 0.05) 20%, transparent 25%);
    background-size: 20px 20px;
    border-radius: 0 0 15px 15px !important;
}

/* 5. เปลี่ยนสีปุ่มติดต่อเราในเมนูมือถือ (Mobile Nav) */
.songkran-theme #mobileNav .btn-toyota {
    background-color: var(--songkran-blue) !important;
    border-color: var(--songkran-blue) !important;
    color: #ffffff !important;
}

.songkran-theme #mobileNav .btn-toyota:hover {
    background-color: var(--songkran-yellow) !important;
    border-color: var(--songkran-yellow) !important;
    color: #333333 !important;
}

/* 6. ปรับสีแถบแจ้งเตือนวันหยุด (Holiday Alert Bar) ให้ดูซอฟต์ลง */
.songkran-theme #holiday-alert-bar {
    background-color: var(--songkran-blue) !important;
    border-bottom: 2px solid var(--songkran-yellow);
}