/* =========================================================================================================================== */
/*                                            🧩 MARKETS – BTC – SILVER                                                        */
/*                                            📍 static/css/pages/markets/btc_silver.css                                       */
/* =========================================================================================================================== */



/* Headline */
.headline-markets-btc-silver {
    font-family: "Courier New", monospace;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.16em;

    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 1.25rem;

    background: linear-gradient(
        90deg,
        #c0c0c0 0%,
        #c0c0c0 60%,
        #f2f4f6 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,0.25),
        0 0 8px rgba(192,192,192,0.45);
}


/* Controls – Typography */
.markets-label-silver,
.markets-select-silver,
.markets-date-input-silver {
    font-family: "Courier New", monospace;
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    color: #e8edf2;
}


/* Controls – Inputs */
.markets-select-silver,
.markets-date-input-silver {
    background: rgba(15,15,15,0.85);

    border: 0.0625rem solid rgba(192,192,192,0.35);
    border-radius: 0.45rem;
    padding: 0.35rem 0.55rem;

    outline: none;
    transition: all 0.15s ease;
}


/* Controls – Hover */
.markets-select-silver:hover,
.markets-date-input-silver:hover {
    border-color: rgba(192,192,192,0.65);
}


/* Controls – Focus */
.markets-select-silver:focus,
.markets-date-input-silver:focus {
    border-color: #c0c0c0;

    box-shadow:
        0 0 0.375rem rgba(192,192,192,0.35);
}

/* Controls – Hidden */
.markets-control-hidden {
    display: none;
}

/* Layout – Container */
#MARKETS_BTC_VS_SILVER_CONTAINER {
    margin-bottom: 3rem;
}


/* Info Box */
.info-box-markets-btc-silver {
    box-shadow:
        0 0 0 1px rgba(192,192,192,1),
        0 0 12px rgba(192,192,192,0.85);
}