/* ===== SIMPLE ===== */
.bs-radio-player[data-skin="simple"]{
	--bsr-bg:#ffffff; --bsr-fg:#333; --bsr-muted:#888;
	--bsr-accent:#555555; --bsr-accent-fg:#fff;
	--bsr-border:#e0e0e0; --bsr-radius:6px; --bsr-shadow:none;
}

/* ===== MODERN ===== */
.bs-radio-player[data-skin="modern"]{
	--bsr-bg:#ffffff; --bsr-fg:#1a1a2e; --bsr-muted:#6b7280;
	--bsr-accent:#4f46e5; --bsr-accent-fg:#fff;
	--bsr-border:#eef0f5; --bsr-radius:18px;
	--bsr-shadow:0 8px 24px rgba(79,70,229,.12);
	--bsr-font:"Segoe UI", Roboto, sans-serif;
}
.bs-radio-player[data-skin="modern"] .bsr-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);}

/* ===== ELEGANT ===== */
.bs-radio-player[data-skin="elegant"]{
	--bsr-bg:#faf7f2; --bsr-fg:#2b2420; --bsr-muted:#8a7c6d;
	--bsr-accent:#b08d57; --bsr-accent-fg:#fff;
	--bsr-border:#e7dfd3; --bsr-radius:10px;
	--bsr-shadow:0 4px 18px rgba(176,141,87,.15);
	--bsr-font:Georgia, "Times New Roman", serif;
}
.bs-radio-player[data-skin="elegant"] .bsr-station-name{letter-spacing:.4px;}

/* ===== DARK ===== */
.bs-radio-player[data-skin="dark"]{
	--bsr-bg:#14151a; --bsr-fg:#f2f2f2; --bsr-muted:#9a9ba3;
	--bsr-accent:#00d4ff; --bsr-accent-fg:#0a0a0a;
	--bsr-border:#2a2b33; --bsr-radius:14px;
	--bsr-shadow:0 6px 22px rgba(0,0,0,.5);
}
.bs-radio-player[data-skin="dark"] .bsr-social-link,
.bs-radio-player[data-skin="dark"] .bsr-nowplaying{background:rgba(255,255,255,.06);}

