.radiosimba-column-layout {
width:100%;
margin:0;
padding:20px 0;
background:#f8f9fa;
min-height:100vh;
}

.radiosimba-column-container {
display:grid;
grid-template-columns:300px 1fr;
gap:30px;
max-width:100%;
margin:0 auto;
padding:0 20px;
align-items:start;
}


.radiosimba-sidebar-col {
position:sticky;
top:20px;
}


.radiosimba-main-col {
background:transparent;
}


.sidebar-player {
background:white;
border-radius:12px;
padding:25px;
margin-bottom:25px;
box-shadow:0 3px 15px rgba(0,0,0,0.1);
text-align:center;
}

.sidebar-player h3 {
color:#333;
margin-bottom:5px;
font-size:1.3em;
}

.player-desc {
color:#666;
margin-bottom:15px;
font-size:0.9em;
}

.live-badge {
display:inline-flex;
align-items:center;
gap:8px;
background:rgba(255, 0, 0, 0.1);
color:#ff4444;
padding:8px 15px;
border-radius:20px;
font-weight:600;
font-size:0.9em;
margin-bottom:20px;
border:1px solid #ff4444;
}

.live-pulse {
width:8px;
height:8px;
background:#ff0000;
border-radius:50%;
animation:pulse 2s infinite;
}

@keyframes pulse {
0% { transform:scale(0.95); opacity:1; }
50% { transform:scale(1.1); opacity:0.7; }
100% { transform:scale(0.95); opacity:1; }
}

.sidebar-player audio {
width:100%;
margin-bottom:15px;
border-radius:25px;
}

.frequency {
color:#ff6b00;
font-size:1.2em;
font-weight:700;
margin-bottom:15px;
}

.player-details {
text-align:left;
}

.player-details p {
display:flex;
align-items:center;
gap:10px;
color:#666;
margin-bottom:8px;
font-size:0.9em;
}

.player-details i {
color:#ff6b00;
width:16px;
}


.sidebar-box {
background:white;
border-radius:12px;
padding:20px;
margin-bottom:25px;
box-shadow:0 3px 15px rgba(0,0,0,0.1);
}


.content-block {
background:white;
border-radius:12px;
padding:30px;
margin-bottom:25px;
box-shadow:0 3px 15px rgba(0,0,0,0.1);
}

.social-block {
background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color:white;
}

.social-block .block-title,
.social-block .block-subtitle {
color:white;
}

.block-title {
font-size:2em;
margin-bottom:10px;
color:#333;
position:relative;
padding-bottom:15px;
}

