:root {
    --ar-gold: #ffc247;
    --ar-orange: #ff9900;
    --ar-dark: #0b0b10;
    --ar-dark-2: #14141d;
    --ar-dark-3: #1d1d29;
    --ar-white: #ffffff;
    --ar-soft: #b9bdcc;
    --ar-border: rgba(255,255,255,0.08);
    --ar-glow: 0 0 25px rgba(255, 153, 0, 0.28);
}

/* Algemene site achtergrond met subtiele AI wave sfeer */
html,
body {
    min-height: 100%;
    background:
        radial-gradient(circle at 15% 10%, rgba(255, 194, 71, 0.22), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(255, 153, 0, 0.18), transparent 32%),
        radial-gradient(circle at 50% 90%, rgba(255, 194, 71, 0.10), transparent 35%),
        repeating-linear-gradient(
            115deg,
            rgba(255, 194, 71, 0.08) 0px,
            rgba(255, 194, 71, 0.03) 2px,
            transparent 8px,
            transparent 34px
        ),
        linear-gradient(180deg, #0b0b10 0%, #14141d 100%) !important;
    color: var(--ar-white) !important;
}

/* Links */
a {
    color: var(--ar-gold) !important;
}

a:hover {
    color: var(--ar-orange) !important;
    text-decoration: none !important;
}

/* Knoppen */
.btn-main,
.btn-primary,
.btn-mat,
button[type="submit"],
input[type="submit"] {
    background: linear-gradient(135deg, var(--ar-orange), var(--ar-gold)) !important;
    border: none !important;
    color: #111 !important;
    font-weight: 700 !important;
    box-shadow: var(--ar-glow);
    border-radius: 10px !important;
}

.btn-main:hover,
.btn-primary:hover,
.btn-mat:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg, var(--ar-gold), var(--ar-orange)) !important;
    color: #111 !important;
    transform: translateY(-1px);
}

/* Header / navigatie */
header,
.navbar,
.ma_home_nav,
.main-header {
    background: rgba(11, 11, 16, 0.94) !important;
    border-bottom: 1px solid var(--ar-border) !important;
    backdrop-filter: blur(10px);
}

/* Cards / blokken */
.card,
.ma_card,
.sidebar,
.dropdown-menu,
.jumbotron,
.content,
.main,
.user-profile,
.setting-panel,
.ma_home_features,
.opt_box {
    background: rgba(20, 20, 29, 0.90) !important;
    border: 1px solid var(--ar-border) !important;
    color: var(--ar-white) !important;
    border-radius: 14px !important;
    box-shadow: 0 0 30px rgba(255, 153, 0, 0.05) !important;
}

/* Pagina containers iets transparant zodat achtergrond zichtbaar blijft */
.ma_page_content,
.main-content,
.container-fluid {
    background: transparent !important;
}

/* Muziekkaarten */
.song_list,
.feed_post,
.post {
    background: rgba(25, 25, 34, 0.90) !important;
    border: 1px solid rgba(255, 194, 71, 0.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 0 25px rgba(255, 153, 0, 0.04) !important;
}

/* Formulieren */
input,
textarea,
select,
.form-control {
    background: var(--ar-dark-3) !important;
    color: #fff !important;
    border: 1px solid var(--ar-border) !important;
    border-radius: 10px !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--ar-soft) !important;
}

/* Titels */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
}

/* Zachte tekst */
p,
small,
.text-muted {
    color: var(--ar-soft) !important;
}

/* Iconen */
i,
svg {
    color: var(--ar-gold);
}

/* Actieve menu-items */
.sidebar a.active,
.sidebar li.active a,
.left-sidebar a.active,
.left-sidebar li.active a {
    color: var(--ar-gold) !important;
    text-shadow: 0 0 12px rgba(255, 194, 71, 0.35);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0b0b10;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--ar-orange), var(--ar-gold));
    border-radius: 10px;
}