/* ===== FUTURISTIC ===== */
.bs-radio-player[data-skin="futuristic"]{
	--bsr-bg:#0b0f19; --bsr-fg:#e6f9ff; --bsr-muted:#7fdcff;
	--bsr-accent:#00ffc6; --bsr-accent-fg:#02110d;
	--bsr-border:#173042; --bsr-radius:16px;
	--bsr-shadow:0 0 30px rgba(0,255,198,.25);
	--bsr-font:"Consolas","Courier New",monospace;
}
.bs-radio-player[data-skin="futuristic"]{border:1px solid #00ffc655;}
.bs-radio-player[data-skin="futuristic"] .bsr-btn{box-shadow:0 0 12px rgba(0,255,198,.6);}
.bs-radio-player[data-skin="futuristic"] .bsr-status-dot{box-shadow:0 0 8px currentColor;}
.bs-radio-player[data-skin="futuristic"] .bsr-nowplaying{background:rgba(0,255,198,.06);border:1px solid #00ffc633;}

/* ===== CHEERFUL ===== */
.bs-radio-player[data-skin="cheerful"]{
	--bsr-bg:#fff8f0; --bsr-fg:#3a2e2e; --bsr-muted:#a08b7c;
	--bsr-accent:#ff6b6b; --bsr-accent-fg:#fff;
	--bsr-border:#ffe1cc; --bsr-radius:22px;
	--bsr-shadow:0 8px 20px rgba(255,107,107,.2);
	--bsr-font:"Trebuchet MS", sans-serif;
}
.bs-radio-player[data-skin="cheerful"] .bsr-btn{background:linear-gradient(135deg,#ffb347,#ff6b6b);}
.bs-radio-player[data-skin="cheerful"] .bsr-store-badge{background:#ff6b6b;}

/* ===== FORMAL ===== */
.bs-radio-player[data-skin="formal"]{
	--bsr-bg:#ffffff; --bsr-fg:#1f2937; --bsr-muted:#6b7280;
	--bsr-accent:#1f3a5f; --bsr-accent-fg:#fff;
	--bsr-border:#d1d5db; --bsr-radius:4px;
	--bsr-shadow:0 1px 4px rgba(0,0,0,.1);
	--bsr-font:"Times New Roman", Times, serif;
}
.bs-radio-player[data-skin="formal"] .bsr-station-name{text-transform:uppercase;font-size:14px;letter-spacing:.6px;}
.bs-radio-player[data-skin="formal"] .bsr-btn{border-radius:4px;}
.bs-radio-player[data-skin="formal"] .bsr-logo,.bs-radio-player[data-skin="formal"] .bsr-albumart{border-radius:2px;}

/* ===== GLASSMORPHISM ===== */
.bs-radio-player[data-skin="glass"]{
	--bsr-bg:rgba(255,255,255,.16); --bsr-fg:#ffffff; --bsr-muted:rgba(255,255,255,.75);
	--bsr-accent:#ffffff; --bsr-accent-fg:#2b2b40;
	--bsr-border:rgba(255,255,255,.35); --bsr-radius:20px;
	--bsr-shadow:0 8px 32px rgba(31,38,135,.25);
	background-image:linear-gradient(135deg, rgba(120,80,255,.35), rgba(0,200,255,.25));
	backdrop-filter:blur(16px) saturate(160%);
	-webkit-backdrop-filter:blur(16px) saturate(160%);
}
.bs-radio-player[data-skin="glass"] .bsr-nowplaying,
.bs-radio-player[data-skin="glass"] .bsr-social-link{background:rgba(255,255,255,.18);backdrop-filter:blur(6px);}
.bs-radio-player[data-skin="glass"] .bsr-btn{background:rgba(255,255,255,.9);}

/* ===== NEUMORPHISM ===== */
.bs-radio-player[data-skin="neumorphism"]{
	--bsr-bg:#e6e9ef; --bsr-fg:#3a3f4b; --bsr-muted:#7a8091;
	--bsr-accent:#e6e9ef; --bsr-accent-fg:#5b6b9a;
	--bsr-border:transparent; --bsr-radius:22px;
	--bsr-shadow:9px 9px 18px #c3c8d1, -9px -9px 18px #ffffff;
}
.bs-radio-player[data-skin="neumorphism"] .bsr-btn{
	background:#e6e9ef; color:#5b6b9a;
	box-shadow:5px 5px 10px #c3c8d1, -5px -5px 10px #ffffff;
}
.bs-radio-player[data-skin="neumorphism"] .bsr-btn:active{
	box-shadow:inset 3px 3px 6px #c3c8d1, inset -3px -3px 6px #ffffff;
}
.bs-radio-player[data-skin="neumorphism"] .bsr-logo,
.bs-radio-player[data-skin="neumorphism"] .bsr-nowplaying,
.bs-radio-player[data-skin="neumorphism"] .bsr-social-link{
	background:#e6e9ef; box-shadow:inset 3px 3px 6px #c3c8d1, inset -3px -3px 6px #ffffff;
}

/* ===== PLAYFUL ===== */
.bs-radio-player[data-skin="playful"]{
	--bsr-bg:#fffbe8; --bsr-fg:#333333; --bsr-muted:#8a8368;
	--bsr-accent:#ff9f1c; --bsr-accent-fg:#ffffff;
	--bsr-border:#ffe58a; --bsr-radius:26px;
	--bsr-shadow:0 10px 0 #ffe58a;
	--bsr-font:"Comic Sans MS","Baloo 2",cursive,sans-serif;
}
.bs-radio-player[data-skin="playful"] .bsr-btn{background:#ff9f1c;box-shadow:0 4px 0 #d97f0b;}
.bs-radio-player[data-skin="playful"] .bsr-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #d97f0b;}
.bs-radio-player[data-skin="playful"] .bsr-station-name{color:#ff5d8f;}
.bs-radio-player[data-skin="playful"] .bsr-social-link{background:#e0f4ff;}
.bs-radio-player[data-skin="playful"] .bsr-store-badge{background:#4cc9f0;}

/* ===== NATURE ===== */
.bs-radio-player[data-skin="nature"]{
	--bsr-bg:#f3f7ec; --bsr-fg:#2f3d24; --bsr-muted:#6b7d5a;
	--bsr-accent:#588157; --bsr-accent-fg:#ffffff;
	--bsr-border:#d8e4c8; --bsr-radius:18px;
	--bsr-shadow:0 6px 20px rgba(88,129,87,.18);
	background-image:radial-gradient(circle at 100% 0%, rgba(88,129,87,.12), transparent 45%),
		radial-gradient(circle at 0% 100%, rgba(153,178,110,.14), transparent 45%);
}
.bs-radio-player[data-skin="nature"] .bsr-btn{background:linear-gradient(135deg,#7fa96c,#588157);}
.bs-radio-player[data-skin="nature"] .bsr-social-link{background:rgba(88,129,87,.1);}
.bs-radio-player[data-skin="nature"] .bsr-store-badge{background:#3a5a40;}

/* ===== PASTEL ===== */
.bs-radio-player[data-skin="pastel"]{
	--bsr-bg:#fff5f8; --bsr-fg:#5a4a52; --bsr-muted:#a68e97;
	--bsr-accent:#b8a3e0; --bsr-accent-fg:#ffffff;
	--bsr-border:#f6e2ea; --bsr-radius:24px;
	--bsr-shadow:0 10px 26px rgba(184,163,224,.22);
	background-image:linear-gradient(135deg,#ffe5ec 0%,#e5f4ff 50%,#eaffea 100%);
}
.bs-radio-player[data-skin="pastel"] .bsr-btn{background:linear-gradient(135deg,#ffb6c1,#b8a3e0);}
.bs-radio-player[data-skin="pastel"] .bsr-social-link{background:rgba(184,163,224,.15);}
.bs-radio-player[data-skin="pastel"] .bsr-store-badge{background:#a68ed4;color:#fff;}

/* ===== NEON ===== */
.bs-radio-player[data-skin="neon"]{
	--bsr-bg:#160221; --bsr-fg:#f6e8ff; --bsr-muted:#c48bff;
	--bsr-accent:#ff2ee6; --bsr-accent-fg:#160221;
	--bsr-border:#4a1a66; --bsr-radius:18px;
	--bsr-shadow:0 0 24px rgba(255,46,230,.35), 0 0 46px rgba(0,229,255,.15);
	background-image:linear-gradient(160deg,#1b0530 0%,#2c0b4a 55%,#160221 100%);
}
.bs-radio-player[data-skin="neon"] .bsr-station-name{
	color:#00e5ff;
	text-shadow:0 0 6px rgba(0,229,255,.8), 0 0 16px rgba(0,229,255,.4);
}
.bs-radio-player[data-skin="neon"] .bsr-btn{
	background:#ff2ee6; box-shadow:0 0 10px #ff2ee6, 0 0 22px rgba(255,46,230,.6);
}
.bs-radio-player[data-skin="neon"] .bsr-status-dot{box-shadow:0 0 8px currentColor;}
.bs-radio-player[data-skin="neon"] .bsr-nowplaying{background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.25);}
.bs-radio-player[data-skin="neon"] .bsr-social-link{background:rgba(255,46,230,.1);}
.bs-radio-player[data-skin="neon"] .bsr-store-badge{background:#00e5ff;color:#160221;}

/* ===== CUSTOM (warna/gradasi/gambar diatur lewat inline style dari pengaturan widget) ===== */
.bs-radio-player[data-skin="custom"]{
	--bsr-bg:#4f46e5; --bsr-radius:16px;
	--bsr-shadow:0 10px 28px rgba(0,0,0,.25);
	border-color:transparent;
	position:relative;
	overflow:hidden;
	isolation:isolate;
}
.bs-radio-player[data-skin="custom"] .bsr-nowplaying,
.bs-radio-player[data-skin="custom"] .bsr-social-link{background:rgba(255,255,255,.15);}

/* Background gambar dengan blur, dirender di lapisan belakang supaya teks tetap tajam */
.bs-radio-player[data-skin="custom"][data-bg-image="1"]::before{
	content:"";
	position:absolute;
	inset:-16px;
	background-image:var(--bsr-bg-image);
	background-size:cover;
	background-position:center;
	filter:blur(var(--bsr-bg-blur, 0px));
	z-index:-2;
}
.bs-radio-player[data-skin="custom"][data-bg-image="1"]::after{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,.35);
	z-index:-1;
}