/* =========================================================================================================================== */
/*                                            🧩 MARKETS – BTC – FIAT                                                          */
/*                                            📍 static/css/pages/markets/btc_fiat.css                                         */
/* =========================================================================================================================== */



/* Headline */
.headline-markets-btc-fiat {
    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,
        #4fc3ff 0%,
        #4fc3ff 65%,
        #ffffff 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 6px rgba(79,195,255,0.35);
}


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


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

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

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


/* Controls – Hover */
.markets-select-fiat:hover,
.markets-date-input-fiat:hover {
    border-color: rgba(79,195,255,0.65);
}


/* Controls – Focus */
.markets-select-fiat:focus,
.markets-date-input-fiat:focus {
    border-color: #4fc3ff;

    box-shadow:
        0 0 0.375rem rgba(79,195,255,0.35);
}


/* Controls – Date Picker */
.markets-date-input-fiat::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.2);
    opacity: 0.75;
}


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


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


/* Info Box */
.info-box-markets-btc-fiat {
    box-shadow:
        0 0 0 1px rgba(0,170,255,1),
        0 0 10px rgba(0,170,255,0.9);
}