/* Airecords achtergrond ook op de zichtbare DeepSound containers */
body,
.ma_page_content,
.main-content,
.content,
.main,
#main,
.page-margin,
.container-fluid {
    background:
        radial-gradient(circle at 15% 10%, rgba(255, 194, 71, 0.20), transparent 28%),
        radial-gradient(circle at 90% 25%, rgba(255, 153, 0, 0.16), transparent 32%),
        repeating-linear-gradient(
            115deg,
            rgba(255, 194, 71, 0.10) 0px,
            rgba(255, 194, 71, 0.04) 2px,
            transparent 9px,
            transparent 38px
        ),
        linear-gradient(180deg, #08080d 0%, #14141d 100%) !important;
    background-attachment: fixed !important;
}

/* Grote witte/donkere overlays transparanter maken */
.wrapper,
.main-wrapper,
.content-wrapper,
.ma_content,
.ma_page_content {
    background-color: transparent !important;
}

/* Losse blokken blijven wel donker en leesbaar */
.card,
.ma_card,
.sidebar,
.dropdown-menu,
.jumbotron,
.user-profile,
.setting-panel,
.opt_box,
.song_list,
.feed_post,
.post {
    background: rgba(20, 20, 29, 0.88) !important;
    backdrop-filter: blur(6px);
}

/* Echte Airecords wave background */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.38;
    background:
        radial-gradient(circle at 15% 15%, rgba(255, 194, 71, 0.14), transparent 28%),
        radial-gradient(circle at 85% 20%, rgba(255, 153, 0, 0.10), transparent 30%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M0 190 C120 130 240 250 360 190 S600 130 720 190 S960 250 1080 190 S1320 130 1440 190 S1560 250 1600 190' stroke='%23ffc247' stroke-width='4' opacity='0.20'/%3E%3Cpath d='M0 310 C120 250 240 370 360 310 S600 250 720 310 S960 370 1080 310 S1320 250 1440 310 S1560 370 1600 310' stroke='%23ff9900' stroke-width='3' opacity='0.18'/%3E%3Cpath d='M0 430 C120 370 240 490 360 430 S600 370 720 430 S960 490 1080 430 S1320 370 1440 430 S1560 490 1600 430' stroke='%23ffc247' stroke-width='3' opacity='0.16'/%3E%3Cpath d='M0 550 C120 490 240 610 360 550 S600 490 720 550 S960 610 1080 550 S1320 490 1440 550 S1560 610 1600 550' stroke='%23ff9900' stroke-width='2.5' opacity='0.14'/%3E%3Cpath d='M0 670 C120 610 240 730 360 670 S600 610 720 670 S960 730 1080 670 S1320 610 1440 670 S1560 730 1600 670' stroke='%23ffc247' stroke-width='2.5' opacity='0.12'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: cover, cover, cover;
    background-position: center, center, center;
}

/* Airecords echte muziek-wave achtergrond */
body,
.ma_page_content,
.main-content,
.content,
.main,
#main,
.page-margin,
.container-fluid {
    background:
        radial-gradient(circle at 15% 15%, rgba(255, 194, 71, 0.18), transparent 28%),
        radial-gradient(circle at 85% 20%, rgba(255, 153, 0, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(8,8,13,0.92), rgba(20,20,29,0.96)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Crect width='1600' height='900' fill='%2308080d'/%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-50 180 C120 80 260 280 430 180 S740 80 910 180 S1220 280 1390 180 S1680 80 1850 180' stroke='%23ffc247' stroke-width='5' opacity='0.22'/%3E%3Cpath d='M-50 280 C120 180 260 380 430 280 S740 180 910 280 S1220 380 1390 280 S1680 180 1850 280' stroke='%23ff9900' stroke-width='4' opacity='0.20'/%3E%3Cpath d='M-50 390 C120 290 260 490 430 390 S740 290 910 390 S1220 490 1390 390 S1680 290 1850 390' stroke='%23ffc247' stroke-width='3.5' opacity='0.18'/%3E%3Cpath d='M-50 510 C120 410 260 610 430 510 S740 410 910 510 S1220 610 1390 510 S1680 410 1850 510' stroke='%23ff9900' stroke-width='3' opacity='0.16'/%3E%3Cpath d='M-50 640 C120 540 260 740 430 640 S740 540 910 640 S1220 740 1390 640 S1680 540 1850 640' stroke='%23ffc247' stroke-width='2.5' opacity='0.14'/%3E%3C/g%3E%3Cg opacity='0.18'%3E%3Ccircle cx='260' cy='210' r='4' fill='%23ffc247'/%3E%3Ccircle cx='760' cy='340' r='3' fill='%23ff9900'/%3E%3Ccircle cx='1190' cy='470' r='4' fill='%23ffc247'/%3E%3Ccircle cx='1380' cy='260' r='3' fill='%23ff9900'/%3E%3C/g%3E%3C/svg%3E") center center / cover fixed no-repeat !important;
}

/* Zorg dat inhoud boven de achtergrond blijft */
header,
nav,
.sidebar,
.ma_page_content > *,
.main-content > *,
.content > *,
.main > *,
.container-fluid > *,
.player,
footer {
    position: relative;
    z-index: 2;
}

/* Blokken blijven donker en leesbaar */
.card,
.ma_card,
.song_list,
.feed_post,
.post,
.dropdown-menu,
.jumbotron,
.user-profile,
.setting-panel,
.opt_box {
    background: rgba(20, 20, 29, 0.88) !important;
    border: 1px solid rgba(255, 194, 71, 0.10) !important;
    backdrop-filter: blur(6px);
}

/* Airecords duidelijkere muziek-wave achtergrond */
body,
.ma_page_content,
.main-content,
.content,
.main,
#main,
.page-margin,
.container-fluid {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 150 C120 30 280 270 480 150 S840 30 1040 150 S1400 270 1680 150' stroke='%23ffc247' stroke-width='8' opacity='0.42'/%3E%3Cpath d='M-80 260 C120 140 280 380 480 260 S840 140 1040 260 S1400 380 1680 260' stroke='%23ff9900' stroke-width='7' opacity='0.36'/%3E%3Cpath d='M-80 380 C120 260 280 500 480 380 S840 260 1040 380 S1400 500 1680 380' stroke='%23ffc247' stroke-width='6' opacity='0.32'/%3E%3Cpath d='M-80 510 C120 390 280 630 480 510 S840 390 1040 510 S1400 630 1680 510' stroke='%23ff9900' stroke-width='5' opacity='0.28'/%3E%3Cpath d='M-80 650 C120 530 280 770 480 650 S840 530 1040 650 S1400 770 1680 650' stroke='%23ffc247' stroke-width='4' opacity='0.24'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 15% 15%, rgba(255, 194, 71, 0.20), transparent 30%),
        radial-gradient(circle at 85% 25%, rgba(255, 153, 0, 0.16), transparent 35%),
        linear-gradient(180deg, #08080d 0%, #161620 100%) !important;

    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Iets minder donkere overlay zodat de waves zichtbaar blijven */
.ma_page_content,
.main-content,
.content,
.main,
.container-fluid {
    background-color: rgba(10, 10, 15, 0.72) !important;
}

/* Blokken wel goed leesbaar houden */
.card,
.ma_card,
.song_list,
.feed_post,
.post,
.dropdown-menu,
.jumbotron,
.user-profile,
.setting-panel,
.opt_box {
    background: rgba(20, 20, 29, 0.90) !important;
    border: 1px solid rgba(255, 194, 71, 0.12) !important;
}

/* Airecords responsive background voor tablets en mobiel */
@media (max-width: 1024px) {
    body,
    .ma_page_content,
    .main-content,
    .content,
    .main,
    #main,
    .page-margin,
    .container-fluid {
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1400' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-120 180 C80 80 250 300 450 180 S820 80 1020 180' stroke='%23ffc247' stroke-width='5' opacity='0.30'/%3E%3Cpath d='M-120 340 C80 240 250 460 450 340 S820 240 1020 340' stroke='%23ff9900' stroke-width='4' opacity='0.25'/%3E%3Cpath d='M-120 520 C80 420 250 640 450 520 S820 420 1020 520' stroke='%23ffc247' stroke-width='4' opacity='0.22'/%3E%3Cpath d='M-120 720 C80 620 250 840 450 720 S820 620 1020 720' stroke='%23ff9900' stroke-width='3' opacity='0.18'/%3E%3Cpath d='M-120 960 C80 860 250 1080 450 960 S820 860 1020 960' stroke='%23ffc247' stroke-width='3' opacity='0.15'/%3E%3C/g%3E%3C/svg%3E"),
            radial-gradient(circle at 50% 10%, rgba(255, 194, 71, 0.16), transparent 35%),
            linear-gradient(180deg, #08080d 0%, #14141d 100%) !important;

        background-size: 150% auto, cover, cover !important;
        background-position: center top, center top, center top !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }
}

/* Speciaal voor iPhone / kleine schermen */
@media (max-width: 600px) {
    body,
    .ma_page_content,
    .main-content,
    .content,
    .main,
    #main,
    .page-margin,
    .container-fluid {
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430 1200' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-160 160 C-20 70 120 250 260 160 S520 70 660 160' stroke='%23ffc247' stroke-width='3.5' opacity='0.25'/%3E%3Cpath d='M-160 330 C-20 240 120 420 260 330 S520 240 660 330' stroke='%23ff9900' stroke-width='3' opacity='0.21'/%3E%3Cpath d='M-160 520 C-20 430 120 610 260 520 S520 430 660 520' stroke='%23ffc247' stroke-width='2.8' opacity='0.18'/%3E%3Cpath d='M-160 760 C-20 670 120 850 260 760 S520 670 660 760' stroke='%23ff9900' stroke-width='2.4' opacity='0.14'/%3E%3C/g%3E%3C/svg%3E"),
            radial-gradient(circle at 50% 5%, rgba(255, 194, 71, 0.12), transparent 40%),
            linear-gradient(180deg, #08080d 0%, #14141d 100%) !important;

        background-size: 170% auto, cover, cover !important;
        background-position: center top, center top, center top !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    .card,
    .ma_card,
    .song_list,
    .feed_post,
    .post,
    .dropdown-menu,
    .jumbotron,
    .user-profile,
    .setting-panel,
    .opt_box {
        background: rgba(20, 20, 29, 0.94) !important;
    }
}

/* Airecords premium muziekkaarten */
.song_list,
.feed_post,
.post,
.track_list,
.music_list,
.ma_song_list,
.artist_list {
    background: linear-gradient(145deg, rgba(28,28,38,0.96), rgba(14,14,20,0.96)) !important;
    border: 1px solid rgba(255, 194, 71, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.35), 0 0 18px rgba(255,153,0,0.04) !important;
    transition: all 0.25s ease-in-out;
}

.song_list:hover,
.feed_post:hover,
.post:hover,
.track_list:hover,
.music_list:hover,
.ma_song_list:hover {
    border-color: rgba(255, 194, 71, 0.32) !important;
    box-shadow: 0 16px 45px rgba(0,0,0,0.45), 0 0 25px rgba(255,153,0,0.12) !important;
    transform: translateY(-2px);
}

/* Track titels */
.song_list h3,
.song_list h4,
.feed_post h3,
.feed_post h4,
.post h3,
.post h4,
.track_list h3,
.track_list h4,
.music_list h3,
.music_list h4 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Artiestnaam / metadata */
.song_list small,
.feed_post small,
.post small,
.track_list small,
.music_list small,
.song_list .text-muted,
.feed_post .text-muted,
.post .text-muted {
    color: #c7c9d6 !important;
}

/* Kleine gouden accent-iconen bij tracks */
.song_list i,
.feed_post i,
.post i,
.track_list i,
.music_list i,
.song_list svg,
.feed_post svg,
.post svg {
    color: #ffc247 !important;
}

/* Airecords player onderin premium */
.player,
.player_wrapper,
.audio-player,
#player,
.fixed-player,
.ma_player {
    background: linear-gradient(180deg, rgba(24,24,34,0.98), rgba(10,10,16,0.98)) !important;
    border-top: 1px solid rgba(255, 194, 71, 0.22) !important;
    box-shadow: 0 -10px 35px rgba(0,0,0,0.55), 0 -2px 25px rgba(255,153,0,0.08) !important;
}

/* Player knoppen */
.player button,
.player .btn,
.player i,
.player svg,
.audio-player button,
.audio-player i,
.ma_player button,
.ma_player i {
    color: #ffc247 !important;
}

/* Play knop extra opvallend */
.player .play,
.player .play_pause,
.player .jp-play,
.player .btn-play,
.ma_player .play,
.ma_player .play_pause {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 20px rgba(255, 194, 71, 0.35) !important;
}

/* Progress bar / volume accenten */
.player input[type="range"],
.audio-player input[type="range"],
.ma_player input[type="range"] {
    accent-color: #ffc247 !important;
}

/* Mobiel: player iets rustiger */
@media (max-width: 600px) {
    .player,
    .player_wrapper,
    .audio-player,
    #player,
    .fixed-player,
    .ma_player {
        background: rgba(12,12,18,0.98) !important;
        border-top: 1px solid rgba(255, 194, 71, 0.18) !important;
    }

    .song_list,
    .feed_post,
    .post,
    .track_list,
    .music_list,
    .ma_song_list {
        border-radius: 12px !important;
        transform: none !important;
    }
}

/* Airecords premium homepage secties */
.ma_home_content,
.home_content,
.home_section,
.ma_home_features,
.ma_home_artists,
.ma_home_songs,
.recently_played,
.weekly_top,
.top_tracks,
.latest_songs,
.discover_music {
    background: linear-gradient(145deg, rgba(20,20,30,0.94), rgba(10,10,16,0.94)) !important;
    border: 1px solid rgba(255, 194, 71, 0.10) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 40px rgba(0,0,0,0.35), 0 0 22px rgba(255,153,0,0.05) !important;
    padding: 18px !important;
}

/* Homepage titels */
.ma_home_content h2,
.ma_home_content h3,
.home_content h2,
.home_content h3,
.home_section h2,
.home_section h3,
.recently_played h2,
.recently_played h3,
.weekly_top h2,
.weekly_top h3,
.top_tracks h2,
.top_tracks h3,
.latest_songs h2,
.latest_songs h3 {
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px;
}

/* Gouden lijntje onder sectietitels */
.ma_home_content h2::after,
.ma_home_content h3::after,
.home_section h2::after,
.home_section h3::after,
.recently_played h2::after,
.recently_played h3::after,
.weekly_top h2::after,
.weekly_top h3::after,
.top_tracks h2::after,
.top_tracks h3::after,
.latest_songs h2::after,
.latest_songs h3::after {
    content: "";
    display: block;
    width: 52px;
    height: 3px;
    margin-top: 8px;
    border-radius: 3px;
    background: linear-gradient(90deg, #ff9900, #ffc247);
    box-shadow: 0 0 14px rgba(255, 194, 71, 0.35);
}

/* Track images / covers mooier */
.song_list img,
.track_list img,
.music_list img,
.ma_song_list img,
.feed_post img,
.post img {
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}

/* Hover op covers */
.song_list img:hover,
.track_list img:hover,
.music_list img:hover,
.ma_song_list img:hover {
    filter: brightness(1.08) contrast(1.05);
}

/* Rechter widgets / zijblokken */
.right-sidebar,
.right_sidebar,
.sidebar_right,
.sidebar .widget,
.widget,
.ma_sidebar_widget {
    background: linear-gradient(145deg, rgba(22,22,32,0.94), rgba(12,12,18,0.94)) !important;
    border: 1px solid rgba(255, 194, 71, 0.10) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.32) !important;
}

/* Kleine labels en badges */
.badge,
.label,
.tag,
.song_tag {
    background: rgba(255, 194, 71, 0.14) !important;
    color: #ffc247 !important;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 999px !important;
}

/* Mobiel: homepage blokken iets compacter */
@media (max-width: 600px) {
    .ma_home_content,
    .home_content,
    .home_section,
    .ma_home_features,
    .ma_home_artists,
    .ma_home_songs,
    .recently_played,
    .weekly_top,
    .top_tracks,
    .latest_songs,
    .discover_music {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .ma_home_content h2::after,
    .ma_home_content h3::after,
    .home_section h2::after,
    .home_section h3::after {
        width: 42px;
    }
}

/* Airecords finetune achtergrond: rustiger en luxer */
body,
.ma_page_content,
.main-content,
.content,
.main,
#main,
.page-margin,
.container-fluid {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 150 C120 30 280 270 480 150 S840 30 1040 150 S1400 270 1680 150' stroke='%23ffc247' stroke-width='5' opacity='0.24'/%3E%3Cpath d='M-80 260 C120 140 280 380 480 260 S840 140 1040 260 S1400 380 1680 260' stroke='%23ff9900' stroke-width='4' opacity='0.20'/%3E%3Cpath d='M-80 390 C120 270 280 510 480 390 S840 270 1040 390 S1400 510 1680 390' stroke='%23ffc247' stroke-width='4' opacity='0.18'/%3E%3Cpath d='M-80 540 C120 420 280 660 480 540 S840 420 1040 540 S1400 660 1680 540' stroke='%23ff9900' stroke-width='3.5' opacity='0.16'/%3E%3Cpath d='M-80 700 C120 580 280 820 480 700 S840 580 1040 700 S1400 820 1680 700' stroke='%23ffc247' stroke-width='3' opacity='0.14'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 20% 12%, rgba(255, 194, 71, 0.12), transparent 30%),
        radial-gradient(circle at 85% 25%, rgba(255, 153, 0, 0.10), transparent 35%),
        linear-gradient(180deg, #07070c 0%, #15151f 100%) !important;

    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Content iets donkerder zodat covers en tekst beter loskomen */
.song_list,
.feed_post,
.post,
.track_list,
.music_list,
.ma_song_list {
    background: rgba(18, 18, 26, 0.94) !important;
    border: 1px solid rgba(255, 194, 71, 0.14) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.42), 0 0 18px rgba(255,153,0,0.06) !important;
}

/* Actieve menu item iets subtieler */
.sidebar li.active,
.left-sidebar li.active,
.sidebar a.active,
.left-sidebar a.active {
    background: rgba(255, 194, 71, 0.16) !important;
    color: #ffc247 !important;
}

/* Player nog iets chiquer */
.player,
.player_wrapper,
.audio-player,
#player,
.fixed-player,
.ma_player {
    border-top: 1px solid rgba(255, 194, 71, 0.28) !important;
    box-shadow: 0 -12px 35px rgba(0,0,0,0.65), 0 -2px 18px rgba(255,153,0,0.10) !important;
}

/* Airecords sidebar actieve balk beter leesbaar maken */
.sidebar li.active,
.sidebar li.active a,
.left-sidebar li.active,
.left-sidebar li.active a,
.sidebar ul li.active,
.left-sidebar ul li.active {
    background: linear-gradient(90deg, rgba(20,20,29,0.96), rgba(32,32,42,0.96)) !important;
    color: #ffc247 !important;
    border-left: 4px solid #ffc247 !important;
    box-shadow: inset 0 0 18px rgba(255, 194, 71, 0.08) !important;
}

/* Tekst en iconen in actieve sidebar item */
.sidebar li.active a,
.left-sidebar li.active a,
.sidebar li.active span,
.left-sidebar li.active span,
.sidebar li.active i,
.left-sidebar li.active i,
.sidebar li.active svg,
.left-sidebar li.active svg {
    color: #ffc247 !important;
    fill: #ffc247 !important;
}

/* Hover menu-items niet meer fel geel */
.sidebar li:hover,
.left-sidebar li:hover,
.sidebar ul li:hover,
.left-sidebar ul li:hover {
    background: rgba(255, 194, 71, 0.08) !important;
}

/* Hover tekst zichtbaar houden */
.sidebar li:hover a,
.left-sidebar li:hover a,
.sidebar li:hover span,
.left-sidebar li:hover span,
.sidebar li:hover i,
.left-sidebar li:hover i {
    color: #ffc247 !important;
}

/* Extra: voorkom dat theme-kleur een volle gele balk maakt */
.sidebar a.active,
.left-sidebar a.active,
.sidebar .active,
.left-sidebar .active {
    background-color: rgba(20,20,29,0.96) !important;
}

/* Airecords premium topbar / search */
header,
.navbar,
.ma_header,
.main-header,
.topbar,
.header {
    background: rgba(8, 8, 13, 0.96) !important;
    border-bottom: 1px solid rgba(255, 194, 71, 0.12) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.35) !important;
}

/* Zoekbalk */
header input[type="text"],
.navbar input[type="text"],
.ma_header input[type="text"],
.main-header input[type="text"],
.topbar input[type="text"],
.header input[type="text"],
.search-container input,
.search-input,
#search {
    background: rgba(22, 22, 32, 0.95) !important;
    border: 1px solid rgba(255, 194, 71, 0.16) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: inset 0 0 18px rgba(0,0,0,0.35), 0 0 18px rgba(255,153,0,0.04) !important;
}

/* Placeholder tekst */
header input[type="text"]::placeholder,
.navbar input[type="text"]::placeholder,
.ma_header input[type="text"]::placeholder,
.main-header input[type="text"]::placeholder,
.topbar input[type="text"]::placeholder,
.header input[type="text"]::placeholder,
.search-container input::placeholder,
.search-input::placeholder,
#search::placeholder {
    color: #b9bdcc !important;
}

/* Zoekbalk focus */
header input[type="text"]:focus,
.navbar input[type="text"]:focus,
.ma_header input[type="text"]:focus,
.main-header input[type="text"]:focus,
.topbar input[type="text"]:focus,
.header input[type="text"]:focus,
.search-container input:focus,
.search-input:focus,
#search:focus {
    border-color: #ffc247 !important;
    box-shadow: 0 0 0 2px rgba(255,194,71,0.12), 0 0 22px rgba(255,153,0,0.18) !important;
    outline: none !important;
}

/* Top icon knoppen rechtsboven */
header .btn,
.navbar .btn,
.ma_header .btn,
.main-header .btn,
.topbar .btn,
.header .btn,
header .icon,
.navbar .icon,
.ma_header .icon,
.main-header .icon,
.topbar .icon,
.header .icon {
    background: rgba(255, 194, 71, 0.08) !important;
    color: #ffc247 !important;
    border-radius: 12px !important;
    transition: all 0.2s ease-in-out;
}

/* Top icon hover */
header .btn:hover,
.navbar .btn:hover,
.ma_header .btn:hover,
.main-header .btn:hover,
.topbar .btn:hover,
.header .btn:hover,
header .icon:hover,
.navbar .icon:hover,
.ma_header .icon:hover,
.main-header .icon:hover,
.topbar .icon:hover,
.header .icon:hover {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    box-shadow: 0 0 18px rgba(255,194,71,0.35) !important;
    transform: translateY(-1px);
}

/* SVG / iconen in topbar */
header svg,
.navbar svg,
.ma_header svg,
.main-header svg,
.topbar svg,
.header svg,
header i,
.navbar i,
.ma_header i,
.main-header i,
.topbar i,
.header i {
    color: #ffc247 !important;
    fill: #ffc247 !important;
}

/* Hover iconen donker houden als knop goud wordt */
header .btn:hover svg,
.navbar .btn:hover svg,
.ma_header .btn:hover svg,
.main-header .btn:hover svg,
.topbar .btn:hover svg,
.header .btn:hover svg,
header .btn:hover i,
.navbar .btn:hover i,
.ma_header .btn:hover i,
.main-header .btn:hover i,
.topbar .btn:hover i,
.header .btn:hover i {
    color: #111 !important;
    fill: #111 !important;
}

/* Profielfoto rechtsboven netjes */
header img,
.navbar img,
.ma_header img,
.main-header img,
.topbar img,
.header img {
    border-radius: 50%;
}

/* Mobiel topbar rustiger */
@media (max-width: 600px) {
    header,
    .navbar,
    .ma_header,
    .main-header,
    .topbar,
    .header {
        background: rgba(8, 8, 13, 0.98) !important;
    }

    header input[type="text"],
    .navbar input[type="text"],
    .ma_header input[type="text"],
    .main-header input[type="text"],
    .topbar input[type="text"],
    .header input[type="text"],
    .search-container input,
    .search-input,
    #search {
        border-radius: 10px !important;
        font-size: 14px !important;
    }
}

/* Airecords topbar finetune */
header input[type="text"],
.navbar input[type="text"],
.ma_header input[type="text"],
.main-header input[type="text"],
.topbar input[type="text"],
.header input[type="text"],
.search-container input,
.search-input,
#search {
    height: 46px !important;
    border-radius: 12px !important;
    background: rgba(18, 18, 28, 0.92) !important;
    border: 1px solid rgba(255, 194, 71, 0.22) !important;
}

/* Iconknoppen subtieler maken */
header .btn,
.navbar .btn,
.ma_header .btn,
.main-header .btn,
.topbar .btn,
.header .btn,
header .icon,
.navbar .icon,
.ma_header .icon,
.main-header .icon,
.topbar .icon,
.header .icon {
    background: rgba(255, 194, 71, 0.06) !important;
    box-shadow: none !important;
}

/* Actieve/hover iconknop mooi goud houden */
header .btn:hover,
.navbar .btn:hover,
.ma_header .btn:hover,
.main-header .btn:hover,
.topbar .btn:hover,
.header .btn:hover,
header .icon:hover,
.navbar .icon:hover,
.ma_header .icon:hover,
.main-header .icon:hover,
.topbar .icon:hover,
.header .icon:hover {
    background: rgba(255, 194, 71, 0.16) !important;
    color: #ffc247 !important;
    box-shadow: 0 0 16px rgba(255,194,71,0.22) !important;
}

/* Airecords premium track cards finetune */
.song_list,
.track_list,
.music_list,
.ma_song_list,
.feed_post .song_list,
.recently_played .song_list {
    overflow: hidden !important;
    position: relative !important;
}

/* Subtiele gouden rand bij hover */
.song_list::before,
.track_list::before,
.music_list::before,
.ma_song_list::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    border: 1px solid transparent;
    transition: all 0.25s ease-in-out;
}

.song_list:hover::before,
.track_list:hover::before,
.music_list:hover::before,
.ma_song_list:hover::before {
    border-color: rgba(255, 194, 71, 0.35);
    box-shadow: inset 0 0 22px rgba(255, 153, 0, 0.08);
}

/* Covers mooier en consistenter */
.song_list img,
.track_list img,
.music_list img,
.ma_song_list img {
    border-radius: 12px !important;
    object-fit: cover !important;
    transition: all 0.25s ease-in-out;
}

/* Cover hover iets levendiger */
.song_list:hover img,
.track_list:hover img,
.music_list:hover img,
.ma_song_list:hover img {
    filter: brightness(1.08) contrast(1.06) saturate(1.08);
}

/* Track titel */
.song_list a,
.track_list a,
.music_list a,
.ma_song_list a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Track titel hover */
.song_list a:hover,
.track_list a:hover,
.music_list a:hover,
.ma_song_list a:hover {
    color: #ffc247 !important;
}

/* Artiestnaam / subtekst */
.song_list .artist,
.track_list .artist,
.music_list .artist,
.ma_song_list .artist,
.song_list small,
.track_list small,
.music_list small,
.ma_song_list small,
.song_list .text-muted,
.track_list .text-muted,
.music_list .text-muted,
.ma_song_list .text-muted {
    color: #b9bdcc !important;
    font-weight: 500 !important;
}

/* Verified badge iets meer premium */
.verified,
.verification_badge,
.artist-verified,
img[src*="verified"],
svg[title*="verified"] {
    filter: drop-shadow(0 0 6px rgba(255, 194, 71, 0.45));
}

/* Play overlay / play button op covers */
.song_list .play_btn,
.track_list .play_btn,
.music_list .play_btn,
.ma_song_list .play_btn,
.play_btn,
.play-button,
.btn-play {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 18px rgba(255, 194, 71, 0.35) !important;
}

/* Duur/tijd icoontjes */
.song_list .duration,
.track_list .duration,
.music_list .duration,
.ma_song_list .duration,
.duration,
.time {
    color: #d6d8e3 !important;
}

/* Kleine menu dots rechts in cards */
.song_list .dropdown-toggle,
.track_list .dropdown-toggle,
.music_list .dropdown-toggle,
.ma_song_list .dropdown-toggle,
.song_list .dropdown,
.track_list .dropdown,
.music_list .dropdown,
.ma_song_list .dropdown {
    color: #ffc247 !important;
}

/* Recently played cards iets strakker naast elkaar */
.recently_played .song_list,
.recently_played .track_list,
.recently_played .music_list,
.recently_played .ma_song_list {
    border-radius: 14px !important;
}

/* Mobiel: cards niet te zwaar */
@media (max-width: 600px) {
    .song_list,
    .track_list,
    .music_list,
    .ma_song_list {
        border-radius: 12px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
    }

    .song_list:hover,
    .track_list:hover,
    .music_list:hover,
    .ma_song_list:hover {
        transform: none !important;
    }
}

/* Airecords carousel play buttons rustiger maken */

/* Grote ovale overlays in carousel verwijderen/verkleinen */
.owl-carousel .play_btn,
.owl-carousel .play-button,
.owl-carousel .btn-play,
.owl-carousel .jp-play,
.owl-carousel .play,
.carousel .play_btn,
.carousel .play-button,
.carousel .btn-play,
.carousel .jp-play,
.carousel .play,
.swiper .play_btn,
.swiper .play-button,
.swiper .btn-play,
.swiper .jp-play,
.swiper .play {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;

    border-radius: 50% !important;
    background: rgba(255, 194, 71, 0.88) !important;
    color: #111 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 0 18px rgba(255, 194, 71, 0.28) !important;
    transform: none !important;
}

/* Voorkom dat play buttons als ovaal worden uitgerekt */
.owl-carousel .play_btn *,
.owl-carousel .play-button *,
.owl-carousel .btn-play *,
.carousel .play_btn *,
.carousel .play-button *,
.carousel .btn-play *,
.swiper .play_btn *,
.swiper .play-button *,
.swiper .btn-play * {
    width: auto !important;
    height: auto !important;
}

/* Play icoon zelf kleiner */
.owl-carousel .play_btn i,
.owl-carousel .play-button i,
.owl-carousel .btn-play i,
.owl-carousel .play_btn svg,
.owl-carousel .play-button svg,
.owl-carousel .btn-play svg,
.carousel .play_btn i,
.carousel .play-button i,
.carousel .btn-play i,
.carousel .play_btn svg,
.carousel .play-button svg,
.carousel .btn-play svg,
.swiper .play_btn i,
.swiper .play-button i,
.swiper .btn-play i,
.swiper .play_btn svg,
.swiper .play-button svg,
.swiper .btn-play svg {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    color: #111 !important;
    fill: #111 !important;
}

/* Als het carousel een aparte overlay gebruikt: rustiger maken */
.owl-carousel .song_play,
.owl-carousel .track_play,
.owl-carousel .play_overlay,
.carousel .song_play,
.carousel .track_play,
.carousel .play_overlay,
.swiper .song_play,
.swiper .track_play,
.swiper .play_overlay {
    background: rgba(255, 194, 71, 0.86) !important;
    border-radius: 50% !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
}

/* Covers in carousel niet laten vervormen */
.owl-carousel img,
.carousel img,
.swiper img {
    object-fit: cover !important;
    border-radius: 12px !important;
}

/* Carousel item iets cleaner */
.owl-carousel .item,
.carousel .item,
.swiper-slide {
    overflow: hidden !important;
}

/* Mobiel: play knop nog kleiner */
@media (max-width: 600px) {
    .owl-carousel .play_btn,
    .owl-carousel .play-button,
    .owl-carousel .btn-play,
    .owl-carousel .jp-play,
    .owl-carousel .play,
    .carousel .play_btn,
    .carousel .play-button,
    .carousel .btn-play,
    .carousel .jp-play,
    .carousel .play,
    .swiper .play_btn,
    .swiper .play-button,
    .swiper .btn-play,
    .swiper .jp-play,
    .swiper .play {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
    }

    .owl-carousel .play_btn i,
    .owl-carousel .play-button i,
    .owl-carousel .btn-play i,
    .owl-carousel .play_btn svg,
    .owl-carousel .play-button svg,
    .owl-carousel .btn-play svg {
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }
}

/* Airecords pagina banners */
.airecords-page-banner {
    width: 680px !important;
    height: 190px !important;
    max-width: 100% !important;
    margin: 0 auto 35px auto !important;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.22);
    box-shadow: 0 18px 45px rgba(0,0,0,0.45), 0 0 28px rgba(255,153,0,0.10);
    background: #0b0b10;
}

.airecords-page-banner img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover !important;
    object-position: center !important;
}

/* Mobiel responsive */
@media (max-width: 700px) {
    .airecords-page-banner {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 680 / 190;
        border-radius: 14px;
        margin-bottom: 25px !important;
    }

    .airecords-page-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}
@media (max-width: 700px) {
    .airecords-page-banner {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 680 / 190 !important;
    }

    .airecords-page-banner img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* Airecords banner volledig zichtbaar houden */
.airecords-page-banner img {
    object-fit: contain !important;
    object-position: center center !important;
    background: #0b0b10 !important;
}

/* Airecords upload song pagina */
.airecords-upload-hero {
    position: relative;
    margin: 0 auto 32px auto;
    padding: 42px 38px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.22);
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 194, 71, 0.22), transparent 30%),
        radial-gradient(circle at 85% 25%, rgba(255, 153, 0, 0.16), transparent 32%),
        linear-gradient(135deg, rgba(12,12,18,0.96), rgba(24,18,12,0.94));
    box-shadow: 0 18px 45px rgba(0,0,0,0.45), 0 0 30px rgba(255,153,0,0.10);
}

