/* --------------------------------
   GLOBAL STYLE
-----------------------------------*/
body {
    background: #f5f5f5;
    color: #222;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    margin: 0;
    padding-bottom: 40px;
}

/* --------------------------------
   HEADERS
-----------------------------------*/
h2 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 26px;
    color: #333;
}

/* --------------------------------
   NAVBAR
-----------------------------------*/
.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #ddd;
}

.navbar-brand {
    font-weight: 700;
    font-size: 22px;
    color: #333 !important;
}

.nav-link {
    color: #555 !important;
    margin-right: 15px;
    font-weight: 500;
}

.nav-link:hover {
    color: #000 !important;
}

/* --------------------------------
   BUTTONS
-----------------------------------*/
.btn-primary {
    background: #0066cc;
    border: none;
    font-weight: 600;
}

.btn-primary:hover {
    background: #004c99;
}

.btn-success {
    background: #00994d;
    border: none;
}

.btn-success:hover {
    background: #007a3d;
}

/* --------------------------------
   CARDS — Utwory
-----------------------------------*/
.card {
    background: #ffffff;
    border-radius: 10px;
    padding: 18px;
    border: 1px solid #e0e0e0;
    transition: 0.2s ease;
}

.card:hover {
    border-color: #bbb;
    box-shadow: 0 3px 10px rgba(0,0,0,0.07);
}

.card h5 {
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: 600;
    color: #222;
}

.card p {
    color: #666;
    margin-bottom: 10px;
}

/* --------------------------------
   AUDIO + MIDI PLAYER
-----------------------------------*/
audio, midi-player {
    width: 100%;
    margin-top: 10px;
}

/* --------------------------------
   IFRAME (piano / mixer)
-----------------------------------*/
iframe {
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
}

/* --------------------------------
   SPACING
-----------------------------------*/
.container {
    padding-top: 20px;
}