/* Start custom CSS for html, class: .elementor-element-53e0cb3 *//* =========================
   PAGE 7124 ONLY
========================= */

body.page-id-7124 {
    background:
    linear-gradient(rgba(0,8,25,.70), rgba(0,8,25,.82)),
    url("https://phakdichumphon.chaiyaphum.police.go.th/wp-content/uploads/2026/06/ChatGPT-Image-21-มิ.ย.-2569-21_35_31.png")
    center top / cover fixed no-repeat !important;
}

/* กล่องฟอร์ม */
body.page-id-7124 .forminator-custom-form {
    background: rgba(0,20,60,.12) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;

    padding: 35px !important;
    border-radius: 25px !important;
    border: 2px solid rgba(0,255,255,.45) !important;

    box-shadow:
    0 0 25px rgba(0,255,255,.35),
    inset 0 0 25px rgba(0,255,255,.10) !important;

    position: relative !important;
    overflow: visible !important;
}

/* Grid เอฟเฟค */
body.page-id-7124 .forminator-custom-form:before {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
    linear-gradient(rgba(0,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,255,.04) 1px, transparent 1px);

    background-size: 38px 38px;

    pointer-events: none;
    z-index: 1;
}

body.page-id-7124 .forminator-custom-form * {
    position: relative;
    z-index: 2;
}

/* พื้นหลังภายในฟอร์ม */
body.page-id-7124 .forminator-row,
body.page-id-7124 .forminator-field {
    background: transparent !important;
}

/* หัวข้อฟิลด์ */
body.page-id-7124 .forminator-label,
body.page-id-7124 .forminator-ui label {
    color: #00eaff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(0,234,255,.7) !important;
}

body.page-id-7124 .forminator-description {
    color: #d8faff !important;
}

/* ช่องกรอก */
body.page-id-7124 .forminator-input,
body.page-id-7124 .forminator-textarea,
body.page-id-7124 .forminator-ui select,
body.page-id-7124 .forminator-select,
body.page-id-7124 .forminator-select2-selection,
body.page-id-7124 .forminator-select2-selection__rendered {

    background: #ffffff !important;
    color: #06152f !important;
    opacity: 1 !important;

    border: 1px solid rgba(0,220,255,.85) !important;
    border-radius: 12px !important;

    box-shadow:
    inset 0 0 8px rgba(0,180,255,.18),
    0 0 12px rgba(0,180,255,.18) !important;
}

/* Dropdown */
body.page-id-7124 .forminator-select2-dropdown,
body.page-id-7124 .select2-dropdown,
body.page-id-7124 .select2-results,
body.page-id-7124 .select2-results__option {

    background: #ffffff !important;
    color: #06152f !important;
    z-index: 999999 !important;
}

body.page-id-7124 .select2-results__option--highlighted {
    background: #005bbb !important;
    color: #ffffff !important;
}

body.page-id-7124 .select2-results {
    max-height: 350px !important;
}

/* Placeholder */
body.page-id-7124 .forminator-input::placeholder,
body.page-id-7124 .forminator-textarea::placeholder {
    color: #555 !important;
}

/* Checkbox / Radio */
body.page-id-7124 .forminator-checkbox-label,
body.page-id-7124 .forminator-radio-label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

body.page-id-7124 .forminator-checkbox-box,
body.page-id-7124 .forminator-radio-bullet {
    background: #ffffff !important;
    border: 2px solid #00eaff !important;
    box-shadow: 0 0 8px rgba(0,234,255,.5) !important;
}

/* ปุ่มส่ง */
body.page-id-7124 .forminator-button-submit {

    background: linear-gradient(90deg,#00d9ff,#006eff) !important;

    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 800 !important;

    border-radius: 14px !important;
    padding: 15px 35px !important;

    border: none !important;

    box-shadow:
    0 0 18px rgba(0,217,255,.65),
    0 0 35px rgba(0,110,255,.35) !important;
}

body.page-id-7124 .forminator-button-submit:hover {

    transform: translateY(-2px);

    box-shadow:
    0 0 25px rgba(0,255,255,.9),
    0 0 50px rgba(0,110,255,.5) !important;
}

/* หัวข้อหน้า */
body.page-id-7124 .entry-title,
body.page-id-7124 .page-title,
body.page-id-7124 h1,
body.page-id-7124 h2,
body.page-id-7124 .elementor-heading-title {

    color: #ffffff !important;

    text-shadow:
    0 0 10px rgba(0,255,255,.8),
    0 0 20px rgba(0,255,255,.4);
}/* End custom CSS */