.airecords-upload-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.28;
    pointer-events: none;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 90 C80 20 200 160 360 90 S640 20 800 90 S1080 160 1280 90' stroke='%23ffc247' stroke-width='4' opacity='0.45'/%3E%3Cpath d='M-80 170 C80 100 200 240 360 170 S640 100 800 170 S1080 240 1280 170' stroke='%23ff9900' stroke-width='3' opacity='0.38'/%3E%3Cpath d='M-80 250 C80 180 200 320 360 250 S640 180 800 250 S1080 320 1280 250' stroke='%23ffc247' stroke-width='2.5' opacity='0.30'/%3E%3C/g%3E%3C/svg%3E") center center / cover no-repeat;
}

.airecords-upload-hero-inner {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.airecords-upload-label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255, 194, 71, 0.14);
    border: 1px solid rgba(255, 194, 71, 0.24);
    color: #ffc247;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 12px;
}

.airecords-upload-hero h1 {
    margin: 0 0 12px 0;
    color: #fff !important;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.1;
}

.airecords-upload-hero p {
    margin: 0;
    color: #d5d7e2 !important;
    font-size: 17px;
    line-height: 1.6;
}

/* Upload dropzone mooier */
.upload_music .upload {
    background:
        linear-gradient(145deg, rgba(22,22,32,0.96), rgba(10,10,16,0.96)) !important;
    border: 2px dashed rgba(255, 194, 71, 0.35) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.38), 0 0 28px rgba(255,153,0,0.08) !important;
    transition: all 0.25s ease-in-out;
}

.upload_music .upload:hover {
    border-color: rgba(255, 194, 71, 0.65) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,0.46), 0 0 35px rgba(255,153,0,0.16) !important;
    transform: translateY(-2px);
}

.upload_music .upload_innr h4 {
    color: #fff !important;
    font-weight: 800 !important;
}

.upload_music .upload_innr p {
    color: #b9bdcc !important;
}

/* Upload icoon goud */
.upload_music .file_icon {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    box-shadow: 0 0 28px rgba(255, 194, 71, 0.35) !important;
}

.upload_music .file_icon svg {
    color: #111 !important;
    fill: #111 !important;
}

/* Formulier na upload */
.upload_form {
    background: linear-gradient(145deg, rgba(20,20,30,0.96), rgba(10,10,16,0.96)) !important;
    border: 1px solid rgba(255, 194, 71, 0.14) !important;
    border-radius: 22px !important;
    padding: 28px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.42), 0 0 24px rgba(255,153,0,0.06) !important;
}

