/* Gold: the card ([mxt_gold_card]) and the gold page ([mxt_gold_board]). */
.mxt-delta { display: inline-flex; align-items: baseline; gap: 4px; font-size: 13px; font-weight: 700; line-height: 1.3; white-space: nowrap; font-variant-numeric: tabular-nums; }
.mxt-delta small { font-size: 11px; font-weight: 400; }
.mxt-delta.is-up { color: #1E9E57; }
.mxt-delta.is-down { color: #D0161F; }
.mxt-delta.is-flat { color: #7A8279; font-weight: 400; }
.mxt-goldbars { flex: 0 0 auto; filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .35)); }
.mxt-spark { display: block; width: 100%; height: 64px; }
.mxt-spark polyline { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.mxt-spark polygon { opacity: .14; }
.mxt-spark.is-up polyline { stroke: #1E9E57; } .mxt-spark.is-up polygon, .mxt-spark.is-up circle { fill: #1E9E57; }
.mxt-spark.is-down polyline { stroke: #D0161F; } .mxt-spark.is-down polygon, .mxt-spark.is-down circle { fill: #D0161F; }
.mxt-spark--empty { display: flex; align-items: center; height: auto; padding: 10px 12px; font-size: 12px; line-height: 1.4; color: #7A6A45; background: #FBF3DC; border-radius: 10px; }

/* ---------- card ---------- */
.mxt-goldcard { display: flex; flex-direction: column; min-height: 600px; font-family: Phetsarath, sans-serif; color: #15181C; }
.mxt-goldcard.is-compact { min-height: 0; }
.mxt-goldcard .screen-reader-text, .mxt-gold .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mxt-goldcard__hero, .mxt-gold__hero { position: relative; overflow: hidden; color: #FFF6DC; background: linear-gradient(135deg, #3A2A0C 0%, #6B4A0E 55%, #2A1E0A 100%); border-radius: 16px; }
.mxt-goldcard__hero { display: flex; align-items: center; gap: 14px; padding: 16px; }
.mxt-goldcard__shine { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 35%, rgba(255, 233, 166, .28) 50%, transparent 65%); transform: translateX(-100%); animation: mxt-gold-shine 5.5s ease-in-out infinite; }
@keyframes mxt-gold-shine { 0%, 55% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.mxt-goldcard__title { font-size: 22px; font-weight: 700; line-height: 1.35; color: #FFE9A6; }
.mxt-goldcard__sub { font-size: 12px; line-height: 1.35; color: #E9D9AE; }
.mxt-goldcard__status { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; padding: 3px 10px 3px 8px; font-size: 12px; font-weight: 700; color: #FFF6DC; background: rgba(255, 255, 255, .12); border-radius: 999px; }
.mxt-goldcard__status i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #F3C95B; }
.mxt-goldcard__status.is-current i { background: #5BD08A; }
.mxt-goldcard__status.is-current i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #5BD08A; animation: mxt-gold-ping 1.8s ease-out infinite; }
@keyframes mxt-gold-ping { to { transform: scale(3.2); opacity: 0; } }

.mxt-goldcard__table { width: 100%; margin: 12px 0 0; border-collapse: separate; border-spacing: 0 6px; border: 0; font-variant-numeric: tabular-nums; }
.mxt-goldcard__table th, .mxt-goldcard__table td { padding: 9px 10px; border: 0; background: transparent; text-align: right; line-height: 1.25; }
.mxt-goldcard__table thead th { padding: 4px 10px; font-size: 12px; font-weight: 700; color: #5C665F; }
.mxt-goldcard__table tbody th { width: 30%; text-align: center; font-size: 14px; font-weight: 700; color: #fff; background: #173F35; border-radius: 12px 0 0 12px; white-space: nowrap; }
.mxt-goldcard__table tbody th small { font-weight: 400; opacity: .8; }
.mxt-goldcard__table tbody td { font-size: 19px; font-weight: 700; color: #3A2A0C; background: linear-gradient(180deg, #FCE9B0, #F1CB67); }
.mxt-goldcard__table tbody td:last-child { border-radius: 0 12px 12px 0; background: linear-gradient(180deg, #FFF4D2, #F8E1A0); }
.mxt-goldcard__table tbody tr:hover td, .mxt-goldcard__table tbody tr:hover th { background-color: transparent; }
.mxt-goldcard__move { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; margin-top: 8px; }
.mxt-goldcard__move > small { font-size: 11px; color: #7A8279; }
.mxt-goldcard__move .mxt-delta { font-size: 15px; }
.mxt-goldcard .mxt-spark { margin-top: 6px; }
.mxt-goldcard__more { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; }
.mxt-goldcard__more li { padding: 9px 10px; background: #F7F2E5; border-radius: 12px; }
.mxt-goldcard__more small { display: block; font-size: 10px; line-height: 1.35; color: #5C665F; }
.mxt-goldcard__more b { display: block; font-size: 16px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.mxt-goldcard__more .mxt-delta { font-size: 11px; white-space: normal; }
.mxt-goldcard__calc { margin-top: 10px; padding: 10px; border: 1px dashed #D9B45A; border-radius: 12px; }
.mxt-goldcard.is-compact .mxt-goldcard__calc, .mxt-goldcard.is-compact .mxt-goldcard__meta { display: none; }
.mxt-goldcard__chips { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.mxt-goldcard .mxt-goldcard__chips button { min-height: 34px; margin: 0; padding: 4px 2px; font: 700 12px/1.2 Phetsarath, sans-serif; white-space: nowrap; color: #3A2A0C; background: #fff; border: 1px solid #D9B45A; border-radius: 999px; cursor: pointer; }
.mxt-goldcard .mxt-goldcard__chips button:hover, .mxt-goldcard .mxt-goldcard__chips button:focus { color: #3A2A0C; background: #FCE9B0; }
.mxt-goldcard .mxt-goldcard__chips button[aria-pressed="true"] { color: #FFF6DC; background: #6B4A0E; border-color: #6B4A0E; }
.mxt-goldcard__calc ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0; padding: 0; }
.mxt-goldcard__calc small { display: block; font-size: 11px; color: #5C665F; }
.mxt-goldcard__calc b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
.mxt-goldcard__meta { margin: 10px 0 0; font-size: 11px; line-height: 1.5; color: #5C665F; }
.mxt-goldcard .mxt-goldcard__cta { align-self: flex-start; margin-top: auto; padding: 13px 18px; font: 700 14px/1.2 Phetsarath, sans-serif; text-decoration: none; color: #3A2A0C; background: linear-gradient(180deg, #F7D774, #E3AE2C); border-radius: 999px; transition: transform .18s ease, box-shadow .18s ease; }
.mxt-goldcard__meta + .mxt-goldcard__cta, .mxt-goldcard__more + .mxt-goldcard__cta { margin-top: auto; }
.mxt-goldcard__meta, .mxt-goldcard__calc, .mxt-goldcard__more { margin-bottom: 0; }
.mxt-goldcard > :nth-last-child(2) { margin-bottom: 14px; }
.mxt-goldcard .mxt-goldcard__cta:hover { color: #3A2A0C; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(107, 74, 14, .35); }
.mxt-goldcard button:focus-visible, .mxt-goldcard a:focus-visible, .mxt-gold button:focus-visible, .mxt-gold input:focus-visible, .mxt-gold select:focus-visible { outline: 3px solid #F3C95B; outline-offset: 2px; box-shadow: 0 0 0 5px #173F35; }
@media (min-width: 768px) {
    .mxt-goldcard.is-compact .mxt-goldcard__table tbody td { font-size: 15px; padding: 8px 6px; }
    .mxt-goldcard.is-compact .mxt-goldcard__table tbody th { font-size: 12px; padding: 8px 4px; }
    .mxt-goldcard.is-compact .mxt-goldbars { width: 44px; height: 33px; }
    .mxt-goldcard.is-compact .mxt-goldcard__more { grid-template-columns: minmax(0, 1fr); }
}

/* the gold card fills its column or slide like the other Today cards */
.elementor-widget-wrap:has(> .elementor-widget-shortcode .mxt-goldcard) { align-content: stretch; }
.elementor-widget-shortcode:has(.mxt-goldcard), .elementor-widget-shortcode:has(.mxt-goldcard) > .elementor-widget-container, .elementor-shortcode:has(> .mxt-goldcard) { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; }
.elementor-shortcode > .mxt-goldcard { flex: 1 1 auto; }
.jet-listing-grid__item:has(.mxt-goldcard) > .elementor,
.jet-listing-grid__item:has(.mxt-goldcard) .elementor-section:has(.mxt-goldcard),
.jet-listing-grid__item:has(.mxt-goldcard) .elementor-section:has(.mxt-goldcard) > .elementor-container,
.jet-listing-grid__item:has(.mxt-goldcard) .elementor-column:has(.mxt-goldcard) { height: 100%; }

/* ---------- page ---------- */
.mxt-gold { font-family: Phetsarath, sans-serif; color: #15181C; }
.mxt-gold button, .mxt-gold input, .mxt-gold select { font-family: inherit; }
.mxt-gold__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 20px; align-items: center; padding: 22px; }
.mxt-gold__lead { display: flex; align-items: center; gap: 16px; }
.mxt-gold__title { font-size: 24px; font-weight: 700; line-height: 1.35; color: #FFE9A6; }
.mxt-gold__sub { font-size: 13px; color: #E9D9AE; }
.mxt-gold__prices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mxt-gold__prices > div { padding: 14px 16px; color: #3A2A0C; background: linear-gradient(180deg, #FFF4D2, #F1CB67); border-radius: 14px; }
.mxt-gold__prices small { display: block; font-size: 13px; font-weight: 700; }
.mxt-gold__prices b { display: block; font-size: 34px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.mxt-gold__prices em { display: block; margin-top: 4px; font-size: 12px; font-style: normal; color: #6B4A0E; }
.mxt-gold__prices .mxt-delta.is-flat { color: #6B4A0E; }
.mxt-gold__grid { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: 18px; margin-top: 18px; align-items: start; }
.mxt-gold__panel { padding: 18px; background: #fff; border: 1px solid #E4DCCB; border-radius: 16px; }
.mxt-gold__panel h3 { margin: 0 0 12px; font: 700 17px/1.35 Phetsarath, sans-serif; color: #15181C; }
.mxt-gold__tabs, .mxt-gold__ranges { display: flex; flex-wrap: wrap; gap: 6px; }
.mxt-gold__ranges { margin-top: 8px; }
.mxt-gold .mxt-gold__tabs button, .mxt-gold .mxt-gold__ranges button { margin: 0; padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; color: #3A2A0C; background: #fff; border: 1px solid #D9B45A; border-radius: 999px; cursor: pointer; }
.mxt-gold .mxt-gold__ranges button { padding: 6px 12px; font-size: 12px; font-weight: 400; border-color: #CFC5AE; color: #5C665F; }
.mxt-gold .mxt-gold__tabs button:hover, .mxt-gold .mxt-gold__tabs button:focus, .mxt-gold .mxt-gold__ranges button:hover, .mxt-gold .mxt-gold__ranges button:focus { color: #3A2A0C; background: #FCE9B0; }
.mxt-gold .mxt-gold__tabs button[aria-selected="true"] { color: #FFF6DC; background: #6B4A0E; border-color: #6B4A0E; }
.mxt-gold .mxt-gold__ranges button[aria-pressed="true"] { color: #F5F0E4; background: #173F35; border-color: #173F35; font-weight: 700; }
.mxt-gold__chart { position: relative; margin-top: 12px; }
.mxt-gold__chart svg { display: block; width: 100%; height: auto; touch-action: pan-y; }
.mxt-gold__gridline { stroke: #EFE8D8; stroke-width: 1; }
.mxt-gold__ylab, .mxt-gold__xlab { font: 400 12px Phetsarath, sans-serif; fill: #7A8279; }
.mxt-gold__line { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.mxt-gold__line--sell { stroke: #D9A21B; }
.mxt-gold__line--buy { stroke: #173F35; stroke-dasharray: 6 5; stroke-width: 2; }
.mxt-gold__area { fill: #F3C95B; opacity: .16; }
.mxt-gold__dot { fill: #fff; stroke: #D9A21B; stroke-width: 2.5; }
.mxt-gold__cursor line { stroke: #6B4A0E; stroke-width: 1; stroke-dasharray: 3 3; }
.mxt-gold__cursor circle { fill: #6B4A0E; stroke: #fff; stroke-width: 2; }
.mxt-gold__tip { position: absolute; top: 4px; transform: translateX(-50%); padding: 8px 12px; pointer-events: none; text-align: center; color: #FFF6DC; background: #2A1E0A; border-radius: 10px; box-shadow: 0 8px 18px rgba(0, 0, 0, .25); }
.mxt-gold__tip small, .mxt-gold__tip span { display: block; font-size: 11px; color: #E9D9AE; }
.mxt-gold__tip b { display: block; font-size: 17px; font-variant-numeric: tabular-nums; }
.mxt-gold__tip .mxt-delta.is-up { color: #6FE0A0; } .mxt-gold__tip .mxt-delta.is-down { color: #FF8B8B; } .mxt-gold__tip .mxt-delta.is-flat { color: #E9D9AE; }
.mxt-gold__key { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 6px; font-size: 12px; color: #5C665F; }
.mxt-gold__key span::before { content: ""; display: inline-block; width: 18px; margin-right: 6px; vertical-align: middle; }
.mxt-gold__key .is-sell::before { border-top: 3px solid #D9A21B; }
.mxt-gold__key .is-buy::before { border-top: 2px dashed #173F35; }
.mxt-gold__key span:last-child::before { display: none; }
.mxt-gold__empty { margin: 0; padding: 30px 0; text-align: center; color: #5C665F; }
.mxt-gold__stats { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; padding: 0; }
.mxt-gold__stats li { padding: 10px; background: #F7F2E5; border-radius: 12px; }
.mxt-gold__stats small { display: block; font-size: 11px; color: #5C665F; }
.mxt-gold__stats b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
.mxt-gold__note { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: #7A8279; }
.mxt-gold__calc-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 8px; }
.mxt-gold .mxt-gold__calc input, .mxt-gold .mxt-gold__calc select { width: 100%; min-height: 50px; padding: 8px 12px; box-sizing: border-box; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; color: #15181C; background: #fff; border: 1px solid #D9B45A; border-radius: 12px; }
.mxt-gold .mxt-gold__calc select { font-size: 14px; cursor: pointer; }
.mxt-gold__calc-out { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.mxt-gold__calc-out li { padding: 10px 12px; background: #FFF9E8; border-left: 4px solid #D9A21B; border-radius: 10px; }
.mxt-gold__calc-out li:nth-child(2) { border-left-color: #173F35; }
.mxt-gold__calc-out li:nth-child(3) { border-left-color: #B9B19C; background: #F7F2E5; }
.mxt-gold__calc-out small { display: block; font-size: 12px; color: #5C665F; }
.mxt-gold__calc-out b { display: block; font-size: 20px; font-variant-numeric: tabular-nums; }
.mxt-gold__calc p { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: #7A8279; }
.mxt-gold__tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
.mxt-gold__tiles > div { padding: 14px 16px; background: #fff; border: 1px solid #E4DCCB; border-radius: 16px; }
.mxt-gold__tiles small { display: block; font-size: 12px; color: #5C665F; }
.mxt-gold__tiles b { display: block; font-size: 22px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.mxt-gold__tiles b i { font-size: 12px; font-style: normal; font-weight: 400; color: #5C665F; }
.mxt-gold__tiles em { display: block; margin-top: 4px; font-size: 11px; font-style: normal; color: #7A8279; }
.mxt-gold__tiles a.mxt-delta { color: #173F35; text-decoration: underline; }
.mxt-gold__log { overflow-x: auto; }
.mxt-gold__log table { width: 100%; margin: 0; border-collapse: collapse; border: 0; font-variant-numeric: tabular-nums; }
.mxt-gold__log th, .mxt-gold__log td { padding: 9px 10px; border: 0; border-bottom: 1px solid #EFE8D8; background: transparent; text-align: right; font-size: 14px; white-space: nowrap; }
.mxt-gold__log th:first-child { text-align: left; font-weight: 400; }
.mxt-gold__log thead th { font-size: 12px; font-weight: 700; color: #5C665F; }
.mxt-gold__log td:nth-child(2) { font-weight: 700; }
.mxt-gold__src { margin: 14px 0 0; font-size: 12px; line-height: 1.5; color: #5C665F; }
@media (max-width: 900px) {
    .mxt-gold__hero, .mxt-gold__grid { grid-template-columns: minmax(0, 1fr); }
    .mxt-gold__tiles { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
    .mxt-gold__hero { padding: 16px; }
    .mxt-gold__prices b { font-size: 24px; }
    .mxt-gold__prices > div { padding: 12px; }
    .mxt-gold__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mxt-gold__panel { padding: 14px; }
    .mxt-gold__log th, .mxt-gold__log td { padding: 8px 6px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .mxt-goldcard__shine, .mxt-goldcard__status i::after { animation: none; } }
/* the theme stripes table rows; the price table keeps its own colours */
.mxt-goldcard .mxt-goldcard__table tbody > tr > th { background: #173F35 !important; color: #fff; }
.mxt-goldcard .mxt-goldcard__table tbody > tr > td { background: linear-gradient(180deg, #FCE9B0, #F1CB67) !important; }
.mxt-goldcard .mxt-goldcard__table tbody > tr > td:last-child { background: linear-gradient(180deg, #FFF4D2, #F8E1A0) !important; }
.mxt-goldcard .mxt-goldcard__table, .mxt-goldcard .mxt-goldcard__table thead th { border: 0 !important; background: transparent !important; }
.mxt-gold__log table tbody > tr > th, .mxt-gold__log table tbody > tr > td { background: transparent !important; }