/* Ruyapanel - Makale, blog kartları ve yorum alanı temiz final düzeltme.
   Ağır JS yoktur. Sadece CSS ile referans hissi korunur. */
:root{
  --rp-primary: var(--c-chat, var(--ss-neon-primary, #FF3D71));
  --rp-secondary: var(--c-system, var(--ss-neon-secondary, #00C9A7));
  --rp-warn: var(--c-register, var(--ss-neon-warn, #FF9F43));
  --rp-bg: var(--ink, var(--ss-neon-bg, #0D0D0D));
  --rp-paper: var(--paper, var(--ss-neon-paper, #141414));
  --rp-surface: var(--surface, var(--ss-neon-surface, #1A1A1A));
  --rp-text: var(--bright, #FFFFFF);
  --rp-muted: rgba(255,255,255,.58);
  --rp-line: rgba(255,255,255,.08);
  --rp-card-border: color-mix(in srgb, var(--rp-primary) 20%, transparent);
  --rp-card-border-hover: color-mix(in srgb, var(--rp-primary) 48%, transparent);
  --rp-card-shadow: 0 18px 48px rgba(0,0,0,.28);
  --rp-card-shadow-hover: 0 22px 60px color-mix(in srgb, var(--rp-primary) 22%, rgba(0,0,0,.35));
}
html, body{overflow-x:hidden!important;}

/* Sayfa iskeleti */
.article-wrap,.blog-wrap,.cat-wrap{width:100%!important;max-width:1340px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;clear:both!important;}
.rp-article-layout,.rp-blog-layout,.rp-cat-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;gap:24px!important;align-items:start!important;width:100%!important;box-sizing:border-box!important;}
.rp-article-layout>main,.rp-blog-layout>main,.rp-cat-layout>main{min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.rp-blog-sidebar{width:100%!important;max-width:340px!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:18px!important;overflow:hidden!important;}
.rp-blog-sidebar *,.rp-article-layout *,.rp-blog-layout *,.rp-cat-layout *{box-sizing:border-box!important;}

/* Sidebar widgetleri */
.bs-widget{background:linear-gradient(180deg,rgba(20,20,22,.82),rgba(10,10,12,.92))!important;border:1px solid var(--rp-card-border)!important;border-radius:22px!important;padding:18px!important;box-shadow:var(--rp-card-shadow)!important;overflow:hidden!important;color:var(--rp-text)!important;}
.bs-widget:hover{border-color:var(--rp-card-border-hover)!important;box-shadow:var(--rp-card-shadow-hover)!important;}
.bs-title{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;color:#fff!important;font-family:'Syne',sans-serif!important;font-size:14px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.bs-title i{color:var(--rp-primary)!important;}
.bs-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
.bs-list li{margin:0!important;padding:0!important;width:100%!important;}
.bs-list a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;text-decoration:none!important;color:var(--rp-muted)!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:13px!important;padding:10px 12px!important;font-size:12px!important;line-height:1.35!important;transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease!important;}
.bs-list a:hover,.bs-list a.active{color:#fff!important;background:color-mix(in srgb,var(--rp-primary) 12%,transparent)!important;border-color:var(--rp-primary)!important;transform:translateY(-1px)!important;}
.bs-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--rp-primary) 15%,transparent)!important;color:var(--rp-primary)!important;font-size:11px!important;font-weight:900!important;}
.bs-post{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:58px!important;padding:9px!important;}
.bs-thumb,.bs-thumb img,.bs-post img,.bs-list a img{width:54px!important;min-width:54px!important;max-width:54px!important;height:44px!important;min-height:44px!important;max-height:44px!important;display:block!important;object-fit:cover!important;border-radius:10px!important;overflow:hidden!important;transform:none!important;}
.bs-post-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;line-height:1.32!important;color:#fff!important;font-weight:800!important;}
.bs-mini{white-space:nowrap!important;font-size:10px!important;opacity:.72!important;}

/* Sohbet'e Katıl widgeti tekrar referans kart gibi */
.bs-cta{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:205px!important;text-align:center!important;padding:32px 24px!important;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rp-primary) 20%,transparent),transparent 44%),linear-gradient(180deg,rgba(25,16,22,.90),rgba(10,10,12,.96))!important;border-color:color-mix(in srgb,var(--rp-primary) 45%,transparent)!important;}
.bs-cta::before{content:''!important;position:absolute!important;inset:1px!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%,color-mix(in srgb,var(--rp-primary) 8%,transparent))!important;pointer-events:none!important;}
.bs-cta-ico{position:relative!important;z-index:2!important;width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;margin:0 auto 12px!important;background:color-mix(in srgb,var(--rp-primary) 14%,transparent)!important;border:1px solid color-mix(in srgb,var(--rp-primary) 28%,transparent)!important;color:var(--rp-primary)!important;font-size:23px!important;box-shadow:0 0 28px color-mix(in srgb,var(--rp-primary) 16%,transparent)!important;}
.bs-cta h3{position:relative!important;z-index:2!important;margin:0!important;padding:0!important;border:0!important;color:#fff!important;font-family:'Syne',sans-serif!important;font-size:27px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.04em!important;}
.bs-cta p{position:relative!important;z-index:2!important;margin:11px 0 18px!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.6!important;font-weight:700!important;}
.bs-cta-btn{position:relative!important;z-index:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:0 18px!important;border-radius:999px!important;text-decoration:none!important;background:linear-gradient(135deg,var(--rp-primary),color-mix(in srgb,var(--rp-primary) 70%,#9b3cff))!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 12px 30px color-mix(in srgb,var(--rp-primary) 30%,transparent)!important;}
.bs-cta-btn:hover{filter:brightness(1.08)!important;transform:translateY(-2px)!important;color:#fff!important;}

/* Blog / kategori / ana sayfa makale kartları: başlık alanı kesilmesin */
.blog-card-grid,.blog-grid,.cat-grid,.rp-home-blog-grid{align-items:stretch!important;}
.blog-card,.bc-card,.cat-card,.rp-home-blog-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(20,20,28,.94),rgba(10,10,15,.97))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:var(--rp-card-shadow)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;}
.blog-card:hover,.bc-card:hover,.cat-card:hover,.rp-home-blog-card:hover{transform:translateY(-4px)!important;border-color:var(--rp-card-border-hover)!important;box-shadow:var(--rp-card-shadow-hover)!important;}
.bc-img,.cat-img,.rp-home-blog-card-img{position:relative!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:190px!important;min-height:190px!important;max-height:190px!important;overflow:hidden!important;background:#101018!important;border-radius:0!important;}
.bc-img::after,.cat-img::after,.rp-home-blog-card-img span,.rp-home-blog-card-img::after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 45%,rgba(10,10,15,.90))!important;pointer-events:none!important;}
.bc-img img,.cat-img img,.rp-home-blog-card-img img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;transition:transform .38s ease!important;}
.blog-card:hover .bc-img img,.bc-card:hover .bc-img img,.cat-card:hover .cat-img img,.rp-home-blog-card:hover .rp-home-blog-card-img img{transform:scale(1.06)!important;}
.bc-body,.cat-body,.rp-home-blog-card-body{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:9px!important;flex:1 1 auto!important;min-height:176px!important;height:auto!important;padding:16px 18px 17px!important;overflow:visible!important;}
.bc-cat,.cat-label,.rp-home-blog-card-cat,.rp-home-blog-cat-mini{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;max-width:100%!important;min-height:0!important;padding:0!important;margin:0 0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--rp-primary)!important;font-size:11px!important;font-weight:950!important;letter-spacing:1.6px!important;text-transform:uppercase!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.bc-cat::before,.cat-label::before,.rp-home-blog-card-cat::before,.rp-home-blog-cat-mini::before{content:''!important;width:6px!important;height:6px!important;flex:0 0 6px!important;border-radius:50%!important;background:var(--rp-primary)!important;box-shadow:0 0 8px var(--rp-primary)!important;}
.bc-title,.cat-title,.rp-home-blog-card-title,.rp-home-blog-card h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:44px!important;max-height:58px!important;margin:0!important;padding:0!important;color:#fff!important;font-family:'Syne',sans-serif!important;font-size:17px!important;font-weight:900!important;line-height:1.35!important;text-decoration:none!important;letter-spacing:-.015em!important;}
.blog-card:hover .bc-title,.bc-card:hover .bc-title,.cat-card:hover .cat-title,.rp-home-blog-card:hover .rp-home-blog-card-title,.rp-home-blog-card:hover h3{color:var(--rp-primary)!important;}
.bc-excerpt,.cat-excerpt,.rp-home-blog-card-body p{margin:2px 0 0!important;color:rgba(255,255,255,.58)!important;font-size:12px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:48px!important;opacity:1!important;}
.bc-foot,.cat-foot,.rp-home-blog-card-foot{margin-top:auto!important;padding-top:12px!important;min-height:38px!important;border-top:1px solid rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:rgba(185,130,255,.66)!important;font-size:12px!important;}
.bc-foot span,.cat-foot span,.rp-home-blog-card-foot span{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.rp-related-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important;overflow:hidden!important;border-radius:16px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;text-decoration:none!important;color:#fff!important;}
.rp-related-card img{height:125px!important;width:100%!important;object-fit:cover!important;display:block!important;}
.rp-related-card span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:48px!important;padding:12px 13px!important;color:#fff!important;font-weight:900!important;line-height:1.35!important;}

/* Makale detay + yorum formu */
.rp-article-card,.rp-comment-card,.rp-related{background:linear-gradient(180deg,rgba(20,20,22,.86),rgba(10,10,12,.94))!important;border:1px solid var(--rp-card-border)!important;border-radius:24px!important;box-shadow:var(--rp-card-shadow)!important;color:var(--rp-text)!important;overflow:hidden!important;}
.rp-article-card{padding:22px!important;}
.rp-related,.rp-comment-card{margin-top:20px!important;padding:24px!important;}
.rp-comment-title{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 18px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-family:'Syne',sans-serif!important;font-size:24px!important;line-height:1.15!important;font-weight:950!important;letter-spacing:-.04em!important;}
.rp-comment-title i{width:42px!important;height:42px!important;flex:0 0 42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:color-mix(in srgb,var(--rp-primary) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--rp-primary) 24%,transparent)!important;color:var(--rp-primary)!important;font-size:18px!important;}
.rp-comment-form{display:flex!important;flex-direction:column!important;gap:14px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;}
.rp-comment-form .two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:0!important;}
.rp-comment-form input,.rp-comment-form textarea,.rp-comment-card input,.rp-comment-card textarea{width:100%!important;min-width:0!important;min-height:48px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:15px!important;background:rgba(8,12,24,.76)!important;color:rgba(255,255,255,.94)!important;padding:13px 16px!important;font-family:'DM Sans',sans-serif!important;font-size:14px!important;line-height:1.45!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;appearance:none!important;-webkit-appearance:none!important;}
.rp-comment-form textarea,.rp-comment-card textarea{min-height:130px!important;resize:vertical!important;display:block!important;}
.rp-comment-form input::placeholder,.rp-comment-form textarea::placeholder{color:rgba(255,255,255,.42)!important;}
.rp-comment-form input:focus,.rp-comment-form textarea:focus{border-color:var(--rp-primary)!important;background:rgba(18,12,22,.86)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rp-primary) 13%,transparent),0 0 24px color-mix(in srgb,var(--rp-primary) 15%,transparent)!important;}
.rp-comment-form button,.rp-comment-card button{width:100%!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border:0!important;border-radius:999px!important;padding:13px 20px!important;background:linear-gradient(135deg,var(--rp-primary),color-mix(in srgb,var(--rp-primary) 66%,#7c2d4b))!important;color:#fff!important;font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:950!important;cursor:pointer!important;box-shadow:0 12px 28px color-mix(in srgb,var(--rp-primary) 26%,transparent)!important;}
.rp-comment-item{padding:16px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;margin:12px 0 0!important;}
.rp-comment-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:rgba(255,255,255,.55)!important;font-size:12px!important;}
.rp-comment-name{color:#fff!important;font-weight:900!important;}
.rp-share,.rp-art-tags{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important;}
.rp-share a,.rp-art-tag{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;text-decoration:none!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:var(--rp-primary)!important;font-weight:800!important;font-size:12px!important;}

/* Eski popup footer altına düşerse gizle */
.ss-chat-popup[aria-hidden="true"]:not(.is-open),.ss-chat-popup:not(.is-open),#ssChatPopup[aria-hidden="true"]:not(.is-open),#ssChatPopup:not(.is-open){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important;inset:0!important;width:0!important;height:0!important;overflow:hidden!important;}
footer,.footer,.site-footer,.x-footer{clear:both!important;position:relative!important;z-index:2!important;}

@media(max-width:1100px){.rp-article-layout,.rp-blog-layout,.rp-cat-layout{grid-template-columns:1fr!important}.rp-blog-sidebar{max-width:100%!important;width:100%!important}.blog-card-grid,.blog-grid,.cat-grid,.rp-home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:700px){.article-wrap,.blog-wrap,.cat-wrap{padding-left:16px!important;padding-right:16px!important}.blog-card-grid,.blog-grid,.cat-grid,.rp-home-blog-grid{grid-template-columns:1fr!important}.bc-img,.cat-img,.rp-home-blog-card-img{height:210px!important;min-height:210px!important;max-height:210px!important}.bc-body,.cat-body,.rp-home-blog-card-body{min-height:auto!important}.rp-comment-form .two{grid-template-columns:1fr!important}.rp-comment-card,.rp-related{padding:18px!important;border-radius:20px!important}.rp-comment-title{font-size:21px!important}.bs-cta{min-height:185px!important}.bs-post{grid-template-columns:50px minmax(0,1fr) auto!important}.bs-thumb,.bs-thumb img,.bs-post img,.bs-list a img{width:50px!important;min-width:50px!important;max-width:50px!important;height:40px!important;min-height:40px!important;max-height:40px!important}}