/*
Theme Name: PureMzine
Theme URI: https://puremzine.com/twentytwentyfive-child
Description: Pure M magazine Theme
Author: El Qugo
Author URI: https://puremzine.com
Template: twentytwentyfive
Version: 2.0.0
Text Domain: twentytwentyfive-child
*/

/* Body text */
body {
    font-family: 'Roboto', 'Inter', system-ui, sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', 'Inter', system-ui, sans-serif;
}

/* Music Chart Styles – Dark Theme Friendly */
.music-chart-wrapper {
    overflow-x: auto;
}

.music-chart {
    width: 100%;
    border-collapse: collapse;
    min-width: 320px;
    color: #eee; /* default text for dark background */
    font-family: sans-serif;
}

.music-chart th, .music-chart td {
    padding: 8px 12px;
    text-align: left;
    font-size: 14px;
}

.music-chart th {
    border-bottom: 2px solid #555;
}

.music-chart tr:nth-child(odd) { background: #222; }
.music-chart tr:nth-child(even) { background: #1a1a1a; }

.movement-up { color: #4caf50; font-weight: bold; } /* softer green */
.movement-down { color: #f44336; font-weight: bold; } /* softer red */
.movement-new { color: #03a9f4; font-weight: bold; } /* softer blue */
.movement-same { color: #aaa; }

.music-chart tr td strong { font-weight: bold; }

/* Highlight top 3 positions */
.music-chart tr:nth-child(-n+3) td { background: #333; }

/* Responsive for mobile */
@media (max-width: 600px) {
    .music-chart th:nth-child(2), .music-chart td:nth-child(2),
    .music-chart th:nth-child(3), .music-chart td:nth-child(3) {
        display: block;
        width: 100%;
    }

    .music-chart th, .music-chart td {
        font-size: 13px;
        padding: 6px 8px;
    }
}

/* Optional arrow bounce animation */
.movement-up::after {
    content: '';
    display: inline-block;
    animation: bounce 0.5s ease-in-out;
}

@keyframes bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
    100% { transform: translateY(0); }
}