/* Form labels met iconen */
.upload_form label {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.upload_form label svg {
    color: #ffc247 !important;
    fill: #ffc247 !important;
    margin-right: 8px;
}

/* Cover upload vlak */
.upload-song-image {
    background: rgba(29,29,41,0.96) !important;
    border: 2px dashed rgba(255, 194, 71, 0.30) !important;
    border-radius: 18px !important;
    transition: all 0.25s ease-in-out;
}

.upload-song-image:hover {
    border-color: rgba(255, 194, 71, 0.60) !important;
    box-shadow: 0 0 25px rgba(255,153,0,0.12) !important;
}

.upload-image-content svg {
    color: #ffc247 !important;
    fill: #ffc247 !important;
}

/* Progress bar in Airecords kleur */
.progress {
    background: rgba(255,255,255,0.08) !important;
    border-radius: 999px !important;
    overflow: hidden;
}

.progress-bar {
    background: linear-gradient(90deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    font-weight: 800;
}

/* Mobiel uploadpagina */
@media (max-width: 700px) {
    .airecords-upload-hero {
        padding: 28px 20px;
        border-radius: 16px;
        margin-bottom: 24px;
    }

    .airecords-upload-hero h1 {
        font-size: 28px;
    }

    .airecords-upload-hero p {
        font-size: 15px;
    }

    .upload_form {
        padding: 18px !important;
        border-radius: 16px !important;
    }
}

/* Airecords upload keuze pagina */
.airecords-upload-choice-page {
    min-height: calc(100vh - 90px);
    background:
        radial-gradient(circle at 50% 10%, rgba(255, 194, 71, 0.16), transparent 35%),
        radial-gradient(circle at 85% 75%, rgba(255, 153, 0, 0.10), transparent 38%),
        linear-gradient(180deg, #07070c 0%, #12121a 100%) !important;
}

/* Oude DeepSound SVG achtergrond op upload keuze verbergen */
.airecords-upload-choice-page .svg_one,
.airecords-upload-choice-page .svg_two {
    display: none !important;
}

/* Upload keuze container */
.airecords-upload-choice-page .upload_music {
    padding: 80px 0 !important;
}

/* Upload keuze kaarten */
.airecords-upload-choice-page .choice_upload {
    background: linear-gradient(145deg, rgba(24,24,34,0.96), rgba(10,10,16,0.96)) !important;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 24px !important;
    min-height: 330px !important;
    color: #f4f4f6 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.45), 0 0 24px rgba(255,153,0,0.08) !important;
    transition: all 0.25s ease-in-out;
}

/* Hover effect */
.airecords-upload-choice-page .choice_upload:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 194, 71, 0.45) !important;
    box-shadow: 0 24px 60px rgba(0,0,0,0.58), 0 0 36px rgba(255,153,0,0.18) !important;
}

/* Icon rondjes */
.airecords-upload-choice-page .choice_upload span.sng,
.airecords-upload-choice-page .choice_upload span.alb {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    box-shadow: 0 0 28px rgba(255, 194, 71, 0.35) !important;
}

/* Iconen zelf donker */
.airecords-upload-choice-page .choice_upload span.sng svg,
.airecords-upload-choice-page .choice_upload span.alb svg {
    color: #111 !important;
    fill: #111 !important;
}

/* Tekst */
.airecords-upload-choice-page .choice_upload {
    font-size: 24px !important;
    font-weight: 700 !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-upload-choice-page .upload_music {
        padding: 35px 0 !important;
    }

    .airecords-upload-choice-page .choice_upload {
        min-height: 230px !important;
        margin-bottom: 22px !important;
        border-radius: 18px !important;
        font-size: 20px !important;
    }
}

/* Upload keuze pagina: subtiele Airecords waves terug */
.airecords-upload-choice-page {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 180 C120 60 280 300 480 180 S840 60 1040 180 S1400 300 1680 180' stroke='%23ffc247' stroke-width='5' opacity='0.18'/%3E%3Cpath d='M-80 330 C120 210 280 450 480 330 S840 210 1040 330 S1400 450 1680 330' stroke='%23ff9900' stroke-width='4' opacity='0.14'/%3E%3Cpath d='M-80 520 C120 400 280 640 480 520 S840 400 1040 520 S1400 640 1680 520' stroke='%23ffc247' stroke-width='3.5' opacity='0.12'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 50% 12%, rgba(255, 194, 71, 0.14), transparent 35%),
        radial-gradient(circle at 85% 75%, rgba(255, 153, 0, 0.10), transparent 38%),
        linear-gradient(180deg, #07070c 0%, #12121a 100%) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* Upload single song: hero smaller maken, gelijk met uploadblok */
.airecords-upload-hero {
    width: 900px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 34px 42px !important;
}

/* Op grotere schermen niet fullscreen laten worden */
.upload_music .airecords-upload-hero {
    width: 900px !important;
    max-width: 900px !important;
}

/* Uploadblok zelf dezelfde maat houden */
.upload_music .upload {
    width: 900px !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobiel netjes responsive */
@media (max-width: 950px) {
    .airecords-upload-hero,
    .upload_music .upload {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
    }
}

@media (max-width: 700px) {
    .airecords-upload-hero {
        padding: 24px 18px !important;
    }
}

/* Airecords upload album pagina fix */
.airecords-upload-album-page .upload_form {
    max-width: 1100px !important;
    margin: 40px auto !important;
    padding: 36px !important;
    background: linear-gradient(145deg, rgba(18,18,28,0.96), rgba(8,8,14,0.96)) !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 55px rgba(0,0,0,0.50), 0 0 28px rgba(255,153,0,0.08) !important;
}

/* Album velden netjes onder elkaar */
.airecords-upload-album-page .form-group {
    clear: both !important;
    margin-bottom: 26px !important;
    position: relative !important;
}

/* Labels goed zichtbaar */
.airecords-upload-album-page label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 17px !important;
}

/* Label iconen */
.airecords-upload-album-page label svg {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
    color: #ffc247 !important;
    fill: #ffc247 !important;
    vertical-align: middle !important;
}

/* Inputs en textarea */
.airecords-upload-album-page input[type="text"],
.airecords-upload-album-page textarea,
.airecords-upload-album-page select,
.airecords-upload-album-page .form-control {
    width: 100% !important;
    background: rgba(28,28,40,0.96) !important;
    border: 1px solid rgba(255,194,71,0.16) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 15px !important;
    box-shadow: inset 0 0 14px rgba(0,0,0,0.25) !important;
}

/* Textarea goede hoogte */
.airecords-upload-album-page textarea {
    min-height: 130px !important;
}

/* Help tekst */
.airecords-upload-album-page .help-block {
    display: block !important;
    margin-top: 8px !important;
    color: #b9bdcc !important;
    font-size: 13px !important;
}

/* Album cover uploadvak niet over formulier laten vallen */
.airecords-upload-album-page .upload-song-image,
.airecords-upload-album-page .song_thumb,
.airecords-upload-album-page .album_thumb {
    position: relative !important;
    float: none !important;
    clear: both !important;
    width: 220px !important;
    height: 220px !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
    z-index: 1 !important;
}

/* Cover uploadvlak */
.airecords-upload-album-page .upload-song-image {
    background: rgba(28,28,40,0.96) !important;
    border: 2px dashed rgba(255,194,71,0.35) !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Price blok netjes */
.airecords-upload-album-page .price,
.airecords-upload-album-page .price_holder,
.airecords-upload-album-page .form-group:has(input[type="radio"]) {
    clear: both !important;
    display: block !important;
    width: 100% !important;
}

/* Radio opties prijs */
.airecords-upload-album-page input[type="radio"] {
    margin-right: 10px !important;
    accent-color: #ffc247 !important;
}

.airecords-upload-album-page input[type="radio"] + label,
.airecords-upload-album-page .radio label {
    display: inline-block !important;
    width: auto !important;
    margin-right: 28px !important;
    color: #f4f4f6 !important;
}

/* Knoppen onderaan netjes */
.airecords-upload-album-page .btn,
.airecords-upload-album-page button,
.airecords-upload-album-page input[type="submit"] {
    border-radius: 12px !important;
    font-weight: 800 !important;
}

/* Button rij rechts mooi uitlijnen */
.airecords-upload-album-page .last-sett-btn,
.airecords-upload-album-page .text-right,
.airecords-upload-album-page .form-actions {
    clear: both !important;
    margin-top: 35px !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-upload-album-page .upload_form {
        padding: 20px !important;
        margin: 20px auto !important;
        border-radius: 18px !important;
    }

    .airecords-upload-album-page .upload-song-image,
    .airecords-upload-album-page .song_thumb,
    .airecords-upload-album-page .album_thumb {
        width: 180px !important;
        height: 180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .airecords-upload-album-page input[type="radio"] + label,
    .airecords-upload-album-page .radio label {
        display: block !important;
        margin-bottom: 10px !important;
    }
}

/* Album upload pagina: cover en price netjes uit elkaar halen */
.airecords-upload-album-page .song_thumb,
.airecords-upload-album-page .album_thumb {
    display: block !important;
    clear: both !important;
    width: 260px !important;
    height: 260px !important;
    margin: 35px 0 35px 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Het echte cover-uploadvak */
.airecords-upload-album-page .upload-song-image {
    width: 260px !important;
    height: 260px !important;
    max-width: 260px !important;
    min-width: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
}

/* Voorkom dat price naast/door het covervak schuift */
.airecords-upload-album-page .form-group,
.airecords-upload-album-page .mat_input {
    clear: both !important;
}

/* Price-blok volledig onder het covervak */
.airecords-upload-album-page .form-group:has(input[type="radio"]) {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    margin-top: 25px !important;
    margin-bottom: 35px !important;
    padding-top: 10px !important;
}

/* Radio prijzen netjes in rijtjes */
.airecords-upload-album-page .form-group:has(input[type="radio"]) .col-md-12,
.airecords-upload-album-page .form-group:has(input[type="radio"]) .col-md-6,
.airecords-upload-album-page .form-group:has(input[type="radio"]) div {
    position: relative !important;
    clear: none !important;
}

/* Price radio opties leesbaar maken */
.airecords-upload-album-page input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 10px 12px 0 !important;
    accent-color: #ffc247 !important;
}

/* Labels bij radio buttons */
.airecords-upload-album-page .radio label,
.airecords-upload-album-page input[type="radio"] + label {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-right: 30px !important;
}

/* Album Description altijd onder price zetten */
.airecords-upload-album-page label[for="description"],
.airecords-upload-album-page #description {
    clear: both !important;
}

/* Description veld ruimte geven */
.airecords-upload-album-page textarea#description {
    margin-top: 8px !important;
    min-height: 160px !important;
}

/* Genre netjes onder description */
.airecords-upload-album-page select,
.airecords-upload-album-page .chosen-container {
    clear: both !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-upload-album-page .song_thumb,
    .airecords-upload-album-page .album_thumb,
    .airecords-upload-album-page .upload-song-image {
        width: 210px !important;
        height: 210px !important;
        max-width: 210px !important;
        min-width: 210px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* Album upload: harde fix voor cover, description, genre en price */
.airecords-upload-album-page .song_thumb {
    clear: both !important;
    float: none !important;
    display: block !important;
    position: static !important;
    width: 260px !important;
    height: auto !important;
    margin: 35px 0 40px 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}

.airecords-upload-album-page .song_thumb .col-md-12 {
    float: none !important;
    width: 260px !important;
    max-width: 260px !important;
    padding: 0 !important;
    position: static !important;
}

.airecords-upload-album-page .upload-song-image {
    clear: both !important;
    float: none !important;
    position: relative !important;
    width: 260px !important;
    height: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Description en genre altijd onder het coverblok */
.airecords-upload-album-page .form-group.mat_input {
    clear: both !important;
    float: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Price blok niet meer over de cover laten vallen */
.airecords-upload-album-page .song_price {
    clear: both !important;
    float: none !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px 24px;
    width: 100% !important;
    margin: 28px 0 35px 0 !important;
    padding: 18px 0 0 0 !important;
    z-index: 1 !important;
}

/* Price titel over volledige breedte */
.airecords-upload-album-page .song_price > label {
    grid-column: 1 / -1;
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* Prijsopties netjes */
.airecords-upload-album-page .song_price .custom-control {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    position: relative !important;
}

.airecords-upload-album-page .song_price input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    accent-color: #ffc247 !important;
}

.airecords-upload-album-page .song_price .custom-control-label {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Genre select netjes los */
.airecords-upload-album-page #category_id {
    margin-bottom: 20px !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-upload-album-page .song_thumb,
    .airecords-upload-album-page .song_thumb .col-md-12,
    .airecords-upload-album-page .upload-song-image {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }

    .airecords-upload-album-page .upload-song-image {
        height: 210px !important;
    }

    .airecords-upload-album-page .song_thumb {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .airecords-upload-album-page .song_price {
        grid-template-columns: 1fr !important;
    }
}

/* Airecords track detailpagina */
.airecords-track-page {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 190 C120 70 280 310 480 190 S840 70 1040 190 S1400 310 1680 190' stroke='%23ffc247' stroke-width='5' opacity='0.16'/%3E%3Cpath d='M-80 360 C120 240 280 480 480 360 S840 240 1040 360 S1400 480 1680 360' stroke='%23ff9900' stroke-width='4' opacity='0.13'/%3E%3Cpath d='M-80 570 C120 450 280 690 480 570 S840 450 1040 570 S1400 690 1680 570' stroke='%23ffc247' stroke-width='3.5' opacity='0.10'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 20% 10%, rgba(255, 194, 71, 0.14), transparent 35%),
        radial-gradient(circle at 90% 70%, rgba(255, 153, 0, 0.10), transparent 40%),
        linear-gradient(180deg, #07070c 0%, #12121a 100%) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* Hoofdblok track */
.airecords-track-page .single_song {
    max-width: 1180px;
    margin: 35px auto 60px auto;
    padding: 0 18px;
}

/* Header / track hero */
.airecords-track-page .ssong_header {
    background: linear-gradient(145deg, rgba(18,18,28,0.96), rgba(8,8,14,0.96)) !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.55), 0 0 32px rgba(255,153,0,0.08) !important;
    overflow: hidden;
    padding: 34px 0 !important;
}

/* Published tekst */
.airecords-track-page .published {
    color: #b9bdcc !important;
}

.airecords-track-page .published a {
    color: #ffc247 !important;
    font-weight: 700;
}

/* Publisher info */
.airecords-track-page .ss_publisher_info {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,194,71,0.10) !important;
    border-radius: 18px !important;
    padding: 14px 18px !important;
    margin-top: 14px !important;
}

/* Avatar mooier */
.airecords-track-page .user-avatar-img img,
.airecords-track-page .user-image img {
    border: 2px solid rgba(255,194,71,0.35) !important;
    box-shadow: 0 0 18px rgba(255,194,71,0.18) !important;
}

/* Track cover */
.airecords-track-page .ss_image {
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.48), 0 0 24px rgba(255,153,0,0.08) !important;
}

/* Track info */
.airecords-track-page .ss_track_info {
    background: rgba(12,12,18,0.72) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 22px !important;
    padding: 24px !important;
}

/* Track titel */
.airecords-track-page .ss_track_info_innr h2,
.airecords-track-page .ss_track_info_innr h2 a {
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px;
}

/* Grote play knop */
.airecords-track-page .ss_track_play_pause .play_btn,
.airecords-track-page .ss_track_play_pause .pause_btn {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 32px rgba(255,194,71,0.38) !important;
    transition: all 0.25s ease-in-out;
}

.airecords-track-page .ss_track_play_pause .play_btn:hover,
.airecords-track-page .ss_track_play_pause .pause_btn:hover {
    transform: scale(1.04);
    box-shadow: 0 0 42px rgba(255,194,71,0.52) !important;
}

.airecords-track-page .ss_track_play_pause svg path {
    fill: #111 !important;
}

/* Statistieken */
.airecords-track-page .ss_stats li {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,194,71,0.10) !important;
    border-radius: 999px !important;
    padding: 7px 12px !important;
    color: #d5d7e2 !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}

/* Icons in stats */
.airecords-track-page .ss_stats svg {
    color: #ffc247 !important;
    fill: #ffc247 !important;
}

/* Follow knop */
.airecords-track-page #follow-user,
.airecords-track-page #unfollow-user {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    border: none !important;
    color: #111 !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    box-shadow: 0 0 20px rgba(255,194,71,0.25) !important;
}

/* Onderliggende contentblokken */
.airecords-track-page .song_lyrics,
.airecords-track-page .song_comments,
.airecords-track-page .comments,
.airecords-track-page .track_reviews,
.airecords-track-page .ss_related,
.airecords-track-page .content {
    background: linear-gradient(145deg, rgba(18,18,28,0.94), rgba(8,8,14,0.94)) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 42px rgba(0,0,0,0.42), 0 0 24px rgba(255,153,0,0.05) !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-track-page .single_song {
        margin: 20px auto 40px auto;
        padding: 0 12px;
    }

    .airecords-track-page .ssong_header {
        border-radius: 18px !important;
        padding: 22px 0 !important;
    }

    .airecords-track-page .ss_track_info {
        padding: 18px !important;
        border-radius: 16px !important;
    }

    .airecords-track-page .ss_track_info_innr h2 {
        font-size: 26px !important;
    }

    .airecords-track-page .ss_stats li {
        display: inline-flex !important;
        align-items: center;
        font-size: 13px !important;
    }
}

/* Track detailpagina finetune */
.airecords-track-page .ssong_header {
    max-width: 1180px !important;
    margin: 35px auto 35px auto !important;
    padding: 36px !important;
    background: linear-gradient(145deg, rgba(24,24,34,0.96), rgba(10,10,16,0.96)) !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.55), 0 0 30px rgba(255,153,0,0.08) !important;
}

/* Binnenste container niet te breed laten springen */
.airecords-track-page .ssong_header .container {
    max-width: 1080px !important;
    width: 100% !important;
}

/* Cover links mooier */
.airecords-track-page .ss_image {
    width: 260px !important;
    height: 260px !important;
    min-width: 260px !important;
    border-radius: 20px !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid rgba(255,194,71,0.25) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.45), 0 0 24px rgba(255,153,0,0.12) !important;
}

/* Trackinfo rechts naast cover */
.airecords-track-page .ss_track_info {
    margin-left: 290px !important;
    min-height: 260px !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 0 0 0 !important;
    box-shadow: none !important;
}

/* Titel */
.airecords-track-page .ss_track_info_innr h2,
.airecords-track-page .ss_track_info_innr h2 a {
    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

/* Playknop beter in verhouding */
.airecords-track-page .ss_track_play_pause {
    margin-right: 22px !important;
}

.airecords-track-page .ss_track_play_pause .play_btn,
.airecords-track-page .ss_track_play_pause .pause_btn {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.airecords-track-page .ss_track_play_pause svg {
    width: 76px !important;
    height: 76px !important;
}

/* Stats iets kleiner en strakker */
.airecords-track-page .ss_stats {
    margin-top: 12px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.airecords-track-page .ss_stats li {
    margin: 0 !important;
    padding: 6px 11px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,194,71,0.10) !important;
    border-radius: 999px !important;
    color: #d5d7e2 !important;
    font-size: 13px !important;
}

/* Beschrijving en lyrics leesbaarder */
.airecords-track-page .ss_track_info_innr p,
.airecords-track-page .ss_track_info_innr div,
.airecords-track-page .song_lyrics,
.airecords-track-page .lyrics {
    color: #cfd2df !important;
    line-height: 1.65 !important;
}

/* Read more knop */
.airecords-track-page .read_more,
.airecords-track-page .btn_read_more,
.airecords-track-page button {
    border-radius: 10px !important;
}

/* Waveform mooier in eigen blok */
.airecords-track-page .waveform,
.airecords-track-page #waveform,
.airecords-track-page .wavesurfer,
.airecords-track-page .spectrograph_prnt {
    max-width: 1180px !important;
    margin: 25px auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Comments blok */
.airecords-track-page .comments,
.airecords-track-page .song_comments,
.airecords-track-page .no_comments,
.airecords-track-page .no-track-found {
    max-width: 680px !important;
    margin: 30px auto !important;
    background: rgba(18,18,28,0.94) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 18px !important;
    color: #d5d7e2 !important;
}

/* Rechter tracklijst premium */
.airecords-track-page .right-sidebar,
.airecords-track-page .sidebar_right,
.airecords-track-page .widget {
    background: rgba(18,18,28,0.94) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.40) !important;
}

/* Mobiel */
@media (max-width: 800px) {
    .airecords-track-page .ssong_header {
        padding: 22px !important;
        border-radius: 18px !important;
        margin: 20px 12px 25px 12px !important;
    }

    .airecords-track-page .ss_image {
        width: 100% !important;
        height: 320px !important;
        min-width: 0 !important;
        float: none !important;
        margin-bottom: 22px !important;
    }

    .airecords-track-page .ss_track_info {
        margin-left: 0 !important;
        min-height: 0 !important;
    }

    .airecords-track-page .ss_track_info_innr h2,
    .airecords-track-page .ss_track_info_innr h2 a {
        font-size: 27px !important;
    }

    .airecords-track-page .ss_track_play_pause .play_btn,
    .airecords-track-page .ss_track_play_pause .pause_btn {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
    }

    .airecords-track-page .ss_track_play_pause svg {
        width: 62px !important;
        height: 62px !important;
    }
}

/* Track detailpagina extra finetune */

/* Playknop iets subtieler */
.airecords-track-page .ss_track_play_pause .play_btn,
.airecords-track-page .ss_track_play_pause .pause_btn {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    box-shadow: 0 0 24px rgba(255,194,71,0.34) !important;
}

.airecords-track-page .ss_track_play_pause svg {
    width: 66px !important;
    height: 66px !important;
}

/* Titel iets strakker */
.airecords-track-page .ss_track_info_innr h2,
.airecords-track-page .ss_track_info_innr h2 a {
    font-size: 31px !important;
    line-height: 1.18 !important;
    margin-bottom: 12px !important;
}

/* Stats compacter en luxer */
.airecords-track-page .ss_stats li {
    background: transparent !important;
    border: none !important;
    padding: 3px 5px !important;
    font-size: 15px !important;
    color: #d8d9e3 !important;
}

/* Korte beschrijving mooier leesbaar */
.airecords-track-page .ss_track_info_innr > p,
.airecords-track-page .ss_track_info_innr .desc,
.airecords-track-page .ss_track_info_innr .description {
    margin-top: 18px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255,194,71,0.14) !important;
    color: #cfd2df !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Lyrics sectie meer als premium blok */
.airecords-track-page .lyrics,
.airecords-track-page .song_lyrics,
.airecords-track-page .track_lyrics {
    margin-top: 22px !important;
    padding: 22px !important;
    background: rgba(12,12,18,0.72) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 18px !important;
    color: #d5d7e2 !important;
}

/* Lyrics titel */
.airecords-track-page .lyrics h3,
.airecords-track-page .song_lyrics h3,
.airecords-track-page .track_lyrics h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Hashtags / tags goud */
.airecords-track-page a[href*="hashtag"],
.airecords-track-page .hashtag,
.airecords-track-page .tag {
    color: #ffc247 !important;
    font-weight: 700 !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-track-page .ss_track_play_pause .play_btn,
    .airecords-track-page .ss_track_play_pause .pause_btn {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
    }

    .airecords-track-page .ss_track_play_pause svg {
        width: 56px !important;
        height: 56px !important;
    }

    .airecords-track-page .ss_track_info_innr h2,
    .airecords-track-page .ss_track_info_innr h2 a {
        font-size: 25px !important;
    }

    .airecords-track-page .ss_stats li {
        font-size: 13px !important;
    }
}

/* Track detailpagina onderkant / widgets finetune */
.airecords-track-page .comments,
.airecords-track-page .comment-section,
.airecords-track-page .song_comments,
.airecords-track-page .track_reviews,
.airecords-track-page .related_tracks,
.airecords-track-page .ss_related,
.airecords-track-page .right-sidebar,
.airecords-track-page .sidebar_right,
.airecords-track-page .widget,
.airecords-track-page .side_widget {
    background: linear-gradient(145deg, rgba(18,18,28,0.95), rgba(8,8,14,0.95)) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 42px rgba(0,0,0,0.42), 0 0 20px rgba(255,153,0,0.05) !important;
    color: #d5d7e2 !important;
}

/* Rechterkolom track-items */
.airecords-track-page .right-sidebar .song_list,
.airecords-track-page .sidebar_right .song_list,
.airecords-track-page .widget .song_list,
.airecords-track-page .right-sidebar li,
.airecords-track-page .sidebar_right li {
    background: rgba(14,14,22,0.92) !important;
    border: 1px solid rgba(255,194,71,0.10) !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    transition: all 0.22s ease-in-out;
}

/* Hover rechterkolom */
.airecords-track-page .right-sidebar .song_list:hover,
.airecords-track-page .sidebar_right .song_list:hover,
.airecords-track-page .widget .song_list:hover,
.airecords-track-page .right-sidebar li:hover,
.airecords-track-page .sidebar_right li:hover {
    border-color: rgba(255,194,71,0.28) !important;
    box-shadow: 0 0 20px rgba(255,153,0,0.10) !important;
    transform: translateY(-1px);
}

/* Titels in widgets */
.airecords-track-page .right-sidebar h3,
.airecords-track-page .right-sidebar h4,
.airecords-track-page .sidebar_right h3,
.airecords-track-page .sidebar_right h4,
.airecords-track-page .widget h3,
.airecords-track-page .widget h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Kleine thumbnails rechterkolom */
.airecords-track-page .right-sidebar img,
.airecords-track-page .sidebar_right img,
.airecords-track-page .widget img {
    border-radius: 10px !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
}

/* Comments tekst */
.airecords-track-page .comments p,
.airecords-track-page .comment-section p,
.airecords-track-page .song_comments p {
    color: #cfd2df !important;
}

/* Comment input */
.airecords-track-page .comments textarea,
.airecords-track-page .comment-section textarea,
.airecords-track-page .comments input,
.airecords-track-page .comment-section input {
    background: rgba(28,28,40,0.96) !important;
    border: 1px solid rgba(255,194,71,0.16) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
}

/* No comments blok */
.airecords-track-page .no_comments,
.airecords-track-page .no-track-found {
    background: rgba(18,18,28,0.92) !important;
    border: 1px solid rgba(255,194,71,0.10) !important;
    border-radius: 16px !important;
    color: #b9bdcc !important;
}

/* Mobiel rechterkolom netjes onder content */
@media (max-width: 900px) {
    .airecords-track-page .right-sidebar,
    .airecords-track-page .sidebar_right,
    .airecords-track-page .widget {
        margin-top: 25px !important;
        border-radius: 16px !important;
    }

    .airecords-track-page .right-sidebar .song_list,
    .airecords-track-page .sidebar_right .song_list {
        transform: none !important;
    }
}

/* Airecords edit track pagina fix */
.airecords-edit-track-page .upload_form,
.airecords-edit-track-page form,
.airecords-edit-track-page .form-horizontal {
    max-width: 1100px !important;
    margin: 40px auto !important;
    padding: 36px !important;
    background: linear-gradient(145deg, rgba(18,18,28,0.96), rgba(8,8,14,0.96)) !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 55px rgba(0,0,0,0.50), 0 0 28px rgba(255,153,0,0.08) !important;
}

/* Form groepen netjes onder elkaar */
.airecords-edit-track-page .form-group,
.airecords-edit-track-page .mat_input {
    clear: both !important;
    float: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 26px !important;
}

/* Labels */
.airecords-edit-track-page label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* Label iconen */
.airecords-edit-track-page label svg {
    width: 19px !important;
    height: 19px !important;
    margin-right: 8px !important;
    color: #ffc247 !important;
    fill: #ffc247 !important;
    vertical-align: middle !important;
}

/* Inputs, textarea en select */
.airecords-edit-track-page input[type="text"],
.airecords-edit-track-page textarea,
.airecords-edit-track-page select,
.airecords-edit-track-page .form-control {
    width: 100% !important;
    background: rgba(28,28,40,0.96) !important;
    border: 1px solid rgba(255,194,71,0.16) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 15px !important;
    box-shadow: inset 0 0 14px rgba(0,0,0,0.25) !important;
}

/* Textarea hoogte */
.airecords-edit-track-page textarea {
    min-height: 145px !important;
}

/* Help tekst */
.airecords-edit-track-page .help-block {
    display: block !important;
    margin-top: 8px !important;
    color: #b9bdcc !important;
    font-size: 13px !important;
}

/* Cover uploadblok netjes los */
.airecords-edit-track-page .song_thumb {
    clear: both !important;
    float: none !important;
    display: block !important;
    position: static !important;
    width: 260px !important;
    height: auto !important;
    margin: 35px 0 40px 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}

.airecords-edit-track-page .song_thumb .col-md-12 {
    float: none !important;
    width: 260px !important;
    max-width: 260px !important;
    padding: 0 !important;
    position: static !important;
}

/* Het covervlak zelf */
.airecords-edit-track-page .upload-song-image {
    clear: both !important;
    float: none !important;
    position: relative !important;
    width: 260px !important;
    height: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(28,28,40,0.96) !important;
    border: 2px dashed rgba(255,194,71,0.35) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Bestaande coverafbeelding netjes tonen */
.airecords-edit-track-page .upload-song-image img,
.airecords-edit-track-page .song_thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
}

/* Price blok netjes */
.airecords-edit-track-page .song_price {
    clear: both !important;
    float: none !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px 24px;
    width: 100% !important;
    margin: 28px 0 35px 0 !important;
    padding: 18px 0 0 0 !important;
    z-index: 1 !important;
}

/* Price titel */
.airecords-edit-track-page .song_price > label {
    grid-column: 1 / -1;
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

/* Prijsopties */
.airecords-edit-track-page .song_price .custom-control {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    position: relative !important;
}

.airecords-edit-track-page .song_price input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    accent-color: #ffc247 !important;
}

.airecords-edit-track-page .song_price .custom-control-label {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Select velden netjes */
.airecords-edit-track-page #category_id,
.airecords-edit-track-page #availability,
.airecords-edit-track-page #allow_downloads,
.airecords-edit-track-page #display_embed,
.airecords-edit-track-page #age_restriction,
.airecords-edit-track-page #featured {
    margin-bottom: 20px !important;
}

/* Rij met meerdere kolommen netjes houden */
.airecords-edit-track-page .row {
    clear: both !important;
}

/* Save knop */
.airecords-edit-track-page .btn,
.airecords-edit-track-page button,
.airecords-edit-track-page input[type="submit"] {
    border-radius: 12px !important;
    font-weight: 800 !important;
}

/* Save Track knop rechts onder */
.airecords-edit-track-page .btn-main,
.airecords-edit-track-page button[type="submit"],
.airecords-edit-track-page input[type="submit"] {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    box-shadow: 0 0 22px rgba(255,194,71,0.28) !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-edit-track-page .upload_form,
    .airecords-edit-track-page form,
    .airecords-edit-track-page .form-horizontal {
        padding: 20px !important;
        margin: 20px auto !important;
        border-radius: 18px !important;
    }

    .airecords-edit-track-page .song_thumb,
    .airecords-edit-track-page .song_thumb .col-md-12,
    .airecords-edit-track-page .upload-song-image {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }

    .airecords-edit-track-page .upload-song-image {
        height: 210px !important;
    }

    .airecords-edit-track-page .song_thumb {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .airecords-edit-track-page .song_price {
        grid-template-columns: 1fr !important;
    }
}

/* Airecords profiel / artiestenpagina */
.airecords-profile-page {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M-80 180 C120 60 280 300 480 180 S840 60 1040 180 S1400 300 1680 180' stroke='%23ffc247' stroke-width='5' opacity='0.14'/%3E%3Cpath d='M-80 350 C120 230 280 470 480 350 S840 230 1040 350 S1400 470 1680 350' stroke='%23ff9900' stroke-width='4' opacity='0.11'/%3E%3Cpath d='M-80 560 C120 440 280 680 480 560 S840 440 1040 560 S1400 680 1680 560' stroke='%23ffc247' stroke-width='3.5' opacity='0.09'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 20% 10%, rgba(255, 194, 71, 0.14), transparent 35%),
        radial-gradient(circle at 90% 70%, rgba(255, 153, 0, 0.10), transparent 40%),
        linear-gradient(180deg, #07070c 0%, #12121a 100%) !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* Profiel wrapper */
.airecords-profile-page .user_profile {
    max-width: 1180px;
    margin: 35px auto 60px auto;
    padding: 0 18px;
}

/* Grote profiel-header */
.airecords-profile-page .user_header {
    background: linear-gradient(145deg, rgba(18,18,28,0.96), rgba(8,8,14,0.96)) !important;
    border: 1px solid rgba(255,194,71,0.18) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 60px rgba(0,0,0,0.55), 0 0 32px rgba(255,153,0,0.08) !important;
}

/* Cover afbeelding */
.airecords-profile-page .user_cover {
    position: relative;
    min-height: 280px !important;
    background: #08080d !important;
    overflow: hidden !important;
}

.airecords-profile-page .artist_profile_cover img,
.airecords-profile-page .artist_profile_cover video,
.airecords-profile-page #cover,
.airecords-profile-page #myVideo {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    filter: brightness(0.72) contrast(1.08) saturate(1.05);
}

/* Donkere/gouden overlay over cover */
.airecords-profile-page .user_cover::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(8,8,13,0.15), rgba(8,8,13,0.84)),
        radial-gradient(circle at 25% 20%, rgba(255,194,71,0.18), transparent 35%);
}

/* Info gedeelte onder cover */
.airecords-profile-page .user_info_cont {
    position: relative;
    padding: 0 24px 34px 24px !important;
    background: linear-gradient(180deg, rgba(12,12,18,0.92), rgba(8,8,14,0.96)) !important;
}

/* Avatar */
.airecords-profile-page .user_avatar {
    margin-top: -72px !important;
    position: relative;
    z-index: 3;
}

.airecords-profile-page .user_avatar img,
.airecords-profile-page .user_avatar .avatar,
.airecords-profile-page .user_avatar picture img {
    width: 145px !important;
    height: 145px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid #ffc247 !important;
    box-shadow: 0 0 0 6px rgba(8,8,14,0.88), 0 0 32px rgba(255,194,71,0.32) !important;
}

/* Ronde grote profielfoto op artiest-/adminprofielen */
.artist_user_info .avatar_container {
    width: 160px !important;
    min-width: 160px !important;
    height: 160px !important;
    border: 3px solid #f2a93b !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 5px rgba(8,8,14,0.88), 0 0 24px rgba(242,169,59,0.28) !important;
}

.artist_user_info .avatar_container > a,
.artist_user_info .avatar_container > a > img,
.artist_user_info .avatar_container > img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
    object-fit: cover !important;
}

.artist_user_info .avatar_container .edit_cover {
    top: auto !important;
    right: 8px !important;
    bottom: 8px !important;
    left: auto !important;
}

.artist_user_info .avatar_container .edit_cover span {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
}

/* Naam en verified */
.airecords-profile-page .user_info_cont h3,
.airecords-profile-page .user_info_cont h2,
.airecords-profile-page .user_info_cont .user_name,
.airecords-profile-page .user_info_cont .name {
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 0.2px;
}

/* Verified badge glow */
.airecords-profile-page .verified,
.airecords-profile-page .verification_badge,
.airecords-profile-page img[src*="verified"],
.airecords-profile-page svg[title*="verified"] {
    filter: drop-shadow(0 0 8px rgba(255,194,71,0.50));
}

/* Bio / info tekst */
.airecords-profile-page .user_info_cont p,
.airecords-profile-page .user_info_cont small,
.airecords-profile-page .user_info_cont .text-muted {
    color: #cfd2df !important;
}

/* Stats / followers / tracks */
.airecords-profile-page .user_info_cont ul,
.airecords-profile-page .user_info_cont .user_stats,
.airecords-profile-page .user_info_cont .profile_stats {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.airecords-profile-page .user_info_cont li,
.airecords-profile-page .user_info_cont .stat,
.airecords-profile-page .user_info_cont .profile_stat {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    color: #d8d9e3 !important;
}

/* Knoppen */
.airecords-profile-page .btn,
.airecords-profile-page button,
.airecords-profile-page .btn-main,
.airecords-profile-page .btn-primary {
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 0 22px rgba(255,194,71,0.26) !important;
}

/* Edit avatar/cover knoppen */
.airecords-profile-page .edit_cover,
.airecords-profile-page .edit_avatar,
.airecords-profile-page .change-cover-icon,
.airecords-profile-page #change-avatar-icon {
    position: relative;
    z-index: 5;
}

.airecords-profile-page .change-cover-icon,
.airecords-profile-page #change-avatar-icon {
    background: rgba(8,8,14,0.72) !important;
    border: 1px solid rgba(255,194,71,0.28) !important;
    border-radius: 12px !important;
    color: #ffc247 !important;
}

/* Tabs / menu onder profiel */
.airecords-profile-page .nav,
.airecords-profile-page .nav-tabs,
.airecords-profile-page .profile_nav,
.airecords-profile-page .user_nav {
    background: rgba(18,18,28,0.94) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 18px !important;
    padding: 8px !important;
    margin: 28px 0 !important;
}

.airecords-profile-page .nav a,
.airecords-profile-page .nav-tabs a,
.airecords-profile-page .profile_nav a,
.airecords-profile-page .user_nav a {
    color: #cfd2df !important;
    border-radius: 12px !important;
}

.airecords-profile-page .nav a.active,
.airecords-profile-page .nav-tabs a.active,
.airecords-profile-page .profile_nav a.active,
.airecords-profile-page .user_nav a.active {
    background: rgba(255,194,71,0.14) !important;
    color: #ffc247 !important;
}

/* Tracks op profielpagina */
.airecords-profile-page .song_list,
.airecords-profile-page .track_list,
.airecords-profile-page .music_list,
.airecords-profile-page .ma_song_list,
.airecords-profile-page .feed_post,
.airecords-profile-page .post {
    background: linear-gradient(145deg, rgba(20,20,30,0.95), rgba(10,10,16,0.95)) !important;
    border: 1px solid rgba(255,194,71,0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 38px rgba(0,0,0,0.38), 0 0 20px rgba(255,153,0,0.05) !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-profile-page .user_profile {
        margin: 20px auto 40px auto;
        padding: 0 12px;
    }

    .airecords-profile-page .user_header {
        border-radius: 18px !important;
    }

    .airecords-profile-page .artist_profile_cover img,
    .airecords-profile-page .artist_profile_cover video,
    .airecords-profile-page #cover,
    .airecords-profile-page #myVideo {
        height: 220px !important;
    }

    .airecords-profile-page .user_avatar {
        margin-top: -56px !important;
    }

    .airecords-profile-page .user_avatar img,
    .airecords-profile-page .user_avatar .avatar,
    .airecords-profile-page .user_avatar picture img {
        width: 112px !important;
        height: 112px !important;
    }

    .airecords-profile-page .user_info_cont {
        padding: 0 16px 26px 16px !important;
    }
}

/* Upload single song harde fix */
.airecords-upload-single-page .song_thumb {
    clear: both !important;
    float: none !important;
    display: block !important;
    position: static !important;
    width: 260px !important;
    height: auto !important;
    margin: 35px 0 40px 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}

.airecords-upload-single-page .song_thumb .col-md-12 {
    float: none !important;
    width: 260px !important;
    max-width: 260px !important;
    padding: 0 !important;
    position: static !important;
}

.airecords-upload-single-page .upload-song-image {
    clear: both !important;
    float: none !important;
    position: relative !important;
    width: 260px !important;
    height: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(28,28,40,0.96) !important;
    border: 2px dashed rgba(255,194,71,0.35) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.airecords-upload-single-page .form-group,
.airecords-upload-single-page .form-group.mat_input,
.airecords-upload-single-page .mat_input {
    clear: both !important;
    float: none !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 26px !important;
}

.airecords-upload-single-page label {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

.airecords-upload-single-page label svg {
    width: 19px !important;
    height: 19px !important;
    margin-right: 8px !important;
    color: #ffc247 !important;
    fill: #ffc247 !important;
    vertical-align: middle !important;
}

.airecords-upload-single-page input[type="text"],
.airecords-upload-single-page textarea,
.airecords-upload-single-page select,
.airecords-upload-single-page .form-control {
    width: 100% !important;
    background: rgba(28,28,40,0.96) !important;
    border: 1px solid rgba(255,194,71,0.16) !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 13px 15px !important;
    box-shadow: inset 0 0 14px rgba(0,0,0,0.25) !important;
}

.airecords-upload-single-page textarea {
    min-height: 145px !important;
}

/* Price blok netjes onder elkaar */
.airecords-upload-single-page .song_price {
    clear: both !important;
    float: none !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px 24px;
    width: 100% !important;
    margin: 28px 0 35px 0 !important;
    padding: 18px 0 0 0 !important;
    z-index: 1 !important;
}

.airecords-upload-single-page .song_price > label {
    grid-column: 1 / -1;
    display: block !important;
    width: 100% !important;
    margin-bottom: 6px !important;
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

.airecords-upload-single-page .song_price .custom-control {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    position: relative !important;
}

.airecords-upload-single-page .song_price input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin-right: 10px !important;
    accent-color: #ffc247 !important;
}

.airecords-upload-single-page .song_price .custom-control-label {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Oude DeepSound SVG-vormen op upload single verbergen */
.airecords-upload-single-page .svg_one,
.airecords-upload-single-page .svg_two {
    display: none !important;
}

/* Mobiel */
@media (max-width: 700px) {
    .airecords-upload-single-page .song_thumb,
    .airecords-upload-single-page .song_thumb .col-md-12,
    .airecords-upload-single-page .upload-song-image {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }

    .airecords-upload-single-page .upload-song-image {
        height: 210px !important;
    }

    .airecords-upload-single-page .song_thumb {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .airecords-upload-single-page .song_price {
        grid-template-columns: 1fr !important;
    }
}

/* Airecords PWA installatieknop */
.airecords-install-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #ff9900, #ffc247);
    color: #111 !important;
    border-radius: 14px;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 0 22px rgba(255,194,71,0.30);
    transition: all 0.22s ease-in-out;
}

.airecords-install-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 30px rgba(255,194,71,0.45);
    color: #111 !important;
}

/* =========================================================
   Airecords discover-homepage afwerking - juli 2026
   ========================================================= */

/* De installatieknop verschijnt pas wanneer de browser installatie aanbiedt. */
.airecords-install-link {
    display: none;
}

.ma_discover_page {
    padding-top: 24px;
    padding-bottom: 44px;
}

.ma_discover_page > .sq_music_tracks,
.ma_discover_page > .short_list_card {
    position: relative;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.14);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(22, 22, 32, 0.95), rgba(10, 10, 16, 0.96));
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.34), 0 0 22px rgba(255, 153, 0, 0.05);
}

.ma_discover_page .mb-60 {
    margin-bottom: 32px !important;
}

.ma_discover_page .home_widget_title {
    min-height: 42px;
    margin-bottom: 22px;
    padding-bottom: 14px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 194, 71, 0.2);
    font-size: clamp(21px, 2vw, 27px);
    font-weight: 800;
    letter-spacing: 0.1px;
}

.ma_discover_page .home_widget_title > span {
    width: 38px;
    min-width: 38px;
    height: 38px;
    margin-right: 11px;
    color: #111;
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    box-shadow: 0 0 18px rgba(255, 194, 71, 0.24);
}

.ma_discover_page .home_widget_title > span svg {
    width: 21px;
    height: 21px;
}

.ma_discover_page .home_widget_title .slide_btns a {
    color: #ffc247;
    font-weight: 800;
    letter-spacing: 0.35px;
}

.ma_discover_page .home_widget_title .slide_btns a:hover,
.ma_discover_page .home_widget_title .slide_btns a:focus-visible {
    color: #fff;
}

.ma_discover_page .home_widget_title .slide_btns button,
.ma_discover_page .home_widget_title .slide_btns .swiper-button-next,
.ma_discover_page .home_widget_title .slide_btns .swiper-button-prev {
    background-color: rgba(255, 194, 71, 0.84);
    box-shadow: 0 0 12px rgba(255, 194, 71, 0.16);
}

/* Hoofdslider: rustigere beweging en een herkenbare actieve kaart. */
.home_top_slider {
    margin-bottom: 32px;
    padding: 28px 0 36px !important;
}

.home_top_slider .swiper-wrapper,
.home_top_slider .swiper-slide,
.home_top_slider .cardd {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.home_top_slider .swiper-slide {
    overflow: visible !important;
}

.home_top_slider .item .cardd {
    opacity: 0.76;
    transform: scale(0.94);
    transition: opacity .45s ease, transform .45s ease, filter .45s ease;
    filter: saturate(0.78) brightness(0.8);
}

.home_top_slider .item.swiper-slide-active .cardd {
    opacity: 1;
    transform: scale(1.025);
    filter: none;
}

.home_top_slider .item .cardd > a {
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.12);
    border-radius: 18px;
    box-shadow: 0 15px 36px rgba(0, 0, 0, 0.38);
    transition: border-color .35s ease, box-shadow .35s ease;
}

.home_top_slider .item.swiper-slide-active .cardd > a {
    border-color: rgba(255, 194, 71, 0.72);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.48), 0 0 28px rgba(255, 169, 32, 0.24);
}

.home_top_slider .item .cardd > a img {
    border-radius: 18px !important;
    transition: transform .7s cubic-bezier(.4, 0, .2, 1), filter .35s ease;
}

.home_top_slider .item.swiper-slide-active .cardd > a:hover img {
    transform: scale(1.035);
}

.home_top_slider .item .bg_text {
    padding: 18px 18px 44px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .74), transparent);
}

