/* ==========================================================================
   Metal2K Radio Compact Side-by-Side VU Meter Layout
   ========================================================================== */

/* 1. Reset highcharts demo margins so they don't break your sidebar layout */
.highcharts-figure {
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* 2. Forces your Left and Right containers to sit side-by-side */
.meters-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;       /* Space between the left and right meter */
    margin: 15px auto !important;
    padding: 0 12px !important;  /* Margins inside your player block */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Re-scales each individual container footprint */
.vu-container {
    flex: 1 !important;         /* Makes left and right split the width 50/50 */
    height: 100px !important;    /* Forces the shrunken 100px vertical footprint */
    background: transparent !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}