/* =========================================================
   JK TRADE Price Board V16.4
   Public-facing table: no third-party source branding
========================================================= */

.jkap-board{
    width:100%;
    box-sizing:border-box;
}

.jkap-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 18px;
}

.jkap-meta > div:first-child{
    display:flex;
    align-items:baseline;
    gap:12px;
}

.jkap-meta-label{
    color:#c6a15b;
    font:700 10px/1.4 Arial,Helvetica,sans-serif;
    letter-spacing:.18em;
}

.jkap-meta-date{
    color:#d8cdbf;
    font:700 17px/1.35 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-meta-badge{
    padding:7px 10px;
    border:1px solid rgba(198,161,91,.38);
    background:#17130f;
    color:#d6bc7d;
    font:700 10px/1.4 Arial,"Yu Gothic",sans-serif;
    letter-spacing:.06em;
    white-space:nowrap;
}

.jkap-table-card,
.jkap-special-card{
    overflow:hidden;
    background:#17130f;
    border:1px solid #473728;
}

.jkap-gold-full{
    margin-bottom:16px;
}

.jkap-other-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-bottom:16px;
}

.jkap-table-head{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 16px;
    background:#211a13;
    border-bottom:1px solid #473728;
    border-left:3px solid #c6a15b;
    box-sizing:border-box;
}

.jkap-platinum .jkap-table-head{
    border-left-color:#c6bdb4;
}

.jkap-silver .jkap-table-head{
    border-left-color:#aaa9a3;
}

.jkap-table-head h3{
    margin:0;
    color:#ead39a;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:18px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.04em;
}

.jkap-platinum .jkap-table-head h3{
    color:#eadfd2;
}

.jkap-silver .jkap-table-head h3{
    color:#deddd7;
}

.jkap-table-head p{
    margin:3px 0 0;
    color:#95897c;
    font-size:10px;
    line-height:1.5;
}

.jkap-table-head > span{
    color:#a99986;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}

.jkap-table-wrap{
    overflow-x:auto;
}

.jkap-price-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.jkap-price-table thead th{
    padding:10px 14px;
    border-bottom:1px solid #3b3027;
    background:#15120f;
    color:#8f8376;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
    text-align:left;
}

.jkap-price-table thead th:nth-child(1){
    width:26%;
}

.jkap-price-table thead th:nth-child(2){
    width:25%;
}

.jkap-price-table thead th:nth-child(3){
    width:49%;
    text-align:right;
}

.jkap-price-table tbody th,
.jkap-price-table tbody td{
    padding:10px 14px;
    border-bottom:1px solid #30271f;
    vertical-align:middle;
}

.jkap-price-table tbody tr:last-child th,
.jkap-price-table tbody tr:last-child td{
    border-bottom:0;
}

.jkap-price-table tbody th{
    color:#dec589;
    font:700 12px/1.35 Arial,"Yu Gothic",sans-serif;
    text-align:left;
}

.jkap-price-table tbody td:nth-child(2){
    color:#9d9184;
    font-size:10px;
}

.jkap-price-table tbody td:last-child{
    text-align:right;
}

.jkap-price-table tbody td strong{
    color:#f3ece2;
    font:700 13px/1.35 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

.jkap-ask{
    color:#a79c90;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
}

.jkap-special-card{
    margin-top:0;
}

.jkap-special-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
}

.jkap-special-item{
    min-height:78px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    padding:13px 14px;
    border-right:1px solid #30271f;
    box-sizing:border-box;
}

.jkap-special-item:last-child{
    border-right:0;
}

.jkap-special-item strong{
    color:#ded0bd;
    font-size:11px;
    line-height:1.35;
}

.jkap-special-item span{
    color:#887d72;
    font-size:9px;
}

.jkap-special-item em{
    color:#c6a15b;
    font-size:10px;
    font-style:normal;
    font-weight:700;
}

.jkap-note{
    margin:13px 2px 0;
    color:#8f8579;
    font-size:10px;
    line-height:1.8;
}

.jkap-unavailable{
    padding:18px;
    background:#17130f;
    border:1px solid #473728;
    color:#d7cbbd;
    font-size:13px;
    line-height:1.7;
}

@media screen and (min-width:900px){
    /* Gold table is long; two visual columns reduce page height without
       changing the actual row order on mobile. */
    .jkap-gold-full .jkap-price-table tbody{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .jkap-gold-full .jkap-price-table thead{
        display:none;
    }

    .jkap-gold-full .jkap-price-table tbody tr{
        display:grid;
        grid-template-columns:24% 24% 52%;
        align-items:center;
        min-height:42px;
        border-bottom:1px solid #30271f;
    }

    .jkap-gold-full .jkap-price-table tbody tr:nth-child(odd){
        border-right:1px solid #30271f;
    }

    .jkap-gold-full .jkap-price-table tbody th,
    .jkap-gold-full .jkap-price-table tbody td{
        border-bottom:0;
        padding:10px 12px;
    }
}

@media screen and (max-width:760px){
    .jkap-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .jkap-meta-badge{
        white-space:normal;
    }

    .jkap-other-grid{
        grid-template-columns:1fr;
    }

    .jkap-special-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .jkap-special-item{
        border-bottom:1px solid #30271f;
    }

    .jkap-special-item:nth-child(2n){
        border-right:0;
    }

    .jkap-table-head{
        min-height:54px;
        padding:12px 13px;
    }

    .jkap-table-head h3{
        font-size:16px;
    }

    .jkap-price-table thead th,
    .jkap-price-table tbody th,
    .jkap-price-table tbody td{
        padding-left:11px;
        padding-right:11px;
    }

    .jkap-price-table tbody td strong{
        font-size:12px;
    }
}


/* =========================================================
   JK TRADE LONG-TERM GOLD TREND V16.5
========================================================= */

.jkap-trend-card{
    margin-top:16px;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(34,27,20,.98),rgba(18,15,12,.98));
    border:1px solid #473728;
}

.jkap-trend-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:18px 18px 14px;
    border-bottom:1px solid #3a2d23;
}