.home_top_slider .item .bg_text h2 {
    font-size: clamp(18px, 2vw, 25px);
    font-weight: 800;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .7);
}

.home_top_slider .item .play_btn {
    top: auto !important;
    right: 16px !important;
    bottom: 16px !important;
    left: auto !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .38), 0 0 18px rgba(255, 194, 71, .28) !important;
}

.home_top_slider .item .cardd .shadoww {
    border-radius: 18px;
    pointer-events: none;
}

.home_top_slider .swiper-button-next,
.home_top_slider .swiper-button-prev {
    width: 46px;
    height: 46px;
    color: #ffc247;
    border: 1px solid rgba(255, 194, 71, .28);
    background: rgba(8, 8, 14, .82);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

.home_top_slider .swiper-button-next:hover,
.home_top_slider .swiper-button-prev:hover,
.home_top_slider .swiper-button-next:focus-visible,
.home_top_slider .swiper-button-prev:focus-visible {
    color: #111;
    background: #ffc247;
}

/* Trackblokken en lijsten als één samenhangend premium geheel. */
.ma_discover_page .sq_track_slider .track_list {
    border-color: rgba(255, 194, 71, 0.13) !important;
    background: linear-gradient(150deg, rgba(27, 27, 38, .96), rgba(13, 13, 20, .97)) !important;
}

.ma_discover_page .sq_track_slider .track_info {
    padding: 11px 3px 3px;
}

.ma_discover_page .sq_track_slider .track_info .title {
    color: #fff;
    font-weight: 800;
}

.ma_discover_page .sq_track_slider .track_info .artist {
    color: #bfc1cd !important;
}

.ma_discover_page .nm_slider .swiper-pagination-bullet {
    background: rgba(255, 255, 255, .38);
    opacity: 1;
}

.ma_discover_page .nm_slider .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 999px;
    background: #ffc247;
}

.ma_discover_page .top_dic_son_listz {
    margin-right: -10px;
    margin-left: -10px;
}

.ma_discover_page .top_dic_son_listz > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.ma_discover_page .short_list_card {
    height: 100%;
    padding: 22px;
    border: 1px solid rgba(255, 194, 71, 0.14);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(24, 24, 34, .95), rgba(11, 11, 17, .96));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .3);
}

.ma_discover_page .short_list_cont .s_lsongs_child {
    border-bottom-color: rgba(255, 194, 71, .1);
    border-radius: 10px;
}

.ma_discover_page .short_list_cont .s_lsongs_child:hover {
    background: rgba(255, 194, 71, .07);
}

/* De playlistdata bestond al; deze kaartopmaak maakt haar zichtbaar. */
.airecords-playlist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.airecords-playlist-grid .top_playlist_list {
    position: relative;
    min-height: 154px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, .15);
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 8%, rgba(255, 194, 71, .15), transparent 34%),
        linear-gradient(145deg, rgba(29, 29, 40, .98), rgba(13, 13, 20, .98));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.airecords-playlist-grid .top_playlist_list::before {
    content: "♫";
    position: absolute;
    top: 13px;
    right: 16px;
    color: rgba(255, 194, 71, .2);
    font-size: 52px;
    line-height: 1;
}

.airecords-playlist-grid .top_playlist_list:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 194, 71, .4);
    box-shadow: 0 17px 36px rgba(0, 0, 0, .38), 0 0 20px rgba(255, 153, 0, .08);
}

.airecords-playlist-grid .top_playlist_list h3 {
    position: relative;
    z-index: 1;
    max-width: calc(100% - 42px);
    margin: 0 0 7px;
    font-size: 18px;
    font-weight: 800;
}

.airecords-playlist-grid .top_playlist_list h3 a {
    color: #fff;
}

.airecords-playlist-grid .top_playlist_list p,
.airecords-playlist-grid .top_playlist_list p a {
    margin: 0;
    color: #bfc1cd;
}

.airecords-playlist-grid .top_playlist_list > .btn {
    align-self: flex-start;
    margin-top: 18px;
    color: #111 !important;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff9900, #ffc247);
    font-weight: 800;
}

