/**
 * ASSTHA SILVER RATES CSS - FIXED OVERRIDE
 */

#gold-price-bar {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    margin: 10px auto;
    
    /* Desktop Layout */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    
    box-sizing: border-box; 
    width: 95% !important;     
    max-width: 420px;       
    z-index: 9999;
    
    color: #333333;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#gold-price-bar .price-item {
    white-space: nowrap;
    display: inline-block; /* Essential to allow items to behave like text blocks */
}

/* MOBILE SPECIFIC OVERRIDE - Bumped to 767px to ensure it catches your Vivo Y36 */
@media (max-width: 767px) {
    #gold-price-bar {
        display: block !important;       /* Bypasses theme flex locks completely */
        text-align: center !important;   /* Centers stacked items */
        width: 90vw !important;          /* Forces it to be 90% of the actual screen width */
        padding: 8px !important;
        font-size: 11px !important;
    }
    
    #gold-price-bar .price-item {
        display: block !important;       /* Forces Buyback and Sell to distinct new lines */
        margin: 4px 0 !important;        /* Adds clean spacing between stacked rows */
    }
    
    #gold-price-bar .price-separator {
        display: none !important;        /* Completely drops the | line on mobile */
    }
}