.radiosimba-main-layout {
background:#f8f9fa;
padding:20px 0;
min-height:100vh;
}

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


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


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


.layout-player {
background:white;
border-radius:10px;
padding:20px;
margin-bottom:20px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
text-align:center;
}

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

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

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

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

.layout-player audio {
width:100%;
margin-bottom:10px;
}

.layout-frequency {
color:#ff6b00;
font-weight:700;
font-size:1.1em;
}


.layout-sidebar-widget {
background:white;
border-radius:10px;
padding:15px;
margin-bottom:20px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}


.layout-content-section {
background:white;
border-radius:10px;
padding:30px;
margin-bottom:25px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

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

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

.layout-section-title {
font-size:1.8em;
margin-bottom:10px;
color:#333;
}

.layout-section-subtitle {
color:#666;
margin-bottom:20px;
}

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


.layout-news-grid,
.layout-sports-grid {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;
margin-top:20px;
}

.layout-shows-grid {
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:20px;
margin-top:20px;
}

.layout-team-grid {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
margin-top:20px;
}

.layout-social-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
gap:15px;
margin-top:20px;
}


.layout-news-card,
.layout-sports-card {
background:#f8f9fa;
border-radius:8px;
overflow:hidden;
border:1px solid #e9ecef;
}

.layout-news-image,
.layout-sports-image {
height:140px;
overflow:hidden;
}

.layout-news-image img,
.layout-sports-image img {
width:100%;
height:100%;
object-fit:cover;
}

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

.layout-news-title,
.layout-sports-title {
font-size:1em;
margin-bottom:8px;
line-height:1.3;
}

.layout-news-title a,
.layout-sports-title a {
color:#333;
text-decoration:none;
}

.layout-news-title a:hover,
.layout-sports-title a:hover {
color:#ff6b00;
}

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

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

.layout-news-excerpt,
.layout-sports-excerpt {
font-size:0.85em;
color:#555;
line-height:1.4;
}


.layout-social-link {
display:flex;
align-items:center;
gap:10px;
padding:15px;
border-radius:8px;
text-decoration:none;
color:white;
font-weight:600;
transition:transform 0.2s ease;
}

.layout-social-link:hover {
transform:translateY(-2px);
}

.layout-social-fb { background:#1877F2; }
.layout-social-twitter { background:#1DA1F2; }
.layout-social-insta { background:linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D); }
.layout-social-yt { background:#FF0000; }
.layout-social-wa { background:#25D366; }
.layout-social-tiktok { background:#000000; }


.layout-show-card {
background:#f8f9fa;
border-radius:8px;
overflow:hidden;
border:1px solid #e9ecef;
}

.layout-show-image {
position:relative;
height:120px;
}

.layout-show-image img {
width:100%;
height:100%;
object-fit:cover;
}

.layout-show-time {
position:absolute;
top:8px;
right:8px;
background:rgba(255,107,0,0.9);
color:white;
padding:4px 8px;
border-radius:12px;
font-size:0.7em;
font-weight:600;
}

.layout-show-content {
padding:15px;
}

.layout-show-title {
font-size:1em;
margin-bottom:5px;
color:#333;
}

.layout-show-desc {
font-size:0.85em;
color:#666;
line-height:1.4;
}


.layout-team-card {
background:#f8f9fa;
border-radius:8px;
padding:15px;
text-align:center;
border:1px solid #e9ecef;
}

.layout-team-img {
width:80px;
height:80px;
border-radius:50%;
object-fit:cover;
margin:0 auto 10px;
border:2px solid #ff6b00;
}

.layout-team-name {
font-size:0.9em;
margin-bottom:5px;
color:#333;
}

.layout-team-role {
font-size:0.8em;
color:#ff6b00;
font-weight:600;
}


.layout-no-content {
grid-column:1 / -1;
text-align:center;
padding:40px 20px;
color:#666;
}


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

.layout-news-grid,
.layout-sports-grid {
grid-template-columns:repeat(2, 1fr);
}

.layout-team-grid {
grid-template-columns:repeat(2, 1fr);
}
}

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

.radiosimba-layout-sidebar {
position:static;
margin-bottom:20px;
}

.layout-content-section {
padding:20px;
}

.layout-news-grid,
.layout-sports-grid,
.layout-team-grid {
grid-template-columns:1fr;
}

.layout-shows-grid {
grid-template-columns:1fr;
}
}

@keyframes pulse {
0% { opacity:1; }
50% { opacity:0.5; }
100% { opacity:1; }
}