:root {
    --eg-red: #9C1C1C;
    --eg-red-dark: #7a1515;
    --eg-gold: #DFCC8A;
    --eg-gold-hover: #e6d79e;
    --eg-dark: #1a1a1a;
    --eg-muted: #6c757d;
    --eg-success: #198754;
    --eg-info: #0d6efd;
    --eg-warning: #ffc107;
    --eg-danger: #dc3545;
}

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-premium-gold {
    background-color: #DFCC8A;
    color: #212529; /* สีทองครีม */
}

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

/* Button */

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

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

.btn-outline-premium-red {
    background: transparent;
    color: var(--eg-red);
    border: 1px solid var(--eg-red);
}

    .btn-outline-premium-red:hover {
        background-color: var(--eg-red);
        color: var(--eg-gold);
    }

/*SECONDARY = Premium Gold*/
.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;
    }

.btn-outline-premium-gold {
    background: transparent;
    color: var(--eg-gold);
    border: 1px solid var(--eg-gold);
}

    .btn-outline-premium-gold:hover {
        background-color: var(--eg-gold);
        color: #212529;
    }

/*SUCCESS (กำไร / Completed Transaction)*/
.btn-premium-success {
    background-color: var(--eg-success);
    color: #fff;
    border: none;
}

    .btn-premium-success:hover {
        background-color: #157347;
    }

.btn-outline-premium-success {
    background: transparent;
    color: var(--eg-success);
    border: 1px solid var(--eg-success);
}

    .btn-outline-premium-success:hover {
        background-color: var(--eg-success);
        color: #fff;
    }

/*INFO (Pending / Processing)*/
.btn-premium-info {
    background-color: #2f4f6f; /* น้ำเงินเข้มเทา ดู enterprise */
    color: #fff;
    border: none;
}

    .btn-premium-info:hover {
        background-color: #1f3a56;
    }

.btn-outline-premium-info {
    background: transparent;
    color: #2f4f6f;
    border: 1px solid #2f4f6f;
}

    .btn-outline-premium-info:hover {
        background-color: #2f4f6f;
        color: #fff;
    }


/*WARNING (ราคาเปลี่ยน / Awaiting Approval)*/
.btn-premium-warning {
    background-color: #b8860b; /* Dark Gold */
    color: #fff;
    border: none;
}

    .btn-premium-warning:hover {
        background-color: #a07508;
    }

.btn-outline-premium-warning {
    background: transparent;
    color: #b8860b;
    border: 1px solid #b8860b;
}

    .btn-outline-premium-warning:hover {
        background-color: #b8860b;
        color: #fff;
    }


/*DANGER (ลบ / Cancel / Force Action)*/
.btn-premium-danger {
    background-color: #7a1515; /* แดงเข้มกว่า primary */
    color: #fff;
    border: none;
}

    .btn-premium-danger:hover {
        background-color: #5c1010;
    }

.btn-outline-premium-danger {
    background: transparent;
    color: #7a1515;
    border: 1px solid #7a1515;
}

    .btn-outline-premium-danger:hover {
        background-color: #7a1515;
        color: #fff;
    }

/*LIGHT*/
.btn-premium-light {
    background-color: #f8f9fa;
    color: #212529;
    border: 1px solid #dee2e6;
}

    .btn-premium-light:hover {
        background-color: #e9ecef;
    }

/*DARK*/
.btn-premium-dark {
    background-color: var(--eg-dark);
    color: var(--eg-gold);
    border: none;
}

    .btn-premium-dark:hover {
        background-color: #000;
    }

/*LINK (Text Style)*/
.btn-premium-link {
    background: none;
    border: none;
    color: var(--eg-red);
    text-decoration: underline;
    padding: 0;
}

    .btn-premium-link:hover {
        color: var(--eg-red-dark);
    }

/* 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
}

/* Accordion header button - collapsed/expanded */
.accordion-button.bg-premium-red,
.accordion-button.bg-premium-red:not(.collapsed) {
    background-color: var(--eg-red) !important;
    color: var(--eg-gold) !important;
}

    /* เอาเส้น/เงา default ตอน expanded ออก หรือปรับให้เข้าธีม */
    .accordion-button.bg-premium-red:not(.collapsed) {
        box-shadow: none !important;
    }

    /* ตอน focus อย่าให้เป็นสีฟ้า */
    .accordion-button.bg-premium-red:focus {
        box-shadow: 0 0 0 .2rem rgba(223, 204, 138, .35) !important; /* gold ring */
        border-color: transparent !important;
    }

    /* ลูกศร (chevron) ให้เป็นสีทองด้วย */
    .accordion-button.bg-premium-red::after,
    .accordion-button.bg-premium-red:not(.collapsed)::after {
        filter: brightness(0) invert(1);
        opacity: .9;
    }

/* ===============================
   Accordion - Premium Gold Theme
================================ */

/* collapsed + expanded */
.accordion-button.bg-premium-gold,
.accordion-button.bg-premium-gold:not(.collapsed) {
    background-color: var(--eg-gold) !important;
    color: #212529 !important;
}

    /* เอาเงา default ตอน expanded ออก */
    .accordion-button.bg-premium-gold:not(.collapsed) {
        box-shadow: none !important;
    }

    /* Focus ring เป็นโกลด์ */
    .accordion-button.bg-premium-gold:focus {
        box-shadow: 0 0 0 .2rem rgba(223, 204, 138, .45) !important;
        border-color: transparent !important;
    }

    /* Chevron ให้เป็นสีเข้ม (เพราะพื้นหลังอ่อน) */
    .accordion-button.bg-premium-gold::after,
    .accordion-button.bg-premium-gold:not(.collapsed)::after {
        filter: brightness(0);
        opacity: .8;
    }


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