/*
Theme Name: BFM 94.7 APP STYLE
Author: BFM Radio
Description: App-style radio website with bold blocks and cards
Version: 3.0
*/

body {
  margin:0;
  font-family:'Poppins',Arial,sans-serif;
  background:#0a0a0a;
  color:#fff;
}

header {
  background:linear-gradient(135deg,#FFD400,#FFB000);
  padding:80px 24px;
  text-align:center;
}

.logo {
  font-size:64px;
  font-weight:900;
  color:#111;
}

.tagline {
  font-size:22px;
  font-weight:700;
  color:#111;
}

.play-btn {
  margin-top:30px;
  background:#111;
  color:#FFD400;
  padding:26px 60px;
  border-radius:70px;
  font-size:26px;
  font-weight:900;
  border:none;
}

.section {
  padding:60px 20px;
}

.cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
}

.card {
  background:#141414;
  border-radius:24px;
  overflow:hidden;
}

.card-img {
  height:180px;
  background:linear-gradient(135deg,#333,#111);
}

.card-body {
  padding:20px;
}

.card-title {
  font-size:20px;
  font-weight:800;
}

.badge {
  background:red;
  display:inline-block;
  padding:6px 14px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
}

.social {
  background:#111;
  border-radius:20px;
  padding:30px;
}

.sticky-player {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  background:#FFD400;
  padding:16px;
  font-weight:800;
  color:#111;
  text-align:center;
}