.block-title::after {
content:'';
position:absolute;
bottom:0;
left:0;
width:60px;
height:3px;
background:linear-gradient(90deg, #ff6b00, #ff8c00);
border-radius:2px;
}

.social-block .block-title::after {
background:white;
}

.block-subtitle {
color:#666;
font-size:1.1em;
margin-bottom:25px;
}

.social-block .block-subtitle {
color:rgba(255,255,255,0.8);
}


.news-cards,
.sports-cards {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:25px;
margin-top:25px;
}

.shows-cards {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:25px;
margin-top:25px;
}

.team-cards {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:25px;
margin-top:25px;
}

.social-cards {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:25px;
margin-top:25px;
}


.news-item,
.sports-item {
background:#f8f9fa;
border-radius:10px;
overflow:hidden;
transition:transform 0.3s ease, box-shadow 0.3s ease;
border:1px solid #eee;
}

.news-item:hover,
.sports-item:hover {
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.news-item img,
.sports-item img {
width:100%;
height:180px;
object-fit:cover;
}

.news-text,
.sports-text {
padding:20px;
}

.news-text h3,
.sports-text h3 {
margin-bottom:10px;
font-size:1.1em;
}

.news-text h3 a,
.sports-text h3 a {
color:#333;
text-decoration:none;
transition:color 0.3s ease;
}

.news-text h3 a:hover,
.sports-text h3 a:hover {
color:#ff6b00;
}

.news-meta,
.sports-meta {
display:flex;
gap:15px;
margin-bottom:10px;
font-size:0.8em;
color:#666;
}

.news-meta span,
.sports-meta span {
display:flex;
align-items:center;
gap:5px;
}

.news-summary,
.sports-summary {
color:#555;
line-height:1.5;
font-size:0.9em;
}


.social-post {
background:rgba(255,255,255,0.1);
backdrop-filter:blur(10px);
border-radius:12px;
padding:25px;
border:1px solid rgba(255,255,255,0.2);
transition:transform 0.3s ease;
}

.social-post:hover {
transform:translateY(-5px);
}

.insta-post { border-left:4px solid #E4405F; }
.twitter-post { border-left:4px solid #1DA1F2; }
.fb-post { border-left:4px solid #1877F2; }
.tiktok-post { border-left:4px solid #000000; }

.social-head {
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
}

.social-head i {
font-size:1.5em;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
}

.insta-post .social-head i { background:#E4405F; }
.twitter-post .social-head i { background:#1DA1F2; }
.fb-post .social-head i { background:#1877F2; }
.tiktok-post .social-head i { background:#000000; }

.social-info {
flex:1;
}

.social-user {
display:block;
font-weight:600;
font-size:1em;
}

.social-time {
display:block;
font-size:0.8em;
opacity:0.8;
}

.social-content {
margin-bottom:15px;
}

.social-content p {
margin:0;
line-height:1.5;
font-size:0.95em;
}

.social-image {
margin:15px 0;
border-radius:8px;
overflow:hidden;
}

.social-image img {
width:100%;
height:160px;
object-fit:cover;
display:block;
}

.social-stats {
display:flex;
gap:15px;
font-size:0.85em;
}

.stat {
display:flex;
align-items:center;
gap:5px;
}


.show-card {
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 3px 15px rgba(0,0,0,0.1);
transition:transform 0.3s ease;
}

.show-card:hover {
transform:translateY(-5px);
}

.show-pic {
position:relative;
height:160px;
overflow:hidden;
}

.show-pic img {
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.3s ease;
}

.show-card:hover .show-pic img {
transform:scale(1.1);
}

.show-schedule {
position:absolute;
top:12px;
right:12px;
background:rgba(255, 107, 0, 0.9);
color:white;
padding:6px 12px;
border-radius:20px;
font-size:0.8em;
font-weight:600;
display:flex;
align-items:center;
gap:5px;
}

.show-details {
padding:20px;
}

.show-name {
font-size:1.2em;
margin-bottom:10px;
color:#333;
}

.show-about {
color:#666;
line-height:1.5;
margin-bottom:15px;
font-size:0.9em;
}

.show-features {
display:flex;
flex-wrap:wrap;
gap:8px;
}

.feature {
background:#f0f0f0;
color:#666;
padding:4px 10px;
border-radius:15px;
font-size:0.8em;
font-weight:500;
}


.team-member {
background:white;
border-radius:12px;
padding:25px;
text-align:center;
box-shadow:0 3px 15px rgba(0,0,0,0.1);
transition:transform 0.3s ease;
}

.team-member:hover {
transform:translateY(-5px);
}

.team-photo {
width:100px;
height:100px;
border-radius:50%;
object-fit:cover;
margin:0 auto 15px;
border:3px solid #ff6b00;
}

.member-name {
font-size:1.1em;
margin-bottom:5px;
color:#333;
}

.member-role {
color:#ff6b00;
font-weight:600;
margin-bottom:10px;
font-size:0.9em;
}

.member-bio {
color:#666;
line-height:1.5;
font-size:0.85em;
}


.no-posts {
grid-column:1 / -1;
text-align:center;
padding:60px 20px;
background:#f8f9fa;
border-radius:10px;
color:#666;
}

.no-posts p {
margin:0;
font-size:1.1em;
}


@media (max-width:1024px) {
.radiosimba-column-container {
grid-template-columns:280px 1fr;
gap:25px;
padding:0 15px;
}
}

@media (max-width:768px) {
.radiosimba-column-container {
grid-template-columns:1fr;
gap:0;
}

.radiosimba-sidebar-col {
position:static;
margin-bottom:25px;
}

.content-block {
padding:25px 20px;
}

.news-cards,
.sports-cards,
.shows-cards,
.team-cards,
.social-cards {
grid-template-columns:1fr;
}

.block-title {
font-size:1.6em;
}
}

@media (max-width:480px) {
.radiosimba-column-container {
padding:0 10px;
}

.content-block {
padding:20px 15px;
}

.news-text,
.sports-text {
padding:15px;
}

.show-details,
.team-member {
padding:20px;
}

.social-post {
padding:20px;
}
}