﻿/* 1. ตั้งค่าฟอนต์ Kanit และพื้นฐานของหน้าเว็บ */
body {
    font-family: 'Kanit', sans-serif !important;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

/* 2. จัดระเบียบเนื้อหาหลัก (Container) */
.body-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 3. แก้ปัญหาที่ทำให้ช่อง Input สั้น (ลบ max-width 280px ออก) */
input,
select,
textarea {
    max-width: none !important; /* ปลดล็อกเพื่อให้ยืดได้ตามความกว้างหน้าจอ */
}

/* สำหรับช่องกรอกทั่วไปที่ต้องการจำกัดขนาด (ถ้ามีในหน้าอื่น) */
.input-fixed-width {
    max-width: 280px !important;
}

/* 4. เพิ่ม Class สำหรับจัด Layout หน้า Tax (แบบเดียวกับรูปที่ 8) */
.tax-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 450px; /* คุมความกว้างไม่ให้บานออกข้างมากไป */
    margin: 0 auto;
    text-align: center;
}

/* 5. สไตล์ปุ่มยืนยัน (Confirm Button) */
.btn-confirm-custom {
    background-color: #a4a69a !important; /* สีเทาอมเขียวตามแบรนด์ */
    color: white !important;
    border-radius: 30px !important;
    padding: 12px 60px !important;
    border: none !important;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-confirm-custom:hover {
        background-color: #8e9084 !important;
        text-decoration: none;
    }

/* 6. ปรับแต่ง Step Circles ในหน้าเว็บ */
.step-item-horizontal {
    display: flex;
    flex-direction: row; /* บังคับเรียงแนวนอนเท่านั้น */
    justify-content: center;
    align-items: center;
}

/* ลบเส้นคั่นและ Footer ออกเพื่อให้เหมือนตัวอย่างเป๊ะๆ */
.tax-view hr, .tax-view footer {
    display: none;
}

/* Class สำหรับครอบหน้า Tax ทั้งหมดให้กึ่งกลาง */
.tax-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* เริ่มจากด้านบนแต่จัดกึ่งกลางแนวนอน */
    min-height: 100vh;
    padding: 40px 15px;
}

.tax-card {
    width: 100%;
    max-width: 400px; /* คุมความกว้างการแสดงผล */
    text-align: center;
}