.airecords-playlist-grid .top_playlist_list > .btn svg {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.ma_discover_page a:focus-visible,
.ma_discover_page button:focus-visible,
.ma_discover_page .swiper-button-next:focus-visible,
.ma_discover_page .swiper-button-prev:focus-visible {
    outline: 3px solid rgba(255, 194, 71, .82);
    outline-offset: 3px;
}

@media (max-width: 991px) {
    .airecords-playlist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .ma_discover_page {
        padding-top: 14px;
        padding-bottom: 28px;
    }

    .ma_discover_page > .sq_music_tracks,
    .ma_discover_page > .short_list_card,
    .ma_discover_page .short_list_card {
        padding: 16px;
        border-radius: 15px;
    }

    .ma_discover_page .mb-60 {
        margin-bottom: 24px !important;
    }

    .ma_discover_page .home_widget_title {
        min-height: 36px;
        margin-bottom: 17px;
        padding-bottom: 11px;
        font-size: 19px;
    }

    .ma_discover_page .home_widget_title > span {
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin-right: 8px;
    }

    .ma_discover_page .home_widget_title > span svg {
        width: 18px;
        height: 18px;
    }

    .home_top_slider {
        margin-bottom: 22px;
        padding: 17px 0 25px !important;
    }

    .home_top_slider .item .bg_text {
        padding: 13px 13px 36px;
    }

    .home_top_slider .item .bg_text h2 {
        font-size: 17px;
    }

    .home_top_slider .item .play_btn {
        right: 11px !important;
        bottom: 11px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    .home_top_slider .swiper-button-next,
    .home_top_slider .swiper-button-prev {
        width: 38px;
        height: 38px;
    }

    .home_top_slider .swiper-button-next::after,
    .home_top_slider .swiper-button-prev::after {
        font-size: 16px;
    }

    .airecords-playlist-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .airecords-playlist-grid .top_playlist_list {
        min-height: 138px;
        padding: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home_top_slider .swiper-wrapper,
    .home_top_slider .swiper-slide,
    .home_top_slider .cardd,
    .home_top_slider img,
    .airecords-playlist-grid .top_playlist_list {
        transition-duration: 0.01ms !important;
    }
}

/* Airecords sprint 2 batch 2: immersive artist and music pages */
.airecords-artist-page, .airecords-track-page, .airecords-album-page { --ar-gold: #d6a928; --ar-gold-soft: #f2d477; --ar-panel: rgba(18,18,18,.94); --ar-border: rgba(214,169,40,.24); --ar-muted: #aaa; }
.airecords-profile-title, .airecords-track-title, .airecords-album-title { margin: 0; font-weight: 800; line-height: 1.1; letter-spacing: -.025em; }
.airecords-profile-title { font-size: clamp(1.55rem,3vw,2.45rem); }
.airecords-track-title, .airecords-album-title { font-size: clamp(1.8rem,4vw,3.2rem); }
.airecords-artist-page .artist_cover, .airecords-artist-page .user_cover { min-height: 360px; background: #080808; overflow: hidden; }
.airecords-artist-page .artist_profile_cover, .airecords-artist-page .artist_profile_cover img, .airecords-artist-page .artist_profile_cover video { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.airecords-artist-page .profileBox_gradient { background: linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.88) 100%); }
.airecords-artist-page .artist_user_info, .airecords-artist-page .user_info_cont { position: relative; z-index: 3; margin-top: -84px; padding: 24px; border: 1px solid var(--ar-border); border-radius: 22px; background: linear-gradient(135deg,rgba(25,25,25,.96),rgba(8,8,8,.94)); box-shadow: 0 22px 55px rgba(0,0,0,.38); backdrop-filter: blur(14px); }
.airecords-artist-page .avatar_container img, .airecords-artist-page .user_avatar img { border: 4px solid var(--ar-gold); box-shadow: 0 10px 30px rgba(0,0,0,.5),0 0 0 5px rgba(214,169,40,.12); }
.airecords-artist-page .info_container > p, .airecords-artist-page .sub_info { color: var(--ar-muted); }
.airecords-artist-page .ap_options .btn, .airecords-artist-page .ds_prof_admn_btns .btn { min-height: 42px; border-radius: 999px; font-weight: 700; }
.airecords-artist-page .btn-primary, .airecords-artist-page .btn-success { border-color: var(--ar-gold)!important; background: linear-gradient(135deg,var(--ar-gold-soft),var(--ar-gold))!important; color: #080808!important; }
.airecords-artist-page .artist_tabs { margin-top: 26px; }
.airecords-artist-page .artist_tabs > .nav, .airecords-artist-page .user_tabs ul { gap: 8px; padding: 8px; border: 1px solid var(--ar-border); border-radius: 16px; background: #111; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
.airecords-artist-page .artist_tabs .nav-link, .airecords-artist-page .user_tabs a { white-space: nowrap; border: 0!important; border-radius: 10px!important; color: #bbb!important; font-weight: 700; }
.airecords-artist-page .artist_tabs .nav-link.active, .airecords-artist-page .user_tabs .active a { background: var(--ar-gold)!important; color: #080808!important; }
.airecords-artist-page .feed_post_block, .airecords-artist-page .sidebar_widget { border-radius: 18px; }
.airecords-track-page .ssong_header { padding: 34px 0 46px; background: radial-gradient(circle at 18% 12%,rgba(214,169,40,.20),transparent 34%),linear-gradient(145deg,#191919,#050505 68%); }
.airecords-track-page .ss_sub_head { margin-bottom: 20px; }
.airecords-track-page .ss_sub_body { padding: clamp(18px,4vw,38px); border: 1px solid var(--ar-border); border-radius: 26px; background: rgba(10,10,10,.86); box-shadow: 0 24px 70px rgba(0,0,0,.45); }
.airecords-track-page .ss_image { width: min(34vw,340px); height: min(34vw,340px); border-radius: 22px; background-size: cover; background-position: center; box-shadow: 0 18px 45px rgba(0,0,0,.48); }
.airecords-track-page .ss_track_info { padding-left: clamp(22px,4vw,48px); }
.airecords-track-page .ss_track_play_pause svg { filter: drop-shadow(0 8px 18px rgba(214,169,40,.28)); }
.airecords-track-page .ss_stats { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0!important; }
.airecords-track-page .ss_stats li { display: inline-flex; align-items: center; min-height: 38px; padding: 6px 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; background: rgba(255,255,255,.045); }
.airecords-track-page .ss_description, .airecords-track-page .song_lyrics { margin-top: 18px; padding: 18px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: rgba(255,255,255,.035); color: #d4d4d4; line-height: 1.75; }
.airecords-track-page .ss_tags a { display: inline-block; margin: 5px 4px 0 0; padding: 7px 11px; border-radius: 999px; background: rgba(214,169,40,.12); color: var(--ar-gold-soft); }
.airecords-album-page { position: relative; }
.airecords-album-page .album_bg_cover { border-radius: 0 0 28px 28px; overflow: hidden; }
.airecords-album-page .album_songs { position: relative; z-index: 2; padding: 22px; border: 1px solid var(--ar-border); border-radius: 22px; background: linear-gradient(145deg,#1b1b1b,#0a0a0a); box-shadow: 0 20px 55px rgba(0,0,0,.42); }
.airecords-album-page .al_art_img { aspect-ratio: 1; border-radius: 16px; background-size: cover; background-position: center; box-shadow: 0 15px 35px rgba(0,0,0,.42); }
.airecords-album-page .al_name { margin-top: 18px; }
.airecords-album-page .al_artist a { color: var(--ar-gold-soft); font-weight: 700; }
.airecords-album-page .play_btn .btn-success { border: 0; background: linear-gradient(135deg,var(--ar-gold-soft),var(--ar-gold)); color: #080808; font-weight: 800; }
.airecords-album-page .short_list_card { padding: 12px; border: 1px solid var(--ar-border); border-radius: 22px; background: var(--ar-panel); }
@media (max-width: 767px) {
.airecords-artist-page .artist_cover, .airecords-artist-page .user_cover, .airecords-artist-page .artist_profile_cover, .airecords-artist-page .artist_profile_cover img, .airecords-artist-page .artist_profile_cover video { min-height: 250px; }
.airecords-artist-page .artist_user_info, .airecords-artist-page .user_info_cont { margin: -54px 12px 0; padding: 18px; border-radius: 18px; }
.airecords-artist-page .ap_user_ava { align-items: flex-start; }
.airecords-track-page .ssong_header { padding: 18px 0 30px; }
.airecords-track-page .ss_sub_body { padding: 16px; border-radius: 19px; }
.airecords-track-page .ss_image { float: none!important; width: 100%; height: auto; aspect-ratio: 1; margin-bottom: 22px; }
.airecords-track-page .ss_track_info { padding-left: 0; }
.airecords-track-page .ss_track_play_pause svg { width: 78px; height: 78px; }
.airecords-album-page .album_songs, .airecords-album-page .short_list_card { border-radius: 18px; }
.airecords-album-page .short_list_cont { margin-top: 22px; }
}

/* Sprint 2 navigation fit: no desktop scrollbar */
@media (min-width: 992px) {
  .airecords-artist-page .artist_tabs > .nav {
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
    overflow: hidden;
    padding: 6px;
  }
  .airecords-artist-page .artist_tabs > .nav .nav-item {
    flex: 1 1 auto;
    min-width: 0;
  }
  .airecords-artist-page .artist_tabs > .nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 9px 7px !important;
    font-size: clamp(11px, .82vw, 14px);
    letter-spacing: .035em;
    line-height: 1.15;
  }
}

/* Sprint 4: search and filter experience */
.airecords-search-page{--ar-gold:#d6a928;--ar-soft:#f2d477;--ar-border:rgba(214,169,40,.24)}
.airecords-search-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px;padding:28px;border:1px solid var(--ar-border);border-radius:22px;background:radial-gradient(circle at 10% 0,rgba(214,169,40,.18),transparent 38%),linear-gradient(145deg,#191919,#080808);color:#fff}
.airecords-search-hero h1{margin:3px 0 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:850}.airecords-search-kicker{color:var(--ar-soft);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.airecords-search-form{display:flex;flex:1;max-width:660px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#070707}.airecords-search-form input{flex:1;min-width:0;padding:13px 15px;border:0!important;outline:0;background:transparent!important;color:#fff!important;font-size:16px}.airecords-search-form button{display:flex;align-items:center;gap:7px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--ar-soft),var(--ar-gold));color:#090909;font-weight:800}.airecords-search-form svg{width:22px;height:22px}
.airecords-search-page .search_tabs>ul{display:flex;gap:6px;overflow-x:auto;padding:7px;border:1px solid var(--ar-border);border-radius:16px;background:#111;scrollbar-width:thin}.airecords-search-page .search_tabs li{flex:1 0 auto}.airecords-search-page .search_tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px!important;border-radius:10px;color:#bbb!important;font-weight:750;white-space:nowrap}.airecords-search-page .search_tabs li.active a{background:var(--ar-gold)!important;color:#080808!important}
.airecords-search-filters{overflow:hidden;border:1px solid var(--ar-border);border-radius:18px;background:#111}.airecords-filter-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.07);color:#eee}.airecords-filter-reset{border:1px solid var(--ar-border)!important;background:transparent!important;color:var(--ar-soft)!important}.airecords-search-filters .store_widget{margin:0;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}
#search_results{transition:opacity .18s ease}#search_results.is-loading{opacity:.42;pointer-events:none}
@media(max-width:767px){.airecords-search-hero{align-items:stretch;flex-direction:column;padding:20px}.airecords-search-form{max-width:none}.airecords-search-form button span{display:none}.airecords-search-form button{padding:0 14px}.airecords-search-page .search_tabs li{flex:0 0 auto}.airecords-search-page .search_tabs a{font-size:13px}}
/* Sprint 4: player, queue and keyboard polish */
.airecords-player-v2{--ar-gold:#d6a928;--ar-soft:#f2d477}.airecords-player-v2 .player{border-top:1px solid rgba(214,169,40,.28);background:linear-gradient(180deg,#151515,#080808);box-shadow:0 -12px 35px rgba(0,0,0,.35)}
.airecords-player-v2 .song_art img{border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.42)}.airecords-player-v2 .song_name{font-weight:800}.airecords-player-v2 .song_time_sec,.airecords-player-v2 .song_time{font-variant-numeric:tabular-nums}
.airecords-player-v2 .airecords-player-action{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;border-radius:50%;transition:background .18s ease,color .18s ease,transform .18s ease;cursor:pointer}.airecords-player-v2 .airecords-player-action:hover{background:rgba(214,169,40,.14);color:var(--ar-soft);transform:translateY(-1px)}.airecords-player-v2 .airecords-player-action:focus-visible,.airecords-player-v2 .ma_player_playlist .song:focus-visible{outline:3px solid var(--ar-soft);outline-offset:3px}
.airecords-player-v2 .song_queue{border-radius:10px}.airecords-player-v2 .ma_player_playlist{border-left:1px solid rgba(214,169,40,.22);background:#0d0d0d}.airecords-player-v2 .queue_head{position:sticky;top:0;z-index:2;background:#111;border-bottom:1px solid rgba(255,255,255,.08)}.airecords-player-v2 .queue_head h4{color:#f4f4f4}.airecords-queue-clear{border:0;background:transparent;color:var(--ar-soft);font-weight:800;cursor:pointer}.airecords-player-v2 .ma_player_playlist .song{border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease}.airecords-player-v2 .ma_player_playlist .song:hover,.airecords-player-v2 .ma_player_playlist .song.amplitude-active-song-container{background:rgba(214,169,40,.11)}
@media(max-width:767px){.airecords-player-v2 .airecords-player-action{min-width:34px;min-height:34px}.airecords-player-v2 .amplitude-stop{display:none}.airecords-player-v2 .song_details{min-width:0}.airecords-player-v2 .song_title{min-width:0}.airecords-player-v2 .song_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Sprint 4: upload flow, feedback and accessibility */
.airecords-upload-choice{max-width:1050px;margin:0 auto;padding:clamp(24px,5vw,48px);border:1px solid rgba(214,169,40,.24);border-radius:24px;background:radial-gradient(circle at 12% 0,rgba(214,169,40,.17),transparent 35%),linear-gradient(145deg,#191919,#090909);text-align:center;color:#fff}.airecords-upload-choice h1{margin:6px 0 10px;font-size:clamp(2rem,5vw,3.4rem);font-weight:850}.airecords-upload-choice>p{max-width:680px;margin:0 auto 28px;color:#bbb}.airecords-upload-label{color:#f2d477;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.airecords-upload-choice .choice_upload{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:210px;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#111!important;color:#eee;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.airecords-upload-choice .choice_upload:hover{transform:translateY(-3px);border-color:#d6a928;background:#171717!important}.airecords-upload-choice .choice_upload strong{font-size:18px}.airecords-upload-choice .choice_upload small{color:#aaa}.airecords-upload-choice .choice_upload span{color:#f2d477}
.airecords-upload-single-page .upload[role=button]:focus-visible,.airecords-upload-choice [role=button]:focus-visible{outline:3px solid #f2d477;outline-offset:4px}.airecords-upload-single-page .upload_music_alert:not(:empty),.airecords-upload-single-page #output-song-errors:not(:empty){padding:14px 16px;border-radius:12px}.airecords-upload-single-page input:focus-visible,.airecords-upload-single-page textarea:focus-visible,.airecords-upload-single-page select:focus-visible{outline:3px solid rgba(242,212,119,.55)!important;outline-offset:2px}.airecords-upload-single-page .progress-bar{background:linear-gradient(90deg,#d6a928,#f2d477);color:#090909;font-weight:800}.airecords-upload-single-page #btn-song-submit{min-height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,#f2d477,#d6a928);color:#090909;font-weight:850}
@media(max-width:767px){.airecords-upload-choice{padding:22px 16px}.airecords-upload-choice .choice_upload{min-height:170px}}
/* Profielnavigatie: glassy stijl zoals Discover */
.airecords-profile-page .user_info_cont .links_btns .ma_tabs {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    margin: 0 !important;
    padding: 7px !important;
    overflow-x: auto;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, rgba(22, 22, 32, 0.88), rgba(10, 10, 16, 0.92)) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.30), inset 0 1px rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    scrollbar-width: none;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul::-webkit-scrollbar {
    display: none;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul::after {
    display: none !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link {
    display: block;
    padding: 12px 17px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #f5f6fa !important;
    font-size: 13px;
    font-weight: 600 !important;
    line-height: 1.2;
    letter-spacing: 0.35px;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow: none !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a:hover,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a:focus-visible {
    border-color: rgba(255, 194, 71, 0.20) !important;
    background: rgba(255, 194, 71, 0.10) !important;
    color: #ffc247 !important;
    transform: translateY(-1px);
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li.active a,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a.active,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link.active {
    border-color: rgba(255, 194, 71, 0.78) !important;
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111318 !important;
    box-shadow: 0 7px 20px rgba(255, 153, 0, 0.20) !important;
}

@media (max-width: 700px) {
    .airecords-profile-page .user_info_cont .links_btns .ma_tabs ul {
        gap: 4px;
        padding: 6px !important;
        border-radius: 14px !important;
    }

    .airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a,
    .airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link {
        padding: 10px 13px !important;
        font-size: 12px;
    }
}
/* Gebruikersinstellingen: donkere glassy stijl, zonder massief gele zijbalk */
.sett_page {
    overflow: hidden;
    border: 1px solid rgba(255, 194, 71, 0.16) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(22, 22, 32, 0.92), rgba(10, 10, 16, 0.95)) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38), 0 0 24px rgba(255, 153, 0, 0.05) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.sett_page .st_sidebar {
    overflow: hidden;
    border: 0 !important;
    border-right: 1px solid rgba(255, 194, 71, 0.14) !important;
    background: linear-gradient(180deg, rgba(26, 26, 38, 0.92), rgba(13, 13, 20, 0.96)) !important;
}

.sett_page .st_sidebar ul {
    margin: 0 !important;
    padding: 7px !important;
    scrollbar-width: none;
}

.sett_page .st_sidebar ul::-webkit-scrollbar {
    display: none;
}

.sett_page .st_sidebar li,
.sett_page .st_sidebar li:not(:last-child) {
    margin: 0 0 4px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
}

.sett_page .st_sidebar li:last-child {
    margin-bottom: 0 !important;
}

.sett_page .st_sidebar li a {
    display: flex !important;
    align-items: center;
    min-height: 48px;
    padding: 12px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #f4f5f8 !important;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
}

.sett_page .st_sidebar li a svg {
    flex: 0 0 auto;
    color: #ffc247 !important;
}

.sett_page .st_sidebar li a span {
    color: inherit !important;
}

.sett_page .st_sidebar li a:hover,
.sett_page .st_sidebar li a:focus-visible {
    border-color: rgba(255, 194, 71, 0.18) !important;
    background: rgba(255, 194, 71, 0.09) !important;
    color: #ffc247 !important;
}

.sett_page .st_sidebar li.active a {
    border-color: rgba(255, 194, 71, 0.34) !important;
    background: linear-gradient(135deg, rgba(255, 153, 0, 0.16), rgba(255, 194, 71, 0.10)) !important;
    color: #ffc247 !important;
    box-shadow: inset 3px 0 #ffc247, 0 8px 20px rgba(0, 0, 0, 0.16) !important;
}

.sett_page .st_content {
    border: 0 !important;
    background: rgba(12, 12, 19, 0.52) !important;
}

.sett_page .st_content .st_form h3 {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 194, 71, 0.18);
    color: #fff !important;
}

.sett_page .st_content .mat_input label {
    color: #e7e8ee !important;
    font-weight: 700;
}

.sett_page .st_content .mat_input label svg {
    color: #ffc247 !important;
}

.sett_page .st_content input,
.sett_page .st_content select,
.sett_page .st_content textarea {
    border-color: rgba(255, 194, 71, 0.14) !important;
    background: rgba(29, 29, 41, 0.92) !important;
    color: #fff !important;
}

.sett_page .st_content input:focus,
.sett_page .st_content select:focus,
.sett_page .st_content textarea:focus {
    border-color: rgba(255, 194, 71, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(255, 194, 71, 0.08) !important;
}

@media (max-width: 1400px) {
    .sett_page .st_sidebar {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 194, 71, 0.14) !important;
    }

    .sett_page .st_sidebar ul {
        gap: 4px;
    }

    .sett_page .st_sidebar ul li {
        min-width: 58px;
        margin: 0 !important;
    }

    .sett_page .st_sidebar li a {
        justify-content: center;
    }

    .sett_page .st_sidebar li.active a {
        box-shadow: inset 0 -3px #ffc247, 0 8px 20px rgba(0, 0, 0, 0.16) !important;
    }
}

@media (max-width: 600px) {
    .sett_page {
        max-width: 100% !important;
        border-radius: 16px !important;
    }

    .sett_page .st_content {
        padding: 20px 16px 5px !important;
    }
}
/* Albumpagina: actieknoppen in een compacte glassy kaart */
.airecords-album-page .album_songs .play_btn {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 18px auto 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 194, 71, 0.16) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(24, 24, 35, 0.88), rgba(10, 10, 16, 0.94)) !important;
    color: #f5f6fa !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: none !important;
}

.airecords-album-page .album_songs .play_btn > div {
    flex: 1 0 100%;
}

.airecords-album-page .album_songs .play_btn .btn {
    min-width: 104px;
    margin: 0 !important;
    padding: 10px 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 11px !important;
    font-size: 14px;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none;
}

.airecords-album-page .album_songs .play_btn .btn-success {
    min-width: 146px;
    border-color: rgba(255, 194, 71, 0.64) !important;
    background: linear-gradient(135deg, #ff9900, #ffc247) !important;
    color: #111318 !important;
    box-shadow: 0 7px 20px rgba(255, 153, 0, 0.18) !important;
}

/* De vroegere gele Statistics-link wordt donker glassy. */
.airecords-album-page .album_songs .play_btn .btn-warning {
    border-color: rgba(255, 194, 71, 0.28) !important;
    background: rgba(255, 194, 71, 0.08) !important;
    color: #ffc247 !important;
}

.airecords-album-page .album_songs .play_btn .btn-info {
    border-color: rgba(54, 190, 219, 0.30) !important;
    background: rgba(54, 190, 219, 0.10) !important;
    color: #69d7ed !important;
}

.airecords-album-page .album_songs .play_btn .btn-danger {
    border-color: rgba(244, 86, 105, 0.30) !important;
    background: rgba(244, 86, 105, 0.10) !important;
    color: #ff7588 !important;
}

.airecords-album-page .album_songs .play_btn .btn:hover,
.airecords-album-page .album_songs .play_btn .btn:focus-visible {
    border-color: rgba(255, 194, 71, 0.62) !important;
    filter: brightness(1.12);
    transform: translateY(-1px) !important;
}

@media (max-width: 600px) {
    .airecords-album-page .album_songs .play_btn {
        gap: 6px;
        padding: 10px !important;
        border-radius: 15px !important;
    }

    .airecords-album-page .album_songs .play_btn .btn {
        min-width: 0;
        flex: 1 1 calc(50% - 6px);
        padding: 9px 12px !important;
        font-size: 13px;
    }

    .airecords-album-page .album_songs .play_btn .btn-success {
        width: 100%;
        min-width: 100%;
    }
}
/* Profiel- en hoofdmenu: nette uitlijning, geel naar wit bij hover */
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul {
    align-items: stretch !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li {
    display: flex !important;
    align-items: stretch !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px;
    color: #ffc247 !important;
    text-align: center;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a:hover,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a:focus-visible,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link:hover,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link:focus-visible {
    color: #ffffff !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li.active a,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a.active,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link.active {
    border-color: rgba(255, 194, 71, 0.34) !important;
    background: rgba(255, 194, 71, 0.12) !important;
    color: #ffc247 !important;
    box-shadow: inset 0 -2px #ffc247 !important;
}

.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li.active a:hover,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li a.active:hover,
.airecords-profile-page .user_info_cont .links_btns .ma_tabs ul li .nav-link.active:hover {
    color: #ffffff !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    color: #ffc247 !important;
    font-weight: 500;
    line-height: 1.2;
}

.ma_sidebar .sidebar .sidebar_innr .sections li a svg {
    flex: 0 0 24px;
    color: #ffc247 !important;
    fill: currentColor !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li:hover a,
.ma_sidebar .sidebar .sidebar_innr .sections li a:hover,
.ma_sidebar .sidebar .sidebar_innr .sections li a:focus-visible {
    color: #ffffff !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li:hover a svg,
.ma_sidebar .sidebar .sidebar_innr .sections li a:hover svg,
.ma_sidebar .sidebar .sidebar_innr .sections li a:focus-visible svg {
    color: #ffffff !important;
    fill: currentColor !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li.active a {
    color: #ffc247 !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li.active a:hover,
.ma_sidebar .sidebar .sidebar_innr .sections li.active a:focus-visible {
    color: #ffffff !important;
}

.ma_sidebar .sidebar .sidebar_innr .sections li.active a:hover svg,
.ma_sidebar .sidebar .sidebar_innr .sections li.active a:focus-visible svg {
    color: #ffffff !important;
    fill: currentColor !important;
}
/* Veilige instellingenmenu-correctie: kleur en uitlijning zonder layoutwijziging */
@media (min-width: 1200px) {
    .sett_page .st_sidebar {
        width: 300px !important;
        min-width: 300px !important;
    }

    .sett_page .st_sidebar li a {
        display: grid !important;
        grid-template-columns: 30px minmax(0, 1fr);
        align-items: center !important;
        column-gap: 14px;
        padding: 12px 16px !important;
        color: #ffc247 !important;
        text-align: left !important;
    }

    .sett_page .st_sidebar li a svg {
        width: 24px !important;
        min-width: 24px !important;
        height: 24px !important;
        margin: 0 auto !important;
        color: #ffc247 !important;
        fill: currentColor !important;
    }

    .sett_page .st_sidebar li a span {
        display: block !important;
        margin: 0 !important;
        color: #ffc247 !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 1.2;
        white-space: nowrap !important;
    }

    .sett_page .st_sidebar li a:hover,
    .sett_page .st_sidebar li a:focus-visible,
    .sett_page .st_sidebar li a:hover span,
    .sett_page .st_sidebar li a:focus-visible span,
    .sett_page .st_sidebar li a:hover svg,
    .sett_page .st_sidebar li a:focus-visible svg {
        color: #ffffff !important;
        fill: currentColor !important;
    }
}
/* Reserveer de definitieve carrouselruimte voordat JavaScript initialiseert. */
.home_top_slider {
    min-height: 350px;
}
.home_top_slider:not(.swiper-initialized) {
    height: 350px;
    overflow: hidden;
}
.home_top_slider:not(.swiper-initialized) .swiper-wrapper,
.home_top_slider:not(.swiper-initialized) .swiper-button-next,
.home_top_slider:not(.swiper-initialized) .swiper-button-prev {
    visibility: hidden;
}

.rp_slider.owl-carousel {
    min-height: 301px;
}
.rp_slider.owl-carousel:not(.owl-loaded) {
    display: block;
    height: 301px;
    overflow: hidden;
}
.rp_slider.owl-carousel:not(.owl-loaded) > * {
    visibility: hidden;
}

@media (max-width: 767px) {
    .home_top_slider {
        min-height: 330px;
    }
    .home_top_slider:not(.swiper-initialized) {
        height: 330px;
    }
}
/* Houd de volledige sectie stabiel terwijl kaarten en carousel initialiseren. */
.recently_played_block {
    min-height: 375px;
}
/* Kleurrijke Airecords AI-wave uitsluitend in de grote muziekspeler. */
.airecords-track-page #dark-waves {
    position: relative;
    min-height: 150px;
    overflow: hidden;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(4,4,10,.96), rgba(8,7,18,.94));
}
.airecords-track-page #dark-wave,
.airecords-track-page #light-wave img {
    opacity: 0 !important;
}
.airecords-player-ai-wave {
    position: absolute;
    inset: 0;
    z-index: 112;
    pointer-events: none;
    opacity: .86;
    background:
        linear-gradient(180deg, rgba(2,2,8,.08), rgba(2,2,8,.24)),
        url("../img/airecords-ai-wave-v1.webp") center 50% / cover no-repeat;
    transform: translate3d(-1%,0,0) scale(1.04);
    transform-origin: center;
    filter: saturate(1.08) contrast(1.04);
    will-change: transform, opacity;
}
body.player_running .airecords-player-ai-wave {
    animation: airecords-player-ai-wave-move 8s ease-in-out infinite alternate;
}
@keyframes airecords-player-ai-wave-move {
    0%   { transform: translate3d(-1.5%,0,0) scale(1.04); opacity: .78; }
    50%  { transform: translate3d(.4%,-1%,0) scale(1.07); opacity: .94; }
    100% { transform: translate3d(1.5%,.5%,0) scale(1.045); opacity: .84; }
}
.airecords-track-page #light-wave {
    z-index: 130 !important;
    height: 100%;
    border-color: rgba(255,194,71,.96) !important;
    filter: drop-shadow(0 0 5px rgba(255,194,71,.72));
}
@media (max-width: 700px) {
    .airecords-track-page #dark-waves { min-height: 108px; border-radius: 14px; }
    .airecords-player-ai-wave { background-size: auto 100%; }
}
@media (prefers-reduced-motion: reduce) {
    body.player_running .airecords-player-ai-wave {
        animation: none;
        transform: scale(1.04);
    }
}
/* Realtime verticale muziekreactie voor de speler-wave. */
.airecords-player-ai-wave {
    --ar-wave-y: 0px;
    --ar-wave-scale-y: 1;
    --ar-wave-brightness: 1;
    --ar-wave-glow: 6px;
    --ar-wave-opacity: .86;
    --ar-wave-shift: 0px;
    opacity: var(--ar-wave-opacity);
    transform: translate3d(0, var(--ar-wave-y), 0) scaleX(1.04) scaleY(var(--ar-wave-scale-y));
    filter:
        saturate(1.10)
        contrast(1.05)
        brightness(var(--ar-wave-brightness))
        drop-shadow(0 0 var(--ar-wave-glow) rgba(103, 80, 255, .48));
    transition: transform 55ms linear, filter 70ms linear, opacity 70ms linear;
}
body.player_running .airecords-player-ai-wave {
    animation: airecords-player-wave-horizontal 7s ease-in-out infinite alternate;
}
@keyframes airecords-player-wave-horizontal {
    0%   { background-position: center, 47% calc(50% + var(--ar-wave-shift)); }
    50%  { background-position: center, 50% calc(49% + var(--ar-wave-shift)); }
    100% { background-position: center, 53% calc(51% + var(--ar-wave-shift)); }
}
body.airecords-wave-fallback.player_running .airecords-player-ai-wave {
    animation: airecords-player-ai-wave-move 3.8s ease-in-out infinite alternate;
}
/* Video-wave in plaats van afbeeldings- of analyseranimatie. */
video.airecords-player-ai-wave {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .92;
    background: #05050a;
    transform: none !important;
    animation: none !important;
    filter: saturate(1.08) contrast(1.04) brightness(.96);
    transition: none;
}
body.player_running video.airecords-player-ai-wave,
body.airecords-wave-fallback.player_running video.airecords-player-ai-wave {
    transform: none !important;
    animation: none !important;
}
/* Felle Airecords voortgangsstreep boven de wavevideo. */
.airecords-track-page #light-wave {
    border-color: #ffe34f !important;
    filter:
        drop-shadow(0 0 2px rgba(255,255,255,.95))
        drop-shadow(0 0 7px rgba(255,227,79,.95))
        drop-shadow(0 0 14px rgba(255,174,0,.72));
}
/* Tijdelijke terugval: toon de standaard song-wave totdat de videowave online staat. */
.airecords-track-page #dark-wave,
.airecords-track-page #light-wave img {
    display: block !important;
    opacity: 1 !important;
}
.airecords-track-page video.airecords-player-ai-wave {
    display: none !important;
}
/* Herstel het oorspronkelijke compacte formaat van de standaard song-wave. */
.airecords-track-page #dark-waves {
    min-height: 0 !important;
    height: 128px !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.airecords-track-page #dark-wave,
.airecords-track-page #light-wave,
.airecords-track-page #light-wave img {
    height: 128px !important;
}
.airecords-track-page #dark-wave,
.airecords-track-page #light-wave img {
    object-fit: fill;
}
@media (max-width: 700px) {
    .airecords-track-page #dark-waves,
    .airecords-track-page #dark-wave,
    .airecords-track-page #light-wave,
    .airecords-track-page #light-wave img {
        height: 96px !important;
    }
}/* Mobiel: de zichtbare coverknop en het echte bestandsveld delen exact dezelfde tikzone. */
@media (max-width: 767px) {
    .airecords-artist-page .artist_cover > .edit_cover,
    .airecords-artist-page .user_cover > .edit_cover,
    .airecords-profile-page .user_cover > .edit_cover {
        position: absolute !important;
        inset: 0 !important;
        z-index: 12 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: none;
    }

    .airecords-artist-page .artist_cover > .edit_cover form,
    .airecords-artist-page .user_cover > .edit_cover form,
    .airecords-profile-page .user_cover > .edit_cover form {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        pointer-events: none;
    }

    .airecords-artist-page .artist_cover > .edit_cover .change-cover-icon,
    .airecords-artist-page .user_cover > .edit_cover .change-cover-icon,
    .airecords-profile-page .user_cover > .edit_cover .change-cover-icon {
        position: relative !important;
        z-index: 1;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 60px !important;
        height: 60px !important;
        margin: 0 !important;
        overflow: hidden;
        border: 1px solid rgba(255,194,71,.58) !important;
        border-radius: 50% !important;
        background: rgba(8,8,14,.82) !important;
        color: #ffc247 !important;
        box-shadow: 0 8px 25px rgba(0,0,0,.45), 0 0 18px rgba(255,194,71,.18);
        cursor: pointer;
        pointer-events: auto;
        touch-action: manipulation;
    }

    .airecords-artist-page .artist_cover > .edit_cover .change-cover-icon input[type="file"],
    .airecords-artist-page .user_cover > .edit_cover .change-cover-icon input[type="file"],
    .airecords-profile-page .user_cover > .edit_cover .change-cover-icon input[type="file"] {
        position: absolute !important;
        inset: 0 !important;
        z-index: 2;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }
}

/* HAL TRACK PLAYER COVER WAVE V1 */
.airecords-track-page .ssong_header {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    max-width: 1180px !important;
    margin: 35px auto 0 !important;
    padding: 36px !important;
    background: #0b0c12 !important;
    border: 1px solid rgba(255, 194, 71, 0.20) !important;
    border-bottom: 0 !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.55) !important;
}

.airecords-track-page .ssong_header::before,
.airecords-track-page .ssong_footer::before {
    content: "";
    position: absolute;
    inset: -35px;
    z-index: -2;
    pointer-events: none;
    background-image: var(--hal-track-cover);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    filter: blur(28px) saturate(1.18);
    transform: scale(1.10);
    opacity: 0.78;
}

.airecords-track-page .ssong_header::after,
.airecords-track-page .ssong_footer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(105deg,
            rgba(8, 9, 15, 0.90) 0%,
            rgba(12, 13, 22, 0.75) 48%,
            rgba(7, 8, 13, 0.88) 100%);
}

.airecords-track-page .ssong_header > .container,
.airecords-track-page .ssong_footer > .container {
    position: relative;
    z-index: 1;
    width: 100% !important;
    max-width: 1080px !important;
}

.airecords-track-page .airecords-track-title,
.airecords-track-page .airecords-track-title a {
    color: #ffffff !important;
    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.airecords-track-page #waveform {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 28px 0 18px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.airecords-track-page #waveform .images,
.airecords-track-page #dark-waves,
.airecords-track-page #dark-wave,
.airecords-track-page #light-wave,
.airecords-track-page #light-wave img,
.airecords-track-page #waveform wave,
.airecords-track-page #waveform canvas {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

.airecords-track-page #dark-wave,
.airecords-track-page #light-wave img {
    display: block !important;
    object-fit: fill !important;
}

.airecords-track-page #waveform-load {
    padding: 8px 0 !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

.airecords-track-page .ssong_footer {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    width: auto !important;
    max-width: 1180px !important;
    margin: 0 auto 35px !important;
    background: #0b0c12 !important;
    border: 1px solid rgba(255, 194, 71, 0.20) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 0 0 26px 26px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.40) !important;
}

.airecords-track-page .ssong_footer .ss_actions {
    padding: 17px 0 !important;
}

@media (max-width: 800px) {
    .airecords-track-page .ssong_header {
        margin: 20px 12px 0 !important;
        padding: 22px !important;
        border-radius: 18px 18px 0 0 !important;
    }

    .airecords-track-page .ssong_footer {
        margin: 0 12px 25px !important;
        border-radius: 0 0 18px 18px !important;
    }

    .airecords-track-page #waveform,
    .airecords-track-page #waveform .images,
    .airecords-track-page #dark-waves,
    .airecords-track-page #dark-wave,
    .airecords-track-page #light-wave,
    .airecords-track-page #light-wave img,
    .airecords-track-page #waveform wave,
    .airecords-track-page #waveform canvas {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    .airecords-track-page .airecords-track-title,
    .airecords-track-page .airecords-track-title a {
        font-size: 27px !important;
    }
}

/* HAL TRACK PLAYER COVER WAVE V2 */

/* Maak de vervaagde coverachtergrond zichtbaar */
.airecords-track-page .ssong_header::before,
.airecords-track-page .ssong_footer::before {
    z-index: 0 !important;
    opacity: 0.92 !important;
    filter: blur(24px) saturate(1.30) brightness(0.82) !important;
}

.airecords-track-page .ssong_header::after,
.airecords-track-page .ssong_footer::after {
    z-index: 1 !important;
    background: linear-gradient(
        105deg,
        rgba(7, 8, 14, 0.56) 0%,
        rgba(10, 11, 18, 0.42) 48%,
        rgba(6, 7, 12, 0.66) 100%
    ) !important;
}

.airecords-track-page .ssong_header > *,
.airecords-track-page .ssong_footer > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Verwijder de zwarte binnenkaart */
.airecords-track-page .ss_sub_body,
.airecords-track-page .ss_sub_body > .clearfix,
.airecords-track-page .ss_track_info,
.airecords-track-page .ss_track_info_innr {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Kleinere cover op desktop */
.airecords-track-page .ss_image {
    width: 200px !important;
    height: 200px !important;
    min-width: 200px !important;
    min-height: 200px !important;
    border-radius: 16px !important;
}

.airecords-track-page .ss_track_info {
    margin-left: 230px !important;
    min-height: 200px !important;
    padding-top: 4px !important;
}

/* Waveform dichter bij het bovenste gedeelte */
.airecords-track-page #waveform {
    margin: 20px 0 10px !important;
    background: rgba(4, 5, 10, 0.30) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: inset 0 1px 12px rgba(0, 0, 0, 0.28) !important;
}

@media (max-width: 800px) {
    .airecords-track-page .ss_image {
        width: min(100%, 240px) !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        float: none !important;
        margin: 0 auto 20px !important;
    }

    .airecords-track-page .ss_track_info {
        margin-left: 0 !important;
        min-height: 0 !important;
    }
}

/* HAL FIXED PLAYER CARD V3 */

/* Achtergrond niet langer over lyrics en albumtekst */
.airecords-track-page .ssong_header {
    position: relative !important;
    isolation: auto !important;
    overflow: visible !important;
    max-width: none !important;
    margin: 30px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.airecords-track-page .ssong_header::before,
.airecords-track-page .ssong_header::after,
.airecords-track-page .ssong_footer::before,
.airecords-track-page .ssong_footer::after {
    display: none !important;
}

.airecords-track-page .ssong_header > .container {
    width: 100% !important;
    max-width: 1080px !important;
}

/* Eén vaste kaart voor cover, speler, waveform en knoppen */
.airecords-track-page .ss_sub_body {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 28px !important;
    background: #0a0b11 !important;
    border: 1px solid rgba(255, 194, 71, 0.22) !important;
    border-radius: 24px !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.48) !important;
    -webkit-box-reflect: none !important;
}

.airecords-track-page .ss_sub_body::before {
    content: "";
    position: absolute;
    inset: -35px;
    z-index: 0;
    pointer-events: none;
    background-image: var(--hal-track-cover);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(25px) saturate(1.25) brightness(0.82);
    transform: scale(1.10);
    opacity: 0.90;
}

.airecords-track-page .ss_sub_body::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        rgba(7, 8, 13, 0.58),
        rgba(8, 9, 15, 0.42) 52%,
        rgba(5, 6, 10, 0.68)
    );
}

.airecords-track-page .ss_sub_body > * {
    position: relative !important;
    z-index: 2 !important;
    -webkit-box-reflect: none !important;
}

/* Compacte cover */
.airecords-track-page .ss_image {
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    margin-right: 24px !important;
    border-radius: 16px !important;
    -webkit-box-reflect: none !important;
}

.airecords-track-page .ss_track_info {
    margin-left: 205px !important;
    min-height: 180px !important;
    padding-top: 4px !important;
    background: transparent !important;
    -webkit-box-reflect: none !important;
}

.airecords-track-page .ss_track_play_pause {
    height: 180px !important;
    -webkit-box-reflect: none !important;
}

.airecords-track-page .ss_track_info_innr {
    background: transparent !important;
    -webkit-box-reflect: none !important;
}

/* Waveform binnen dezelfde kaart */
.airecords-track-page .ss_sub_body > #waveform {
    clear: both !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 22px 0 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 10px !important;
    background: rgba(3, 4, 8, 0.30) !important;
    box-shadow: inset 0 1px 14px rgba(0, 0, 0, 0.30) !important;
}

/* Knoppen direct onder de waveform */
.airecords-track-page .hal-player-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
}

.airecords-track-page .hal-player-actions .ss_actions_innr,
.airecords-track-page .hal-player-actions .ss_toolkit {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.airecords-track-page .hal-player-actions .ss_toolkit {
    margin-left: auto !important;
}

.airecords-track-page .hal-player-footer-empty {
    display: none !important;
}

/* Lyrics en albuminformatie weer normale paginablokken */
.airecords-track-page .hal-live-lyrics-wrap,
.airecords-track-page .hal-track-sections {
    width: calc(100% - 24px) !important;
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 800px) {
    .airecords-track-page .ss_sub_body {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .airecords-track-page .ss_image {
        width: min(100%, 220px) !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        float: none !important;
        margin: 0 auto 20px !important;
    }

    .airecords-track-page .ss_track_info {
        margin-left: 0 !important;
        min-height: 0 !important;
    }

    .airecords-track-page .ss_track_play_pause {
        height: 70px !important;
    }

    .airecords-track-page .ss_sub_body > #waveform {
        height: 44px !important;
        min-height: 44px !important;
    }

    .airecords-track-page .hal-player-actions {
        align-items: flex-start !important;
    }

    .airecords-track-page .hal-player-actions .ss_toolkit {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

/* HAL COMPACT SITE PLAYERS V4 */

/* Compacte songkaarten op Discover, Top Music, Spotlight en feeds */
.hal-compact-player {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    background: #0a0b11 !important;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34) !important;
}

.hal-compact-player::before {
    content: "";
    position: absolute;
    inset: -25px;
    z-index: 0;
    pointer-events: none;
    background-image: var(--hal-card-cover);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(22px) saturate(1.22) brightness(0.76);
    transform: scale(1.10);
    opacity: 0.82;
}

.hal-compact-player::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        100deg,
        rgba(7, 8, 13, 0.62),
        rgba(8, 9, 15, 0.46) 52%,
        rgba(5, 6, 10, 0.72)
    );
}

.hal-compact-player > * {
    position: relative !important;
    z-index: 2 !important;
}

.feed_post:has(.hal-compact-player) {
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto 14px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.hal-compact-player .feed_song {
    display: flex !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 8px 12px !important;
    background: transparent !important;
}

.hal-compact-player .feed_song:hover {
    background: rgba(255, 255, 255, 0.055) !important;
}

.hal-compact-player .feed_song .first {
    min-width: 88px !important;
}

.hal-compact-player .feed_song .first .cover,
.hal-compact-player .feed_song .first .cover img {
    width: 88px !important;
    height: 88px !important;
    border-radius: 11px !important;
}

.hal-compact-player .feed_song .first .cover {
    margin-right: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.38) !important;
}

.hal-compact-player .feed_song .first .cover .play_btn {
    border-radius: 11px !important;
    background: rgba(5, 6, 10, 0.55) !important;
}

.hal-compact-player .feed_song .second {
    min-width: 0 !important;
    max-width: calc(100% - 180px) !important;
    padding-left: 14px !important;
}

.hal-compact-player .feed_song .second .art_details h4 {
    margin: 0 0 6px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.hal-compact-player .feed_song .third {
    margin-left: auto !important;
    padding-left: 14px !important;
}

.hal-compact-player .feed_song .third .duration {
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 13px !important;
}

.hal-compact-player .waveform-small {
    width: 100% !important;
    padding: 0 12px 10px !important;
}

.hal-compact-player .waveform-small:empty {
    display: none !important;
    padding: 0 !important;
}

.hal-compact-player .waveform-small #waveform,
.hal-compact-player .waveform-small #dark-waves,
.hal-compact-player .waveform-small #dark-wave,
.hal-compact-player .waveform-small #light-wave,
.hal-compact-player .waveform-small #light-wave img,
.hal-compact-player .waveform-small wave,
.hal-compact-player .waveform-small canvas {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
}

.hal-compact-player .waveform-small #waveform {
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 8px !important;
    background: rgba(3, 4, 8, 0.25) !important;
}

/* De volledige trackspeler iets lager en compacter */
.airecords-track-page .ss_sub_body {
    padding: 22px !important;
}

.airecords-track-page .ss_image {
    width: 155px !important;
    height: 155px !important;
    min-width: 155px !important;
    min-height: 155px !important;
}

.airecords-track-page .ss_track_info {
    margin-left: 180px !important;
    min-height: 155px !important;
}

.airecords-track-page .ss_track_play_pause {
    height: 155px !important;
}

.airecords-track-page .ss_sub_body > #waveform {
    height: 56px !important;
    min-height: 56px !important;
    margin-top: 16px !important;
}

.airecords-track-page .hal-player-actions {
    margin-top: 11px !important;
    padding-top: 11px !important;
}

/* Mobiele compacte kaarten */
@media (max-width: 800px) {
    .hal-compact-player {
        margin-bottom: 11px !important;
        border-radius: 14px !important;
    }

    .hal-compact-player .feed_song {
        min-height: 84px !important;
        padding: 8px !important;
    }

    .hal-compact-player .feed_song .first {
        min-width: 68px !important;
    }

    .hal-compact-player .feed_song .first .cover,
    .hal-compact-player .feed_song .first .cover img {
        width: 68px !important;
        height: 68px !important;
        border-radius: 9px !important;
    }

    .hal-compact-player .feed_song .second {
        max-width: calc(100% - 78px) !important;
        padding-left: 10px !important;
    }

    .hal-compact-player .feed_song .second .art_details h4 {
        font-size: 16px !important;
    }

    .hal-compact-player .feed_song .third {
        display: none !important;
    }

    .hal-compact-player .waveform-small {
        padding: 0 8px 8px !important;
    }

    .hal-compact-player .waveform-small #waveform,
    .hal-compact-player .waveform-small #dark-waves,
    .hal-compact-player .waveform-small #dark-wave,
    .hal-compact-player .waveform-small #light-wave,
    .hal-compact-player .waveform-small #light-wave img,
    .hal-compact-player .waveform-small wave,
    .hal-compact-player .waveform-small canvas {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    .airecords-track-page .ss_image {
        width: min(100%, 200px) !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
    }

    .airecords-track-page .ss_track_info {
        margin-left: 0 !important;
        min-height: 0 !important;
    }
}

/* HAL TOP MUSIC AND SPOTLIGHT V5 */

/* Top Music voortaan één uitgelijnde kolom */
.top_dic_son_listz {
    width: 100% !important;
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.top_dic_son_listz > .col-md-6 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.top_dic_son_listz .short_list_card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Compacte Top Music-kaart */
.hal-mini-player {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    min-height: 98px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
    background: #0a0b11 !important;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32) !important;
}

.hal-mini-player::before {
    content: "";
    position: absolute;
    inset: -24px;
    z-index: 0;
    pointer-events: none;
    background-image: var(--hal-card-cover);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(22px) saturate(1.22) brightness(0.74);
    transform: scale(1.10);
    opacity: 0.84;
}

.hal-mini-player::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        100deg,
        rgba(7, 8, 13, 0.66),
        rgba(8, 9, 15, 0.46) 52%,
        rgba(5, 6, 10, 0.74)
    );
}

.hal-mini-player > .s_lsongs_child {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) 95px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 98px !important;
    margin: 0 !important;
    padding: 9px 14px !important;
    list-style: none !important;
    background: transparent !important;
}

.hal-mini-player:hover > .s_lsongs_child {
    background: rgba(255, 255, 255, 0.05) !important;
}

.hal-mini-player .s_lsongs_child > .first {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
}

.hal-mini-player .numbers {
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.hal-mini-player .fav_song {
    display: inline-flex !important;
    align-items: center !important;
}

.hal-mini-player .s_lsongs_child > .second {
    min-width: 0 !important;
}

.hal-mini-player .s_lsongs_child > .second > a {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

.hal-mini-player .art_song {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    margin-right: 14px !important;
    overflow: hidden !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.38) !important;
}

.hal-mini-player .art_song img {
    display: block !important;
    width: 78px !important;
    height: 78px !important;
    object-fit: cover !important;
}

.hal-mini-player .art_details {
    min-width: 0 !important;
}

.hal-mini-player .art_details h4 {
    overflow: hidden !important;
    margin: 0 0 5px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hal-mini-player .art_details p {
    overflow: hidden !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.70) !important;
    font-size: 13px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hal-mini-player .s_lsongs_child > .third {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 13px !important;
}

.hal-mini-player .duration {
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 13px !important;
}

.hal-mini-player .opts_song {
    color: #ffc247 !important;
    cursor: pointer !important;
}

/* Spotlight-toggle boven de kaart houden */
.hal-compact-player > .third {
    z-index: 3 !important;
}

/* Ook korte lijsten buiten Top Music dezelfde maximale breedte */
.short_list_cont,
.artist_s_list {
    max-width: 1080px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobiel */
@media (max-width: 800px) {
    .hal-mini-player {
        min-height: 76px !important;
        margin-bottom: 10px !important;
        border-radius: 13px !important;
    }

    .hal-mini-player > .s_lsongs_child {
        grid-template-columns: 38px minmax(0, 1fr) 34px !important;
        min-height: 76px !important;
        padding: 7px 9px !important;
    }

    .hal-mini-player .fav_song {
        display: none !important;
    }

    .hal-mini-player .art_song,
    .hal-mini-player .art_song img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
    }

    .hal-mini-player .art_song {
        margin-right: 10px !important;
        border-radius: 9px !important;
    }

    .hal-mini-player .art_details h4 {
        font-size: 15px !important;
    }

    .hal-mini-player .art_details p {
        font-size: 12px !important;
    }

    .hal-mini-player .duration {
        display: none !important;
    }
}

/* HAL COMPACT FINETUNE V6 */

/* Top Music lager en dichter onder elkaar */
.hal-mini-player {
    min-height: 84px !important;
    margin-bottom: 8px !important;
    border-radius: 14px !important;
}

.hal-mini-player > .s_lsongs_child {
    grid-template-columns: 42px minmax(0, 1fr) 88px !important;
    min-height: 84px !important;
    padding: 7px 12px !important;
}

.hal-mini-player .fav_song {
    display: none !important;
}

.hal-mini-player .numbers {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 15px !important;
    text-align: center !important;
}

.hal-mini-player .art_song,
.hal-mini-player .art_song img {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
}

.hal-mini-player .art_song {
    position: relative !important;
    margin-right: 12px !important;
    border-radius: 10px !important;
}

.hal-mini-player .hal-mini-play {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    background: rgba(5, 6, 10, 0.25) !important;
    opacity: 0 !important;
    cursor: pointer !important;
    transition: opacity 0.18s ease, background 0.18s ease !important;
}

.hal-mini-player .hal-mini-play::before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    border: 2px solid rgba(255, 194, 71, 0.95);
    border-radius: 50%;
    background: rgba(5, 6, 10, 0.76);
    box-shadow: 0 0 18px rgba(255, 172, 31, 0.30);
}

.hal-mini-player .hal-mini-play svg {
    position: relative !important;
    z-index: 1 !important;
    width: 21px !important;
    height: 21px !important;
    margin-left: 3px !important;
    color: #ffc247 !important;
}

.hal-mini-player .art_song:hover .hal-mini-play,
.hal-mini-player .hal-mini-play:focus {
    opacity: 1 !important;
    background: rgba(5, 6, 10, 0.48) !important;
}

.hal-mini-player .art_details h4 {
    font-size: 16px !important;
    margin-bottom: 3px !important;
}

.hal-mini-player .art_details p {
    font-size: 12px !important;
}

.hal-mini-player .s_lsongs_child > .third {
    gap: 9px !important;
}

/* Spotlight en Discover: uploadregel veel compacter */
.feed_post:has(.hal-compact-player) {
    margin-bottom: 9px !important;
}

.feed_post:has(.hal-compact-player) .fp_head {
    min-height: 36px !important;
    padding: 3px 8px !important;
}

.feed_post:has(.hal-compact-player) .fp_head .avatar img:not(.pro_packages_icon) {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    margin-right: 6px !important;
}

.feed_post:has(.hal-compact-player) .fp_head .user_info {
    margin-right: 8px !important;
}

.feed_post:has(.hal-compact-player) .fp_head .user_info a {
    font-size: 13px !important;
    line-height: 1.1 !important;
}

.feed_post:has(.hal-compact-player) .fp_head .user_info span {
    margin-top: 1px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.feed_post:has(.hal-compact-player) .fp_head .opts_feed .btn {
    transform: scale(0.86) !important;
}

.feed_post:has(.hal-compact-player) .hal-compact-player {
    margin-bottom: 0 !important;
    border-radius: 14px !important;
}

.feed_post:has(.hal-compact-player) .hal-compact-player .feed_song {
    min-height: 82px !important;
    padding: 6px 10px !important;
}

.feed_post:has(.hal-compact-player) .feed_song .first {
    min-width: 70px !important;
}

.feed_post:has(.hal-compact-player) .feed_song .first .cover,
.feed_post:has(.hal-compact-player) .feed_song .first .cover img {
    width: 70px !important;
    height: 70px !important;
    border-radius: 10px !important;
}

.feed_post:has(.hal-compact-player) .feed_song .second {
    max-width: calc(100% - 154px) !important;
    padding-left: 10px !important;
}

.feed_post:has(.hal-compact-player) .feed_song .second .art_details h4 {
    font-size: 16px !important;
    margin-bottom: 3px !important;
}

/* Mobiel */
@media (max-width: 800px) {
    .hal-mini-player {
        min-height: 70px !important;
        margin-bottom: 7px !important;
    }

    .hal-mini-player > .s_lsongs_child {
        grid-template-columns: 30px minmax(0, 1fr) 28px !important;
        min-height: 70px !important;
        padding: 6px 7px !important;
    }

    .hal-mini-player .art_song,
    .hal-mini-player .art_song img {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
    }

    .hal-mini-player .hal-mini-play {
        opacity: 0.88 !important;
        background: transparent !important;
    }

    .hal-mini-player .hal-mini-play::before {
        width: 32px !important;
        height: 32px !important;
    }

    .hal-mini-player .art_details h4 {
        font-size: 14px !important;
    }

    .feed_post:has(.hal-compact-player) .fp_head {
        min-height: 32px !important;
        padding: 2px 6px !important;
    }

    .feed_post:has(.hal-compact-player) .fp_head .avatar img:not(.pro_packages_icon) {
        width: 27px !important;
        min-width: 27px !important;
        height: 27px !important;
    }
}

/* HAL LIVE LYRICS UNDER PLAYER V7 */

/* Actieve songtekst direct onder de speler */
.airecords-track-page .hal-live-lyrics-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 24px) !important;
    max-width: 1080px !important;
    min-height: 58px !important;
    margin: 10px auto 18px !important;
    padding: 10px 20px !important;
    text-align: center !important;
    background: rgba(8, 9, 14, 0.72) !important;
    border: 1px solid rgba(255, 194, 71, 0.20) !important;
    border-radius: 14px !important;
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.airecords-track-page .hal-live-lyric {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffc247 !important;
    text-align: center !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
    letter-spacing: 0.01em !important;
    text-shadow:
        0 0 12px rgba(255, 194, 71, 0.30),
        0 2px 6px rgba(0, 0, 0, 0.72) !important;
}

.airecords-track-page .hal-live-lyric-text {
    display: block !important;
    width: 100% !important;
    color: #ffc247 !important;
    text-align: center !important;
}

/* Eventuele actieve en volgende lyricregels */
.airecords-track-page .hal-live-lyric .active,
.airecords-track-page .hal-live-lyric-active {
    color: #ffd66b !important;
}

@media (max-width: 800px) {
    .airecords-track-page .hal-live-lyrics-wrap {
        width: calc(100% - 20px) !important;
        min-height: 50px !important;
        margin: 8px auto 14px !important;
        padding: 8px 12px !important;
        border-radius: 12px !important;
    }

    .airecords-track-page .hal-live-lyric {
        min-height: 30px !important;
        font-size: 17px !important;
        line-height: 1.38 !important;
    }
}


/* HAL TRACK DROPDOWN ABOVE LYRICS V8 */
.airecords-track-page .ssong_header {
    position: relative !important;
    z-index: 50 !important;
    overflow: visible !important;
}

.airecords-track-page .ss_sub_body,
.airecords-track-page .ss_actions {
    position: relative !important;
    overflow: visible !important;
}

.airecords-track-page .ss_actions {
    z-index: 60 !important;
}

.airecords-track-page .ss_actions .dropdown,
.airecords-track-page .ss_actions .dropup {
    position: relative !important;
    z-index: 70 !important;
}

.airecords-track-page .ss_actions .dropdown-menu {
    z-index: 99999 !important;
}

.airecords-track-page .hal-live-lyrics-wrap {
    position: relative !important;
    z-index: 1 !important;
}

/* HAL LYRICS POSITION INSIDE PLAYER V9 */
.airecords-track-page .ss_sub_body > .hal-live-lyrics-wrap {
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    margin: 10px 0 12px !important;
    padding: 8px 15px !important;
    position: relative !important;
    z-index: 20 !important;
    background: rgba(5, 5, 8, 0.28) !important;
    border: 1px solid rgba(255, 194, 71, 0.18) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}

.airecords-track-page .ss_sub_body > .hal-live-lyrics-wrap .hal-live-lyric,
.airecords-track-page .ss_sub_body > .hal-live-lyrics-wrap .hal-live-lyric-text {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    color: #ffc247 !important;
}

@media (max-width: 800px) {
    .airecords-track-page .ss_sub_body > .hal-live-lyrics-wrap {
        min-height: 42px !important;
        margin: 8px 0 10px !important;
        padding: 7px 10px !important;
    }
}

/* HAL TRACK PAGE FULL WIDTH V11 */
.airecords-track-page .hal-track-content-wide {
    width: 100% !important;
    max-width: none !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

.airecords-track-page .hal-track-main-wide {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

.airecords-track-page .hal-track-right-sidebar {
    display: none !important;
}

.airecords-track-page .hal-track-main-wide .ssong_comments,
.airecords-track-page .hal-track-main-wide .ssong_comments_main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 800px) {
    .airecords-track-page .hal-track-content-wide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* HAL SPOTLIGHT FULL WIDTH V12 */
.hal-spotlight-page .hal-spotlight-layout {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 18px !important;
}

.hal-spotlight-page .hal-spotlight-main {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}

.hal-spotlight-page .feed_post_block,
.hal-spotlight-page .feed_post,
.hal-spotlight-page .hal-compact-player {
    width: 100% !important;
    max-width: none !important;
}

.hal-spotlight-page .see_all {
    width: 100% !important;
}

@media (max-width: 800px) {
    .hal-spotlight-page .hal-spotlight-layout {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}