.elementor-9668 .elementor-element.elementor-element-0786061{--display:flex;}.elementor-9668 .elementor-element.elementor-element-f3f4797{--display:flex;}.elementor-9668 .elementor-element.elementor-element-b940d26{--display:flex;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-type-html{padding-bottom:0px;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9668 .elementor-element.elementor-element-8e11967{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for html, class: .elementor-element-c1ce30a *//* กำหนดพื้นหลังหลักเป็นสีดำ */
body.elementor-page {
    background-color: #000000 !important;
}

/* ทำให้ส่วนเนื้อหาอยู่กลางจอและมีระยะห่างที่สวยงาม */
.tribute-container {
    padding: 50px 20px;
    max-width: 600px; /* จำกัดความกว้างของฟอร์ม */
    margin: 0 auto;
    background-color: transparent; /* ไม่ต้องมีกล่องฟอร์ม */
}

/* สไตล์หัวข้อ */
.section-title {
    letter-spacing: .5px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

/* สไตล์สำหรับช่อง Input/Select ของ Elementor Form */
.elementor-field-group input[type="text"], 
.elementor-field-group select,
.elementor-field-group textarea {
    background-color: #333333 !important; /* พื้นหลังช่องกรอกสีเข้ม */
    border: 1px solid #555555 !important;
    color: #ffffff !important; /* ตัวอักษรสีขาว */
    padding: 15px 15px;
    border-radius: 5px;
    transition: all 0.3s;
}

/* สไตล์ปุ่ม Submit */
.elementor-button {
    background-color: #f7d08b !important; /* สีทองอ่อน */
    color: #000000 !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 15px 30px !important;
    font-size: 1.1rem !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: all 0.3s;
}

.elementor-button:hover {
    background-color: #ffffff !important;
}

/* สไตล์สำหรับ Text Area ที่อธิบาย PDPA */
.pdpa-notice {
    color: #aaaaaa;
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-8e11967 *//* ---------------------------------------------------------------- */
/* 0. สไตล์พื้นหลังและกล่องหุ้มฟอร์ม */
/* ---------------------------------------------------------------- */

/* กำหนดเป้าหมายที่ Elementor Form Widget Container */
.elementor-widget-form {
    /* พื้นหลังสีดำเข้มกว่าพื้นหลังหน้า เพื่อให้เกิดความแตกต่าง */
    background-color: #080808 !important; 
    
    /* ระยะห่างภายในกล่องฟอร์ม */
    padding: 40px !important; 
    
    /* ขอบมน */
    border-radius: 15px !important;
    
    /* เส้นขอบสีทองบางๆ (ถ้าต้องการ) */
    border: 1px solid rgba(255, 215, 0, 0.1); 

    /* เงาอ่อนๆ ให้ความรู้สึกหรูหรา */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.5),   /* เงาดำด้านล่าง */
        0 0 15px rgba(255, 215, 0, 0.1); /* แสงสีทองอ่อนๆ รอบขอบ */
    
    /* จำกัดความกว้างของฟอร์ม (ถ้าจำเป็น) */
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* ปรับ Padding ใน Mobile (ให้มีระยะห่างน้อยลง) */
@media (max-width: 767px) {
    .elementor-widget-form {
        padding: 25px !important;
        border-radius: 10px !important;
    }
}

/* ---------------------------------------------------------------- */
/* 1. Global & Headings (สำหรับส่วนฟอร์ม) */
/* ---------------------------------------------------------------- */

/* สไตล์หัวข้อ "แสดงความอาลัย" */
.elementor-widget-form .elementor-heading-title, 
.section-title-tribute {
    color: #ffd700 !important; /* สีทองเข้ม */
    font-size: 1.8rem; /* ใหญ่ขึ้น */
    font-weight: 700;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 35px;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.4); /* เงาข้อความทอง */
}

/* ---------------------------------------------------------------- */
/* 2. ช่องกรอกข้อมูล (Input & Select Fields) */
/* ---------------------------------------------------------------- */
/* ซ่อน Label ของ Form */
.elementor-field-group label {
    display: none;
}

/* ปรับสไตล์ช่องกรอกและ Select Box ให้ดูมีมิติและสะอาดตา */
.elementor-form .elementor-field-text,
.elementor-form .elementor-field-select {
    background-color: #0c0c0c !important; /* พื้นหลังช่องกรอกสีดำสนิท */
    border: none !important; /* ลบขอบเดิม */
    color: #f0f0f0 !important; /* ตัวอักษรสีขาวสว่าง */
    padding: 18px 20px; /* เพิ่ม Padding ให้ดูโปร่ง */
    border-radius: 10px; /* ขอบมนทันสมัย */
    transition: all 0.3s ease;
    box-shadow: inset 2px 2px 5px #000000, inset -3px -3px 7px #222222; /* เงาภายในแบบนุ่มนวล (Neumorphism dark) */
    font-size: 1rem;
}

/* สไตล์เมื่อ Focus (ถูกคลิก) - ให้มีสีทองเด่นชัด */
.elementor-form .elementor-field-text:focus,
.elementor-form .elementor-field-select:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px #ffd700, inset 0 0 5px #000000 !important; /* ขอบทองและเงาภายใน */
    background-color: #1a1a1a !important;
}

/* สไตล์ตัวอักษร Placeholder */
.elementor-form .elementor-field-text::placeholder {
    color: #777777;
    opacity: 1; 
}


/* ---------------------------------------------------------------- */
/* 3. ปุ่ม Submit (Button) */
/* ---------------------------------------------------------------- */
.elementor-form .elementor-button {
    background-color: #ffd700 !important; /* สีทองเข้ม */
    color: #000000 !important;
    border: none !important;
    border-radius: 30px !important; /* ขอบมนเต็มที่ */
    padding: 15px 40px !important;
    font-size: 1.15rem !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3), 0 0 5px #ffd700; /* เงาด้านนอกสีทอง */
    width: 100%; 
}

/* สไตล์เมื่อ Hover */
.elementor-form .elementor-button:hover {
    background-color: #ffffff !important; /* เปลี่ยนเป็นสีขาวเพื่อความสง่างาม */
    color: #000000 !important;
    box-shadow: 0 8px 20px rgba(255, 255, 255, 0.5), 0 0 10px #ffffff;
    transform: translateY(-2px); /* เอฟเฟกต์ยกขึ้นเล็กน้อย */
}

/* ---------------------------------------------------------------- */
/* 4. ข้อความยืนยันการส่งข้อมูลสำเร็จ */
/* ---------------------------------------------------------------- */
.elementor-message.elementor-message-success {
    background-color: #1a1a1a !important;
    border: 1px solid #ffd700 !important;
    color: #ffffff !important;
    font-weight: 500;
    border-radius: 8px;
    padding: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b11121 *//* ================================================================ */
/* C. สไตล์สำหรับ PDPA NOTICE (HTML Widget)                         */
/* (โค้ดที่สร้างขึ้นจากโครงสร้าง HTML ที่คุณเลือกมา)           */
/* ================================================================ */

/* 1. สไตล์ข้อความแนะนำเว็บไซต์ (ส่วนที่แสดงตลอดเวลา) */
.pdpa-intro-text-visible {
    /* สีเทาอ่อน อ่านง่ายบนพื้นหลังสีดำ */
    color: #b0b0b0; 
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 25px; /* เว้นระยะห่างกับส่วนที่ต้องคลิกอ่าน */
    padding: 0 15px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* เน้นชื่อสำคัญ/จุดประสงค์ (ใน Intro Text) */
.pdpa-intro-text-visible strong {
    color: #ffffff; 
    font-weight: 500;
}

/* 2. สไตล์สำหรับส่วน Details (แตะเพื่ออ่าน) */
.pdpa-expandable-section {
    max-width: 600px;
    margin: 0 auto 30px auto; /* เพิ่ม margin ด้านล่างและจัดกึ่งกลาง */
    color: #b0b0b0;
    font-size: 0.9rem;
}

.pdpa-expandable-section summary {
    padding: 15px 20px;
    border-radius: 8px;
    background-color: #1a1a1a; /* พื้นหลังสีเข้มกว่า */
    border: 1px solid #333333;
    transition: all 0.3s;
    cursor: pointer;
    color: #ffffff; /* ตัวอักษรสรุปเป็นสีขาว */
    font-weight: 500;
    display: block; /* ทำให้ Summary ทำงานได้ดีขึ้นในทุกบราวเซอร์ */
}

/* สไตล์เมื่อนำเมาส์ไปชี้ที่ Summary */
.pdpa-expandable-section summary:hover {
    background-color: #222222;
    color: #ffd700; /* เปลี่ยนเป็นสีทอง */
}

/* สไตล์เนื้อหาที่ซ่อนอยู่ */
.pdpa-content {
    padding: 15px 20px 5px; 
    border: 1px solid #333333;
    border-top: none; /* ลบขอบด้านบนเพื่อเชื่อมต่อกับ Summary */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #0d0d0d; /* สีดำเข้ม */
}

/* สไตล์หัวข้อย่อยภายในเนื้อหา (วัตถุประสงค์, การใช้ข้อมูล) */
.pdpa-sub-heading {
    color: #ffd700; /* หัวข้อย่อยเป็นสีทอง */
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 1rem;
}

/* ปรับระยะห่างของย่อหน้าในเนื้อหา PDPA */
.pdpa-content p {
    margin-bottom: 10px;
}/* End custom CSS */