html, body {
    font-family: 'Fira Code', 'Mitr', 'Sarabun', sans-serif !important;
}

.number {
    font-family: 'Fira Code', sans-serif;
}

/* Backgroud */
.bg-premium-red {
    background-color: #9C1C1C;
    color: #FBE7A1; /* สีทองครีม */
}

.bg-easygold-red-fwhite {
    background-color: #9C1C1C;
    color: #ffffff; /* สีทองครีม */
}

/* Button */
.btn-premium-red {
    background-color: #9C1C1C;
    color: #DFCC8A;/*#FBE7A1;*/
    border: none;
}

    .btn-premium-red:hover {
        background-color: #7a1515; /* โทนเข้มขึ้น */
        color: #DFCC8A; /*#FBE7A1;*/
    }

.btn-premium-gold {
    background-color: #DFCC8A;
    color: #212529;
    border: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .btn-premium-gold:hover {
        background-color: #e6d79e; /* สี hover ที่ใกล้เคียงและสว่างขึ้น */
        color: #000000;
    }

/* Input สีเทาเข้ม */
input.form-control:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    opacity: 1;
}

select.form-select:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    opacity: 1;
}

button.btn:disabled {
    background-color: #e9ecef !important;
    color: #6c757d !important;
    border: 1px solid #ced4da !important;
    opacity: 1;
}

/* ขนาด/เอฟเฟกต์พื้นฐาน */
/* เอฟเฟกต์พื้นฐาน */
.form-check-input {
    width: 1.15rem;
    height: 1.15rem;
    cursor: pointer;
    transition: transform .12s ease,box-shadow .12s ease
}

    .form-check-input:hover {
        transform: scale(1.08)
    }

    .form-check-input:focus {
        box-shadow: 0 0 0 .2rem rgba(0,0,0,.06)
    }

    /* ---------- ตั้งสีถาวรด้วย accent-color ---------- */
    /* Gold */
    .form-check-input.radio-gold-bar {
        accent-color: #F4C430;
    }
    /* ทองคำแท่ง */
    .form-check-input.radio-gold-jewelry {
        accent-color: #FF9F40;
    }
    /* ทองรูปพรรณ */
    .form-check-input.radio-gold-percent {
        accent-color: #C28840;
    }
    /* ทองเปอร์เซ็นต์ */
    .form-check-input.radio-gold-ingot {
        accent-color: #E8A317;
    }
    /* ก้อนหลอมทอง */
    .form-check-input.radio-gold-other {
        accent-color: #A76BCF;
    }
    /* ทองคำอื่นๆ */

    /* Silver */
    .form-check-input.radio-silver-gt90 {
        accent-color: #3B9CFF;
    }
    /* เงิน > 90% */
    .form-check-input.radio-silver-lt90 {
        accent-color: #0096C7;
    }
    /* เงิน < 90% */
    .form-check-input.radio-silver-ingot {
        accent-color: #9AA5B1;
    }
    /* ก้อนหลอมเงิน */

    /* Other */
    .form-check-input.radio-other {
        accent-color: #9B59B6;
    }
    /* อื่นๆ */

    /* เน้นตอนเลือก (เสริมความชัด) */
    .form-check-input:checked {
        box-shadow: 0 0 0 3px rgba(0,0,0,.06)
    }
    /* ถ้าอยากให้วงกลมทึบขึ้นตอนเลือกก็ใส่ซ้ำ */
    .form-check-input.radio-gold-bar:checked {
        background: #F4C430;
        border-color: #F4C430
    }

    .form-check-input.radio-gold-jewelry:checked {
        background: #FF9F40;
        border-color: #FF9F40
    }

    .form-check-input.radio-gold-percent:checked {
        background: #C28840;
        border-color: #C28840
    }

    .form-check-input.radio-gold-ingot:checked {
        background: #E8A317;
        border-color: #E8A317
    }

    .form-check-input.radio-gold-other:checked {
        background: #A76BCF;
        border-color: #A76BCF
    }

    .form-check-input.radio-silver-gt90:checked {
        background: #3B9CFF;
        border-color: #3B9CFF
    }

    .form-check-input.radio-silver-lt90:checked {
        background: #0096C7;
        border-color: #0096C7
    }

    .form-check-input.radio-silver-ingot:checked {
        background: #9AA5B1;
        border-color: #9AA5B1
    }

    .form-check-input.radio-other:checked {
        background: #9B59B6;
        border-color: #9B59B6
    }

/* สีตัวอักษรของ label ให้ต่างตั้งแต่ยังไม่เลือก */
.label-gold-bar {
    color: #F4C430 !important
}

.label-gold-jewelry {
    color: #FF9F40 !important
}

.label-gold-percent {
    color: #C28840 !important
}

.label-gold-ingot {
    color: #E8A317 !important
}

.label-gold-other {
    color: #dc3545 !important
}

.label-silver-gt90 {
    color: #3B9CFF !important
}

.label-silver-lt90 {
    color: #0096C7 !important
}

.label-silver-ingot {
    color: #9AA5B1 !important
}

.label-other {
    color: #9B59B6 !important
}



/* Input สีเทาอ่อน */
/*
input.form-control:disabled {
    background-color: #f5f6f7 !important;
    color: #adb5bd !important;
    opacity: 1;
}
*/