/* =========================================
   ไฟล์ CSS หลักของเว็บไซต์ REALTOBIZ
========================================= */

/* 1. กำหนด Font หลักให้เป็น Prompt ทั้งระบบ */
body { 
    padding-top: 70px;
    padding-bottom: 40px;
    font-family: 'Prompt', Tahoma, sans-serif; /* เปลี่ยนเป็น Prompt ทั้งหมด */          
    font-size: 14px; 
}

h1, h2, h3, h4, h5, h6, .navbar-brand, .nav-link, .dropdown-item {
    font-family: 'Prompt', Tahoma, sans-serif;
}

/* 2. ปรับขนาดฟอนต์ของเมนู Navbar ให้ใหญ่ขึ้น */
.navbar-nav .nav-link {
    font-size: 16px; 
    font-weight: 500; 
}

/* 3. คลาสสีเขียวอ่อนพาสเทล + ตัวหนังสือสีขาว */
.bg-light-green {
    background-color: MediumAquamarine !important; /* สีเขียวพาสเทลที่ทำให้ตัวหนังสือสีขาวเด่นขึ้น */
    color: #ffffff !important; /* เปลี่ยนตัวหนังสือเป็นสีขาว */
    border-bottom: 2px solid #56A98A; /* เส้นขอบให้ดูมีมิติ */
}

.bg-light-green a {
    color: #ffffff !important; /* ลิงก์ในหัวข้อก็ให้เป็นสีขาวด้วย */
    text-decoration: none;
}

.bg-light-green a:hover {
    text-decoration: underline;
}

/* 4. ปุ่ม Back to Top */
html { scroll-behavior: smooth; }
#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    background-color: #198754; 
    color: white;
}
#backToTop.show {
    opacity: 1;
    visibility: visible;
}
#backToTop:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    background-color: #146c43;
    color: white;
}

/* 5. สไตล์สำหรับหน้ารายชื่อลูกค้าอ้างอิง */
.client-list li {
    padding: 5px 15px 5px 0;
    color: #555;
    font-size: 0.95rem;
}