/* ==================================================
   RADYO LOJİK - Ek Stillerer
   ================================================== */

/* Yayın Akışı Tab */
.rl-yayin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}

/* Spinner */
.rl-spinner{width:20px;height:20px;border:2px solid var(--rl-border);border-top-color:var(--rl-primary);border-radius:50%;animation:rl-spin 1s linear infinite;display:inline-block}
@keyframes rl-spin{to{transform:rotate(360deg)}}

/* Article */
.rl-article{background:var(--rl-bg-card);border:1px solid var(--rl-border);border-radius:var(--rl-radius);padding:2rem;margin-bottom:2rem}
.rl-article-featured{margin-bottom:1.5rem;border-radius:var(--rl-radius);overflow:hidden}
.rl-article-featured img{width:100%;height:auto}
.rl-article-content{line-height:1.8;color:var(--rl-text)}
.rl-article-content h2,.rl-article-content h3{margin-top:1.5rem;margin-bottom:.5rem}
.rl-article-content p{margin-bottom:1em}
.rl-article-content img{border-radius:var(--rl-radius-sm);margin:1rem 0}
.rl-article-content blockquote{border-left:4px solid var(--rl-primary);padding-left:1.5rem;margin:1.5rem 0;color:var(--rl-text-muted);font-style:italic}
.rl-article-content a{color:var(--rl-primary-light);text-decoration:underline}
.rl-article-content ul,.rl-article-content ol{padding-left:2rem;margin-bottom:1em}
.rl-article-content li{margin-bottom:.5rem}

/* Widget */
.rl-widget{background:var(--rl-bg-card);border:1px solid var(--rl-border);border-radius:var(--rl-radius);padding:1.5rem;margin-bottom:1.5rem}
.rl-widget-title{font-size:1.1rem;margin-bottom:1rem;color:var(--rl-text);padding-bottom:.5rem;border-bottom:2px solid var(--rl-primary)}
.rl-widget ul{list-style:none;padding:0}
.rl-widget ul li{margin-bottom:.5rem}
.rl-widget ul li a{color:var(--rl-text-muted);font-size:.9rem;transition:var(--rl-transition)}
.rl-widget ul li a:hover{color:var(--rl-primary-light)}

/* Comments */
.rl-comments{margin-top:2rem}
.rl-comments-title{margin-bottom:1.5rem}
.rl-comment-list{list-style:none;padding:0}
.rl-comment-list .comment{background:var(--rl-bg-card);border:1px solid var(--rl-border);border-radius:var(--rl-radius-sm);padding:1.5rem;margin-bottom:1rem}
.rl-comment-list .comment .avatar{border-radius:50%}

/* Podcast Grid */
.rl-podcastler-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}
.rl-podcast-card{background:var(--rl-bg-card);border:1px solid var(--rl-border);border-radius:var(--rl-radius);overflow:hidden;transition:var(--rl-transition)}
.rl-podcast-card:hover{transform:translateY(-5px);border-color:var(--rl-primary)}
.rl-podcast-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.rl-podcast-body{padding:1.2rem}
.rl-podcast-body h3{font-size:1.1rem;margin-bottom:.5rem}
.rl-podcast-body audio{width:100%;margin-top:.5rem}

/* Search Form */
.rl-search-form{display:flex;gap:.5rem}
.rl-search-form input{flex:1;padding:.8rem 1rem;background:var(--rl-bg);border:1px solid var(--rl-border);border-radius:var(--rl-radius-sm);color:var(--rl-text)}
.rl-search-form input:focus{outline:none;border-color:var(--rl-primary)}
.rl-search-form button{padding:.8rem 1.5rem;background:var(--rl-gradient);color:#fff;border-radius:var(--rl-radius-sm);font-weight:600;cursor:pointer;border:none}

/* Tag Links */
.rl-article-tags a{display:inline-block;padding:.3rem .8rem;background:var(--rl-bg-card);border:1px solid var(--rl-border);border-radius:var(--rl-radius-sm);font-size:.85rem;color:var(--rl-text-muted);margin:.2rem;transition:var(--rl-transition)}
.rl-article-tags a:hover{border-color:var(--rl-primary);color:var(--rl-primary-light)}

/* Responsive */
@media(max-width:768px){
  .rl-article{padding:1.5rem}
  .rl-podcastler-grid{grid-template-columns:1fr}
}