.jkap-trend-kicker{
    display:block;
    margin-bottom:5px;
    color:#b99450;
    font:700 9px/1.3 Arial,sans-serif;
    letter-spacing:.18em;
}

.jkap-trend-head h3{
    margin:0;
    color:#ead39a;
    font-family:"Yu Mincho","Hiragino Mincho ProN",serif;
    font-size:20px;
    font-weight:600;
    line-height:1.35;
}

.jkap-trend-head p{
    margin:4px 0 0;
    color:#918578;
    font-size:10px;
    line-height:1.5;
}

.jkap-trend-current{
    text-align:right;
}

.jkap-trend-current small{
    display:block;
    margin-bottom:3px;
    color:#8f8377;
    font-size:9px;
    letter-spacing:.09em;
}

.jkap-trend-current strong{
    color:#f3eadc;
    font:700 22px/1.1 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-trend-current strong span{
    margin-left:3px;
    color:#b9aa96;
    font-size:10px;
    font-weight:600;
}

.jkap-trend-chart-wrap{
    padding:14px 14px 2px;
}

.jkap-trend-svg{
    display:block;
    width:100%;
    height:auto;
    min-height:220px;
}

.jkap-trend-grid{
    stroke:#3b3027;
    stroke-width:1;
}

.jkap-trend-line{
    fill:none;
    stroke:#c9a45b;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.jkap-trend-point{
    fill:#17130f;
    stroke:#e0bf72;
    stroke-width:2.4;
}

.jkap-trend-ylabel,
.jkap-trend-xlabel{
    fill:#84796e;
    font-family:Arial,"Yu Gothic",sans-serif;
    font-size:10px;
}

.jkap-trend-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0 18px 14px;
    border-top:1px solid #33281f;
    border-bottom:1px solid #33281f;
}

.jkap-trend-stats > div{
    padding:11px 12px;
    border-right:1px solid #33281f;
}

.jkap-trend-stats > div:last-child{
    border-right:0;
}

.jkap-trend-stats small{
    display:block;
    margin-bottom:4px;
    color:#84796e;
    font-size:9px;
}

.jkap-trend-stats strong{
    color:#ded1bf;
    font:700 12px/1.3 Arial,"Yu Gothic",sans-serif;
    font-variant-numeric:tabular-nums;
}

.jkap-trend-note{
    margin:0;
    padding:0 18px 17px;
    color:#81786f;
    font-size:9px;
    line-height:1.7;
}

/* Hide the old static chart while V16.5 is active */
.gold-chart-section,
.contentLeft > .gold-chart{
    display:none !important;
}

@media screen and (max-width:760px){
    .jkap-trend-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .jkap-trend-current{
        text-align:left;
    }

    .jkap-trend-svg{
        min-height:180px;
    }

    .jkap-trend-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-left:12px;
        margin-right:12px;
    }

    .jkap-trend-stats > div:nth-child(2){
        border-right:0;
    }

    .jkap-trend-stats > div:nth-child(-n+2){
        border-bottom:1px solid #33281f;
    }

    .jkap-trend-note{
        padding-left:12px;
        padding-right:12px;
    }
}