/*
Theme Name: Akış
Theme URI: https://cokmatrak.com/
Author: cokmatrak.com
Author URI: https://cokmatrak.com/
Description: Teknoloji haber siteleri için tasarlanmış, mobil öncelikli, akıcı bir kart tabanlı besleme (feed) temasıdır. Tek satırda taşmayan kategori şeridi, gerçek zamanlı beğeni/kaydetme, sonsuz kaydırma, okuma ilerleme çubuğu ve özel bir yönetim paneli ile modern bir teknoloji topluluğu deneyimi sunar.
Version: 1.9.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akis
Tags: dark-theme, one-column, grid-layout, custom-menu, featured-images, translation-ready, news, blog

Akış — bir teknoloji haber akışı teması. Sıfırdan tasarlanmıştır.
*/

/* ==========================================================================
   0. DESIGN TOKENS
   ========================================================================== */
:root{
  /* Palette — devre kartı (circuit board) esintili koyu tema */
  --bg: #0B0E14;
  --surface: #131722;
  --surface-2: #1B2130;
  --border: #232a3b;
  --text: #E7ECF3;
  --text-muted: #8B93A6;
  --accent: #4CC9F0;       /* elektrik camgöbeği — sinyal/veri rengi */
  --accent-2: #F2A65A;     /* sıcak amber — vurgu/rozet rengi */
  --accent-rgb: 76,201,240;
  --danger: #F2545B;
  --success: #6FCF97;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 8px 24px rgba(0,0,0,0.35);
  --maxw: 720px;
  --header-h: 56px;
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body: 'Inter', 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}

[data-theme="light"]{
  --bg: #F5F7FA;
  --surface: #FFFFFF;
  --surface-2: #EEF1F6;
  --border: #E1E6EE;
  --text: #12151C;
  --text-muted: #5B6472;
  --shadow: 0 8px 24px rgba(20,30,50,0.08);
}

/* ==========================================================================
   1. RESET & BASE
   ========================================================================== */
*, *::before, *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  transition: background .25s ease, color .25s ease;
}
img{ max-width:100%; height:auto; display:block; }
svg{ max-width:100%; }
svg[viewBox]:not([width]){ width:24px; height:24px; }
a{ color: inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4{ font-family: var(--font-display); line-height:1.2; margin:0 0 .5em; letter-spacing:-0.01em; }
p{ margin:0 0 1em; }
button{ font-family:inherit; }

:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior:auto !important; }
}

.screen-reader-text{
  position:absolute !important; width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}

/* ==========================================================================
   2. LAYOUT SHELL
   ========================================================================== */
.akis-container{
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 16px;
}

/* Header ------------------------------------------------------------------ */
.site-header{
  position: sticky; top:0; z-index: 50;
  background: rgba(11,14,20,0.92);
  backdrop-filter: blur(10px) saturate(140%);
  border-bottom: 1px solid var(--border);
  transition: transform .28s ease;
  will-change: transform;
}
[data-theme="light"] .site-header{ background: rgba(245,247,250,0.92); }

/* Okuma modu: bir yazı okunurken aşağı doğru kaydırıldığında üstteki logo
   ve menü şeridi gizlenir, yukarı kaydırıldığında veya sayfa başına
   dönüldüğünde geri gelir. Alttaki mobil sekme çubuğu (mobile-tabbar) her
   zaman sabit kalır — bkz. assets/js/theme.js initAutoHideHeader(). */
@media (max-width: 859px){
  body.akis-header-hidden .site-header{ transform: translateY(-100%); }
  body.akis-header-hidden .reading-progress{ transform: translateY(calc(-1 * var(--header-h))); }
}

.header-row{
  display:flex; align-items:center; gap:12px;
  height: var(--header-h);
  max-width: var(--maxw); margin:0 auto; padding:0 16px;
}
.site-branding{ display:flex; align-items:center; gap:10px; margin-right:auto; }
.site-logo-mark{
  width:30px;height:30px;border-radius:8px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display); font-weight:700; color:#0B0E14; font-size:15px;
  flex-shrink:0;
}
.site-title{ font-family:var(--font-display); font-size:19px; font-weight:700; margin:0; }
.site-title a{ display:flex; align-items:center; gap:10px; }

.header-actions{ display:flex; align-items:center; gap:6px; }
.icon-btn{
  width:36px;height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: transparent; border:none; color: var(--text-muted);
  cursor:pointer; transition: background .15s ease, color .15s ease;
}
.icon-btn:hover{ background: var(--surface-2); color: var(--text); }
.icon-btn svg{ width:19px; height:19px; stroke: currentColor; fill:none; stroke-width:1.8; }

/* Search bar ---------------------------------------------------------------*/
.akis-search-bar{ padding: 12px 16px 0; }
.akis-search-bar form{
  display:flex; align-items:center; gap:10px;
  background: var(--surface); border:1px solid var(--border);
  border-radius: 999px; padding: 10px 16px;
}
.akis-search-bar input[type="search"]{
  flex:1; border:none; background:transparent; color: var(--text);
  font-size:15px; outline:none;
}
.akis-search-bar input::placeholder{ color: var(--text-muted); }
.akis-search-bar svg{ width:18px;height:18px; stroke: var(--text-muted); fill:none; stroke-width:1.8; flex-shrink:0; }

/* Category chip nav --------------------------------------------------------*/
.chip-nav{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 12px 16px 14px;
}
.chip-nav > li{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex:0 0 auto;
}
.chip-nav a{
  flex-shrink:0;
  min-height:38px;
  padding:9px 14px;
  border-radius: 14px;
  font-size:13px;
  font-weight:600;
  letter-spacing: .01em;
  color: var(--text);
  background: var(--surface-2);
  border:1px solid var(--border);
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  gap:7px;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.chip-nav a:hover{
  transform: translateY(-1px);
  border-color: var(--text-muted);
  background: var(--surface);
}
.chip-nav a.is-active{
  color: var(--text);
  background: var(--surface);
  border-color: var(--text-muted);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
body.cat-nav-style-auto .chip-nav,
body.cat-nav-style-wrap .chip-nav{
  flex-wrap: wrap;
}
body.cat-nav-style-scroll .chip-nav{
  flex-wrap: nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
body.cat-nav-style-scroll .chip-nav::-webkit-scrollbar{ display:none; }
body.cat-nav-style-compact .chip-nav a{
  min-height:34px;
  padding:7px 11px;
  font-size:12px;
  border-radius: 12px;
}
@media (max-width: 768px){
  body.cat-nav-style-auto .chip-nav{
    flex-wrap: nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  body.cat-nav-style-auto .chip-nav::-webkit-scrollbar{ display:none; }
}
/* "Sıcak" kategori göstergesi — artık renkli bir vurgu yerine sade bir
   nokta ile gösterilir; kategori şeridinin genel dili daha nötr kalır. */
.chip-nav a{ position:relative; display:inline-flex; align-items:center; }
.chip-hot-dot{
  width:6px; height:6px; border-radius:50%; margin-left:7px; flex-shrink:0;
  background: currentColor;
  opacity: .35;
}
.post-meta-cat a{ font-size:13px; font-weight:700; color: var(--text-muted); }
.post-meta-cat a:hover{ color: var(--text); }
/* ==========================================================================

/* ==========================================================================
   3. POST FEED CARDS
   ========================================================================== */
.feed{ padding: 4px 0 40px; display:flex; flex-direction:column; gap:14px; }
.post-card{
  background: var(--surface); border:1px solid var(--border);
  border-radius: var(--radius); overflow:hidden;
  transition: transform .18s ease, border-color .18s ease;
}
.post-card:hover{ border-color: rgba(var(--accent-rgb),.45); }
.post-card-body{ padding: 16px 16px 6px; }
.post-card-meta-top{ display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.post-avatar{
  width:34px;height:34px;border-radius:50%; background:var(--surface-2);
  display:flex;align-items:center;justify-content:center; flex-shrink:0;
  font-family:var(--font-display); font-weight:700; font-size:13px; color:var(--accent);
  overflow:hidden;
}
.post-avatar img{ width:100%;height:100%; object-fit:cover; }
.post-meta-text{ display:flex; flex-direction:column; line-height:1.25; }
.post-meta-cat a{ font-size:13px; font-weight:700; color:var(--text-muted); }
.post-meta-time{ font-size:12px; color:var(--text-muted); font-family:var(--font-mono); }

.post-card-title{ font-size:18px; font-weight:700; margin-bottom:6px; }
.post-card-title a:hover{ color: var(--accent); }
.post-card-excerpt{ font-size:14.5px; color: var(--text-muted); margin-bottom:10px; }

.post-card-thumb{ display:block; position:relative; }
.post-card-thumb img{ width:100%; aspect-ratio: 16/10; object-fit:cover; }
.post-card-badge{
  position:absolute; top:10px; left:10px;
  background: rgba(11,14,20,0.72); backdrop-filter: blur(4px);
  color:#fff; font-size:11.5px; font-weight:700; font-family:var(--font-mono);
  padding:5px 10px; border-radius:999px; display:flex; align-items:center; gap:5px;
}
.post-card-badge svg{ width:12px;height:12px; stroke:var(--accent-2); fill:none; stroke-width:2; }

.post-card-actions{
  display:flex; align-items:center; gap:4px;
  padding: 10px 8px; border-top: 1px solid var(--border); margin-top:8px;
}
.post-action{
  display:flex; align-items:center; gap:6px; padding:8px 10px; border-radius:999px;
  color:var(--text-muted); font-size:13px; font-family:var(--font-mono); background:none; border:none; cursor:pointer;
}
.post-action:hover{ background: var(--surface-2); color:var(--text); }
.post-action svg{ width:17px;height:17px; stroke:currentColor; fill:none; stroke-width:1.8; }
.post-action.is-liked svg{ fill: var(--danger); stroke:var(--danger); }
.post-action-spacer{ margin-left:auto; }

/* Reading-time / signal badge ----------------------------------------------*/
.signal-badge{
  display:inline-flex; align-items:center; gap:4px;
  font-family: var(--font-mono); font-size:11.5px; color: var(--accent);
  background: rgba(var(--accent-rgb),.1); border:1px solid rgba(var(--accent-rgb),.3);
  padding:3px 9px; border-radius:999px;
}

/* ==========================================================================
   4. SINGLE POST
   ========================================================================== */
.single-post{ padding: 20px 0 48px; }
.single-post .post-meta-top{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.single-title{ font-size: 28px; font-weight:700; margin-bottom: 14px; }
.single-lead{ font-size:16px; color:var(--text-muted); margin-bottom:20px; }
.single-thumb{ border-radius: var(--radius); overflow:hidden; margin-bottom:22px; border:1px solid var(--border);}
.single-thumb img{ width:100%; }

.entry-content{ font-size:16.5px; }
.entry-content p{ margin-bottom:1.15em; }
.entry-content h2{ font-size:22px; margin-top:1.6em; }
.entry-content h3{ font-size:19px; margin-top:1.4em; }
.entry-content a{ color: var(--accent); text-decoration: underline; text-decoration-color: rgba(var(--accent-rgb),.4); }
.entry-content blockquote{
  margin: 1.5em 0; padding: 14px 18px; border-left: 3px solid var(--accent);
  background: var(--surface); border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  color: var(--text-muted); font-style:italic;
}
.entry-content img{ border-radius: var(--radius-sm); margin: 1.2em 0; }
.entry-content pre{
  background: #060810; border:1px solid var(--border); border-radius: var(--radius-sm);
  padding:16px; overflow-x:auto; font-family: var(--font-mono); font-size:13.5px;
}
.entry-content code{ font-family: var(--font-mono); background: var(--surface-2); padding:2px 6px; border-radius:4px; font-size:.9em; }
.entry-content table{ width:100%; border-collapse:collapse; margin:1.5em 0; font-size:14.5px; }
.entry-content th, .entry-content td{ border:1px solid var(--border); padding:10px 12px; text-align:left; }
.entry-content th{ background:var(--surface); font-family:var(--font-display); }

.tag-list{ display:flex; flex-wrap:wrap; gap:8px; margin: 28px 0; }
.tag-list a{
  font-size:13px; font-family:var(--font-mono); color:var(--text-muted);
  background:var(--surface); border:1px solid var(--border); padding:6px 12px; border-radius:999px;
}
.tag-list a:hover{ color:var(--accent); border-color: rgba(var(--accent-rgb),.4); }

.author-box{
  display:flex; gap:14px; padding:18px; background:var(--surface);
  border:1px solid var(--border); border-radius: var(--radius); margin: 26px 0;
}
.author-box img{ width:52px;height:52px;border-radius:50%; flex-shrink:0; }
.author-box h4{ font-size:15px; margin-bottom:4px; }
.author-box p{ font-size:13.5px; color:var(--text-muted); margin:0; }

.post-nav{ display:flex; gap:14px; margin: 30px 0; }
.post-nav > div{
  flex:1; padding:14px; background:var(--surface); border:1px solid var(--border);
  border-radius: var(--radius-sm); font-size:13.5px;
}
.post-nav span{ display:block; color:var(--text-muted); font-family:var(--font-mono); font-size:11.5px; margin-bottom:4px; text-transform:uppercase; letter-spacing:.05em; }

/* Makale içi öneri kartları — okuma oturumunu uzatmak için tasarlandı. */
.akis-incontent-picks{
  margin: 1.8em 0;
  padding: 18px;
  border-radius: var(--radius);
  background: linear-gradient(155deg, rgba(var(--accent-rgb),.12), transparent 60%), var(--surface);
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.akis-incontent-picks:before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.akis-incontent-kicker{
  display:block; font:700 11px var(--font-mono); letter-spacing:.08em; text-transform:uppercase;
  color: var(--accent); margin-bottom:12px;
}
.akis-incontent-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.akis-incontent-card{
  display:flex; flex-direction:column; gap:6px; padding:10px; border-radius:var(--radius-sm);
  background: var(--surface-2); text-decoration:none; color:inherit;
  border:1px solid transparent; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.akis-incontent-card:hover{
  transform: translateY(-3px) scale(1.015);
  border-color: rgba(var(--accent-rgb),.5);
  box-shadow: var(--shadow);
}
.akis-incontent-thumb{ display:block; border-radius:var(--radius-sm); overflow:hidden; aspect-ratio:4/3; }
.akis-incontent-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .35s ease; }
.akis-incontent-card:hover .akis-incontent-thumb img{ transform: scale(1.06); }
.akis-incontent-badge{ font:700 10.5px var(--font-mono); color: var(--accent-2); text-transform:uppercase; letter-spacing:.03em; }
.akis-incontent-title{ font:600 14px/1.35 var(--font-display); color:var(--text); }
.akis-incontent-cta{
  margin-top:auto; font:700 12px var(--font-mono); color: var(--accent);
  opacity:0; transform: translateX(-4px); transition: opacity .18s ease, transform .18s ease;
}
.akis-incontent-card:hover .akis-incontent-cta{ opacity:1; transform:translateX(0); }
@media (max-width:520px){ .akis-incontent-grid{ grid-template-columns:1fr; } }

.related-posts{ margin: 36px 0; }
.related-posts h3{ font-size:17px; margin-bottom:14px; }
.related-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.related-card img{ border-radius:var(--radius-sm); aspect-ratio:4/3; object-fit:cover; margin-bottom:8px; border:1px solid var(--border); }
.related-card h4{ font-size:13.5px; font-weight:600; line-height:1.35; }

/* ==========================================================================
   5. COMMENTS
   ========================================================================== */
.comments-area{ margin-top: 36px; }
.comments-title{ font-size:18px; margin-bottom:16px; }
.comment-list{ display:flex; flex-direction:column; gap:14px; }
.comment-body{
  background: var(--surface); border:1px solid var(--border);
  border-radius: var(--radius-sm); padding:14px;
}
.comment-author{ font-size:13.5px; font-weight:700; margin-bottom:2px; }
.comment-meta{ font-size:11.5px; color:var(--text-muted); font-family:var(--font-mono); margin-bottom:8px; }
.comment-content p{ font-size:14px; margin-bottom:0; }
.comment-respond{ margin-top:24px; }
.comment-form input, .comment-form textarea{
  width:100%; background: var(--surface); border:1px solid var(--border);
  border-radius: var(--radius-sm); padding:12px 14px; color: var(--text);
  font-family: var(--font-body); font-size:14.5px; margin-bottom:12px;
}
.comment-form textarea{ min-height:110px; resize:vertical; }
.comment-form .form-submit input{
  width:auto; background: var(--accent); color:#0B0E14; font-weight:700;
  border:none; padding:12px 22px; cursor:pointer;
}

/* ==========================================================================
   6. SIDEBAR / WIDGETS
   ========================================================================== */
.widget{
  background: var(--surface); border:1px solid var(--border);
  border-radius: var(--radius); padding:18px; margin-bottom:16px;
}
.widget-title{
  font-family: var(--font-mono); font-size:12px; text-transform:uppercase;
  letter-spacing:.08em; color: var(--accent); margin-bottom:14px;
}
.widget ul li{ margin-bottom:10px; font-size:14px; }
.widget ul li:last-child{ margin-bottom:0; }
.popular-post-item{ display:flex; gap:10px; align-items:flex-start; }
.popular-post-rank{ font-family:var(--font-display); font-weight:700; color:var(--text-muted); font-size:18px; width:22px; flex-shrink:0; }

/* ==========================================================================
   7. FOOTER
   ========================================================================== */
.site-footer{ border-top:1px solid var(--border); margin-top:20px; padding: 32px 0 100px; }
.footer-grid{ display:flex; flex-direction:column; gap:20px; }
.footer-brand{ font-family:var(--font-display); font-weight:700; font-size:18px; }
.footer-tagline{ color:var(--text-muted); font-size:13.5px; }
.footer-menu{ display:flex; flex-wrap:wrap; gap:14px; }
.footer-menu a{ font-size:13.5px; color:var(--text-muted); }
.footer-menu a:hover{ color: var(--accent); }
.footer-social{ display:flex; gap:10px; }
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center;
  font-size:12px; color: var(--text-muted); border-top:1px solid var(--border);
  margin-top:20px; padding-top:16px; font-family:var(--font-mono);
}

/* Sticky mobile bottom nav ---------------------------------------------------*/
.mobile-tabbar{
  position:fixed; bottom:0; left:0; right:0; z-index:60;
  display:flex; justify-content:space-around;
  background: rgba(19,23,34,0.94); backdrop-filter: blur(10px);
  border-top:1px solid var(--border); padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
}
[data-theme="light"] .mobile-tabbar{ background: rgba(255,255,255,0.94); }
.mobile-tabbar a,.mobile-tabbar button{
  display:flex; flex-direction:column; align-items:center; gap:3px;
  font-size:10px; color: var(--text-muted); font-weight:600;
  flex:1 1 0; min-width:0; padding:0 1px; text-align:center;
}
.mobile-tabbar a.is-active{ color: var(--accent); }
.mobile-tabbar svg{ width:20px;height:20px; stroke:currentColor; fill:none; stroke-width:1.8; }
@media(max-width:400px){
  .mobile-tabbar a,.mobile-tabbar button{ font-size:9px; letter-spacing:-.01em; }
  .mobile-tabbar svg{ width:18px;height:18px; }
}
@media(max-width:340px){
  .mobile-tabbar a,.mobile-tabbar button{ font-size:8.3px; }
  .mobile-tabbar svg{ width:17px;height:17px; }
}

/* ==========================================================================
   8. UTILITIES / STATES
   ========================================================================== */
.pagination{ display:flex; justify-content:center; gap:8px; margin: 24px 0 60px; }
.pagination a, .pagination span{
  padding:9px 15px; border-radius:var(--radius-sm); background:var(--surface);
  border:1px solid var(--border); font-size:13.5px; font-family:var(--font-mono);
}
.pagination .current{ background:var(--accent); color:#0B0E14; border-color:transparent; }

.no-results{ text-align:center; padding: 60px 20px; color:var(--text-muted); }

.archive-header{ padding: 18px 0 6px; }
.archive-title{ font-size:22px; }
.archive-desc{ color:var(--text-muted); font-size:14px; }

/* ==========================================================================
   9. RESPONSIVE — TABLET / DESKTOP
   ========================================================================== */
@media (min-width: 860px){
  :root{ --maxw: 1120px; }
  .content-wrap{ display:grid; grid-template-columns: 1fr 320px; gap:32px; align-items:start; }
  .mobile-tabbar{ display:none; }
  .related-grid{ grid-template-columns: 1fr 1fr 1fr; }
  .single-title{ font-size:34px; }
  body{ padding-bottom:0; }
}

@media (max-width: 859px){
  .sidebar{ display:none; }
  body{ padding-bottom:64px; }
}

/* ==========================================================================
   10. SONSUZ KAYDIRMA / YÜKLEME DURUMU
   ========================================================================== */
.feed-sentinel{ height:1px; }
.feed-status{
  text-align:center; padding: 6px 0 30px; font-size:13px;
  color: var(--text-muted); font-family: var(--font-mono); min-height:20px;
}
.feed-skeleton{ display:flex; flex-direction:column; gap:14px; margin-top:14px; }
.skeleton-card{
  height:180px; border-radius: var(--radius); background: var(--surface);
  border:1px solid var(--border);
  background-image: linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);
  background-size: 200% 100%;
  animation: akis-shimmer 1.3s ease-in-out infinite;
}
@keyframes akis-shimmer{
  0%{ background-position: 200% 0; }
  100%{ background-position: -200% 0; }
}

/* ==========================================================================
   11. OKUMA İLERLEME ÇUBUĞU (tekil yazı sayfaları)
   ========================================================================== */
.reading-progress{
  position: sticky; top: var(--header-h); left:0; width:100%; height:3px;
  background: transparent; z-index: 49;
  transition: transform .28s ease;
}
.reading-progress span{
  display:block; height:100%; width:0%;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  transition: width .1s linear;
}

/* ==========================================================================
   12. TOAST BİLDİRİMİ
   ========================================================================== */
.akis-toast{
  position: fixed; left:50%; bottom: 84px; transform: translate(-50%, 12px);
  background: var(--text); color: var(--bg); font-size:13.5px; font-weight:600;
  padding: 10px 18px; border-radius: 999px; box-shadow: var(--shadow);
  opacity:0; pointer-events:none; transition: opacity .18s ease, transform .18s ease;
  z-index: 200; white-space:nowrap;
}
.akis-toast.is-visible{ opacity:1; transform: translate(-50%, 0); }
@media (min-width: 860px){ .akis-toast{ bottom: 32px; } }

/* ==========================================================================
   13. ALT BİLGİ SOSYAL BAĞLANTILAR
   ========================================================================== */
.footer-socials{ display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:10px; }
.footer-socials a{
  font-size:13px; font-weight:600; color:var(--text-muted); border-bottom:1px solid transparent;
}
.footer-socials a:hover{ color:var(--accent); border-color: var(--accent); }

/* ==========================================================================
   14. REKLAM ALANLARI
   ========================================================================== */
.akis-ad-slot{
  max-width: var(--maxw); margin: 14px auto; padding: 0 16px;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.akis-ad-slot:empty{ display:none; }

/* ==========================================================================
   15. KAYITLI YAZILAR PANELİ
   ========================================================================== */
.mobile-tabbar button{
  background:none; border:none; font:inherit; cursor:pointer; position:relative;
  display:flex; flex-direction:column; align-items:center; gap:3px;
  font-size:10.5px; color: var(--text-muted); font-weight:600; padding:0;
}
.tabbar-save-count{
  position:absolute; top:-4px; right:6px; min-width:15px; height:15px; padding:0 4px;
  border-radius:999px; background: var(--danger); color:#fff; font-size:9.5px;
  font-weight:700; display:flex; align-items:center; justify-content:center;
  font-family: var(--font-mono);
}

.akis-saved-drawer{ position: fixed; inset:0; z-index: 300; }
.akis-saved-drawer[hidden]{ display:none; }
.akis-saved-backdrop{
  position:absolute; inset:0; background: rgba(0,0,0,0.55);
  opacity:0; transition: opacity .2s ease;
}
.akis-saved-panel{
  position:absolute; left:0; right:0; bottom:0; max-height:78vh;
  background: var(--surface); border-top:1px solid var(--border);
  border-radius: 20px 20px 0 0; padding: 16px 16px 24px;
  transform: translateY(100%); transition: transform .22s ease;
  display:flex; flex-direction:column; gap:12px; overflow:hidden;
}
.akis-saved-drawer.is-open .akis-saved-backdrop{ opacity:1; }
.akis-saved-drawer.is-open .akis-saved-panel{ transform: translateY(0); }
.akis-saved-header{ display:flex; align-items:center; justify-content:space-between; }
.akis-saved-header h2{ font-size:17px; font-family: var(--font-display); }
.akis-saved-list{ overflow-y:auto; display:flex; flex-direction:column; gap:4px; }
.akis-saved-item{
  display:flex; align-items:center; gap:10px; padding:12px 4px;
  border-bottom:1px solid var(--border);
}
.akis-saved-item a{ flex:1; font-size:14.5px; font-weight:600; line-height:1.35; }
.akis-saved-item a:hover{ color: var(--accent); }
.akis-saved-item .icon-btn{ width:30px; height:30px; flex-shrink:0; }
.akis-saved-item .icon-btn svg{ width:15px; height:15px; }
.akis-saved-empty{ color: var(--text-muted); font-size:14px; text-align:center; padding: 30px 10px; }

@media (min-width: 860px){
  .akis-saved-panel{
    left:auto; right:24px; bottom:24px; top:24px; width:360px;
    border-radius: var(--radius); border:1px solid var(--border);
    transform: translateX(120%);
  }
  .akis-saved-drawer.is-open .akis-saved-panel{ transform: translateX(0); }
}

/* ========================================================================== 
   17. MAKALE İÇİ SONSUZ OKUMA AKIŞI
   ========================================================================== */
.article-stream{margin-top:34px}.article-stream-sentinel{height:2px}.article-stream-status{text-align:center;min-height:42px;padding:18px 0 38px;color:var(--text-muted);font:12px var(--font-mono)}
.stream-article{margin-top:0;padding-top:10px}.stream-divider{display:flex;align-items:center;gap:14px;margin:22px 0 30px;color:var(--accent);font:700 11px var(--font-mono);text-transform:uppercase;letter-spacing:.13em}.stream-divider:before,.stream-divider:after{content:"";height:1px;background:var(--border);flex:1}.stream-title a{color:inherit}.stream-title a:hover{color:var(--accent)}
@media (min-width:860px){.stream-article{padding-top:24px}}


/* v1.5 — kategori görünümü: tüm sayfalarda tamamen nötr */
.chip-nav a,
.chip-nav a:visited,
.chip-nav a:hover,
.chip-nav a.is-active,
.post-meta-cat a,
.post-meta-cat a:visited,
.post-meta-cat a:hover,
.single-post .post-meta-cat a,
.single-post .post-meta-cat a:visited,
.single-post .post-meta-cat a:hover,
.category-links a,
.cat-links a,
.entry-meta a[rel="category tag"]{
  color: var(--text) !important;
  background: transparent !important;
  background-image: none !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}
.post-meta-cat a,
.single-post .post-meta-cat a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  font-size:12px;
  font-weight:650;
}
.chip-hot-dot{ display:none !important; }

/* Kaydet durumunu kalpten bağımsız, yer imi olarak belirgin göster */
.js-akis-save.is-liked{
  color: var(--text) !important;
  background: var(--surface-2) !important;
}
.js-akis-save.is-liked svg{
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* v1.6.5 — AI ile özetle */
.single-post .post-card-actions{flex-wrap:wrap}
.js-akis-ai-summary{font-family:var(--font-display);font-weight:650}
.js-akis-ai-summary svg{width:18px;height:18px}
.akis-ai-drawer{position:fixed;inset:0;z-index:350}
.akis-ai-drawer[hidden]{display:none}
.akis-ai-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:.2s}
.akis-ai-panel{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:22px 22px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:.22s;max-height:80vh;overflow:auto}
.akis-ai-drawer.is-open .akis-ai-backdrop{opacity:1}
.akis-ai-drawer.is-open .akis-ai-panel{transform:translateY(0)}
.akis-ai-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.akis-ai-header span{font:600 10px var(--font-mono);letter-spacing:.12em;color:var(--text-muted)}
.akis-ai-header h2{font-size:20px;margin:2px 0 0}
.akis-ai-help,.akis-ai-note{color:var(--text-muted);font-size:13px;line-height:1.5}
.akis-ai-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.akis-ai-tools button{min-height:68px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text);cursor:pointer}
.akis-ai-tools button b,.akis-ai-tools button span{display:block}
.akis-ai-tools button b{font-size:14px;margin-bottom:4px}.akis-ai-tools button span{font-size:11px;color:var(--text-muted)}
@media(min-width:700px){.akis-ai-panel{left:50%;right:auto;width:460px;transform:translate(-50%,105%)}.akis-ai-drawer.is-open .akis-ai-panel{transform:translate(-50%,0)}}

/* v1.6.6 — Premium AI özet */
.post-meta-time{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.akis-ai-inline{
  display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 8px;margin-left:2px;
  border:1px solid var(--border);border-radius:999px;background:var(--surface);
  color:var(--text);font:700 10px var(--font-display);letter-spacing:.02em;cursor:pointer;
  box-shadow:0 2px 10px rgba(0,0,0,.05)
}
.akis-ai-inline svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.akis-ai-inline:hover{background:var(--surface-2);transform:translateY(-1px)}
.akis-ai-premium{overflow:hidden;padding:0!important}
.akis-ai-glow{position:absolute;width:210px;height:210px;right:-80px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 68%);pointer-events:none}
.akis-ai-premium .akis-ai-header{position:relative;padding:21px 20px 8px;margin:0}
.akis-ai-heading{display:flex;flex-direction:column}
.akis-ai-eyebrow{display:flex!important;align-items:center;gap:6px;font-size:9px!important;letter-spacing:.15em!important}
.akis-ai-eyebrow i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.10)}
.akis-ai-premium .akis-ai-header h2{font-size:23px;letter-spacing:-.02em;margin-top:5px}
.akis-ai-premium .akis-ai-help{padding:0 20px;margin:4px 0 3px;max-width:410px}
.akis-ai-premium .akis-ai-tools{padding:10px 20px 4px;margin:5px 0;grid-template-columns:1fr 1fr}
.akis-ai-premium .akis-ai-tools button{
  position:relative;display:flex;align-items:center;gap:10px;min-height:72px;padding:11px 12px;
  background:var(--surface-2);border:1px solid var(--border);transition:.18s;overflow:hidden
}
.akis-ai-premium .akis-ai-tools button:hover{transform:translateY(-2px);border-color:var(--text-muted);background:var(--surface)}
.ai-brand-mark{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex!important;align-items:center;justify-content:center;font:700 16px var(--font-display);flex:0 0 auto}
.ai-brand-copy{display:block!important;min-width:0}.ai-brand-copy b{font-size:13px!important}.ai-brand-copy small{display:block;color:var(--text-muted);font-size:10px;margin-top:2px}
.akis-ai-tools em{margin-left:auto;font-style:normal;color:var(--text-muted);font-size:13px}
.akis-ai-premium .akis-ai-note{margin:8px 20px 20px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);font-size:11px}
@media(max-width:430px){.akis-ai-premium .akis-ai-tools{grid-template-columns:1fr 1fr}.akis-ai-inline span{display:inline}}

/* v1.6.8 */
.site-branding{display:flex;flex-wrap:wrap;align-items:center}
.site-branding .custom-logo-link,.site-branding .site-title{flex:0 0 auto}
.site-header-tagline{flex-basis:100%;margin:2px 0 0;padding-left:0;color:var(--text-muted);font-size:12px;line-height:1.25}
.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}

/* v1.6.9 SEO/accessibility */
.akis-visible-breadcrumb{display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;margin:10px 0 15px;color:var(--text-muted);font-size:11px}
.akis-visible-breadcrumb a{color:var(--text-muted);text-decoration:none}
.akis-visible-breadcrumb a:hover{color:var(--text)}
.akis-visible-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
img{max-width:100%;height:auto}

.site-title .site-logo-mark{display:none!important}

/* v1.9 — Ürün Karşılaştırma */
.compare-v1{max-width:760px;margin:0 auto;padding:24px 16px 120px}
.compare-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 20px}
.discover-kicker,.discover-section-head span{font:700 10px var(--font-mono);letter-spacing:.14em;color:var(--text-muted)}
.compare-hero h1{font-size:34px;margin:4px 0}
.compare-hero p{margin:0;color:var(--text-muted);font-size:14px;max-width:480px}
.discover-selected-pill{white-space:nowrap;border:1px solid var(--border);border-radius:999px;padding:8px 11px;font-size:11px;background:var(--surface)}
.compare-search-row{display:grid;gap:9px;margin-bottom:2px}
@media(min-width:640px){.compare-search-row{grid-template-columns:1fr 1fr}}
.discover-search{height:54px;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:flex;align-items:center;gap:11px;padding:0 15px}
.discover-search svg{width:20px;fill:none;stroke:var(--text-muted);stroke-width:1.8}
.discover-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}
.discover-category-scroll{display:flex;gap:8px;overflow:auto;padding:14px 0 9px;scrollbar-width:none;scroll-snap-type:x proximity}
.discover-category-scroll button{white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);padding:9px 12px;font-weight:650}
.discover-category-scroll button.active{background:var(--text);color:var(--surface)}
.discover-category-scroll small{opacity:.65}
.discover-toolbar{position:sticky;top:8px;z-index:20;display:flex;gap:7px;padding:8px;margin:5px 0 20px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px)}
.discover-toolbar button{border:0;border-radius:10px;padding:10px 11px;background:var(--surface-2);color:var(--text);font-weight:650}
.discover-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.discover-toolbar .discover-open-feed{margin-left:auto;background:var(--text);color:var(--surface)}
.discover-open-feed b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:var(--surface);color:var(--text);margin-left:5px}
.discover-section-head{display:flex;align-items:end;justify-content:space-between;margin:20px 0 10px}
.discover-section-head h2{font-size:20px;margin:3px 0}
.discover-section-head a,.discover-section-head strong{font-size:11px;color:var(--text-muted)}
.discover-empty{padding:20px;border:1px dashed var(--border);border-radius:15px;color:var(--text-muted)}
.discover-selected-pill i{font-style:normal;color:var(--text-muted);font-size:9px;margin-left:3px}
.discover-onboarding{display:flex;align-items:flex-start;gap:13px;margin:4px 0 20px;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.discover-onboarding-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);font-size:22px}
.discover-onboarding b{font-size:14px}
.discover-onboarding p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}
.discover-open-feed{box-shadow:0 5px 16px rgba(0,0,0,.10)}
.rss-source-list{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}
.rss-source-card{display:grid;grid-template-columns:24px 42px 1fr 28px;align-items:center;gap:11px;padding:14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease,transform .15s ease}
.rss-source-card:active{transform:scale(.995)}
.rss-source-card:last-child{border-bottom:0}
.rss-source-card[hidden]{display:none!important}
.rss-source-card input{width:20px;height:20px;accent-color:var(--text)}
.rss-favicon{width:38px;height:38px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;font-size:13px;color:var(--text-muted)}
.rss-favicon img{width:100%;height:100%;object-fit:cover}
.rss-source-copy{min-width:0}
.rss-source-copy b,.rss-source-copy small,.rss-source-copy em{display:block}
.rss-source-copy b{font-size:14px}
.rss-source-copy small{font-size:10px;color:var(--text-muted);margin:2px 0}
.rss-source-copy em{font:400 10px var(--font-mono);font-style:normal;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rss-check{opacity:0;font-weight:800}
.rss-source-card:has(input:checked){background:var(--surface-2)}
.rss-source-card:has(input:checked) .rss-check{opacity:1}
.compare-table-section{margin-bottom:28px;animation:compareTableIn .32s ease}
@keyframes compareTableIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.card-fade-in{animation:cardFadeIn .22s ease}
@keyframes cardFadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.rss-source-card:has(input:checked){transition:background .18s ease}

/* Oyunlar ------------------------------------------------------------- */
.discover-category-scroll a{white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);padding:9px 12px;font-weight:650;text-decoration:none;scroll-snap-align:start;transition:background .15s ease,color .15s ease,border-color .15s ease}
.discover-category-scroll a.active{background:var(--text);color:var(--surface)}
.discover-category-scroll a small{opacity:.65}

.game-grid,.app-grid{display:flex;flex-direction:column;margin:14px 0 30px;border-top:1px solid var(--border)}

.game-card,.app-card{position:relative;display:flex;align-items:flex-start;gap:10px;padding:14px 2px;
  border-bottom:1px solid var(--border);
  transition:opacity .4s ease,transform .4s ease,background .15s ease;
  opacity:0;transform:translateY(8px)}
.game-card.is-visible,.app-card.is-visible{opacity:1;transform:translateY(0)}
.game-card:hover,.app-card:hover{background:color-mix(in srgb,var(--text) 3%,transparent)}
.game-card.is-hiding,.app-card.is-hiding{opacity:0;transform:translateY(-4px)}
.game-card[hidden],.app-card[hidden]{display:none!important}

.game-card-link,.app-card-link{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:var(--text)}
.game-card-top,.app-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.game-card-top b,.app-card-top b{font-size:14.5px;line-height:1.35}
.game-card-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:1px}
.game-card-dev,.app-card-dev{color:var(--text-muted);font-size:11.5px}
.game-platforms{display:flex;flex-wrap:wrap;gap:5px}
.platform-chip{font-size:10px;font-weight:650;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}
.game-platforms-lg .platform-chip{font-size:11.5px;padding:5px 11px}
.game-card-desc,.app-card-desc{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.game-badge-date{flex:0 0 auto;font-size:11px;font-weight:650;color:var(--text-muted);white-space:nowrap}
.game-badge-countdown{color:var(--accent);font-weight:700}

.app-badge-new{flex:0 0 auto;font-size:9.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-2)}
.app-card-meta{display:flex;align-items:center;gap:8px;margin-top:2px}
.app-rating{font-size:11.5px;font-weight:700;color:var(--accent-2)}
.app-price{font-size:11px;font-weight:650;color:var(--text-muted)}
.app-card-install{flex:0 0 auto;align-self:center;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;
  text-decoration:none;color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent-2) 45%,var(--border));
  transition:background .15s ease}
.app-card-install:hover{background:color-mix(in srgb,var(--accent-2) 10%,transparent)}
.app-card-install:active{transform:scale(.96)}

.game-card-save{flex:0 0 auto;margin-top:2px;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;
  background:var(--surface);border:1px solid var(--border);color:var(--text);
  cursor:pointer;transition:background .15s ease,transform .15s ease}
.game-card-save svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.game-card-save:active{transform:scale(.9)}
.game-card-save.is-liked{background:var(--text);color:var(--bg);border-color:var(--text)}
.game-card-save.is-liked svg{fill:currentColor}
#oyunNoResult{margin-top:6px}

/* Yakında Çıkacak Oyunlar şeridi — görselsiz, akıcı metin şeridi */
.upcoming-strip-section{margin:6px 0 22px}
.upcoming-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.upcoming-strip::-webkit-scrollbar{display:none}
.upcoming-card{scroll-snap-align:start;flex:0 0 auto;min-width:150px;max-width:210px;display:flex;flex-direction:column;gap:4px;
  border:1px solid var(--border);border-radius:14px;padding:12px 13px;background:var(--surface);text-decoration:none;color:var(--text);
  transition:border-color .18s ease,background .15s ease}
.upcoming-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--text) 3%,transparent)}
.upcoming-card b{font-size:12.5px;line-height:1.3}
.upcoming-card small{color:var(--text-muted);font-size:10.5px}
.upcoming-countdown{font-size:10.5px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:4px}
.upcoming-countdown::before{content:"⏳";font-size:10px}

/* Fırsatlar şeridi (RSS ile beslenen indirim/ücretsiz kartları) — görselsiz,
   sadece metinle göze hoş gelmesi için .upcoming-card ile aynı dili kullanır. */
.deal-strip-section{margin-top:-4px}
.deal-card{position:relative;padding-top:16px}
.deal-badge{position:absolute;top:-7px;right:10px;font:700 9px var(--font-mono);letter-spacing:.04em;
  background:var(--accent);color:var(--bg);border-radius:999px;padding:2px 8px;line-height:1.6}
.deal-card.is-free{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.deal-card.is-free:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.deal-empty{font-size:12.5px;color:var(--text-muted);padding:10px 2px}

.game-single-hero{display:flex;flex-direction:column;gap:16px;margin:8px 0 24px}
.game-single-info h1{font-size:26px;margin:4px 0 8px;line-height:1.25}
.game-countdown-badge{display:inline-flex;align-items:center;gap:7px;margin:2px 0 4px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text);font-size:12.5px}
.game-countdown-badge svg{width:15px;height:15px;fill:none;stroke:var(--accent);stroke-width:1.8}
.game-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}
.game-meta-row div{display:flex;flex-direction:column;gap:2px}
.game-meta-row span{font-size:10.5px;color:var(--text-muted);font-weight:650;text-transform:uppercase;letter-spacing:.05em}
.game-meta-row b{font-size:14px}
.game-single-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.game-site-link{display:inline-block;padding:10px 16px;border-radius:11px;background:var(--text);color:var(--surface);font-weight:650;font-size:13px;text-decoration:none}
.game-single-save{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:650;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.game-single-save svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.game-single-save.is-liked{background:var(--text);color:var(--bg);border-color:var(--text)}
.game-single-save.is-liked svg{fill:currentColor}
.game-single-content{margin:8px 0 28px}
.related-games-section{margin-top:34px}
.compare-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.compare-table{width:100%;border-collapse:collapse;font-size:13px}
.compare-table th,.compare-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}
.compare-row-label{font-weight:650;color:var(--text-muted);position:sticky;left:0;background:var(--surface)}
.compare-col-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:120px}
.compare-col-head img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:var(--surface-2)}
.compare-noimg{width:56px;height:56px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-muted)}
.compare-col-head b{font-size:13px;white-space:normal}
.compare-col-head small{color:var(--text-muted);font-size:11px}
@media(max-width:520px){
 .compare-v1{padding-left:12px;padding-right:12px}
 .compare-hero{align-items:flex-start;flex-direction:column}
 .discover-toolbar{position:sticky;top:auto;bottom:76px;box-shadow:0 -5px 24px rgba(0,0,0,.07);overflow:auto}
 .discover-toolbar .discover-open-feed{flex:1;white-space:nowrap}
 .discover-selected-pill{font-size:10px}
 .rss-source-card{grid-template-columns:22px 38px 1fr 20px;padding:12px 10px}
}

/* v1.10 — Oyunlar & Uygulamalar görsel yenileme --------------------------- */

/* Oyunlar/Uygulamalar üst kartı: aurora gradyanlı, göz alıcı bir giriş. */
.compare-hero{
  position:relative; overflow:hidden;
  border:1px solid var(--border); border-radius:20px;
  padding:22px 20px; background:var(--surface);
}
.compare-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%),
    radial-gradient(90% 120% at -10% 120%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 65%);
}
.compare-hero > div{ position:relative; z-index:1; }
.compare-hero h1{
  background:linear-gradient(100deg, var(--text) 35%, var(--accent) 75%, var(--accent-2) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.discover-kicker{
  display:inline-flex; align-items:center; gap:6px;
}
.discover-kicker::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}
.app-hero{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.app-hero-icon{
  position:relative; z-index:1; flex:0 0 auto;
  width:56px; height:56px; border-radius:16px; display:grid; place-items:center;
  background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:var(--bg);
  box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 35%, transparent);
}
.app-hero-icon svg{ width:26px;height:26px; fill:none; stroke:currentColor; stroke-width:1.8; }
@media(max-width:520px){ .app-hero-icon{ display:none; } }

/* Oyun/uygulama tekil sayfalarındaki geri sayım rozeti ve site butonu — liste görselsiz olsa da bu ikisi tekil sayfada kalır. */
.game-countdown-badge{
  background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 20%, var(--surface)), color-mix(in srgb, var(--accent-2) 16%, var(--surface)));
}
.game-countdown-badge svg{ stroke:var(--accent); }
.game-site-link{
  background:linear-gradient(120deg, var(--accent), var(--accent-2)); color:#0B0E14;
  box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 30%, transparent);
}

.app-single-hero{ display:flex; flex-direction:column; gap:16px; margin:8px 0 24px; }
.app-single-info h1{ font-size:24px; margin:4px 0 4px; line-height:1.25; }
.app-rating-lg{ color:var(--accent-2); }
.app-meta-row{ display:flex; flex-wrap:wrap; gap:16px; margin:12px 0; }
.app-meta-row div{ display:flex; flex-direction:column; gap:2px; }
.app-meta-row span{ font-size:10.5px; color:var(--text-muted); font-weight:650; text-transform:uppercase; letter-spacing:.05em; }
.app-meta-row b{ font-size:14px; }
.app-install-actions{
  display:flex; flex-direction:column; gap:10px; margin-top:16px;
}
.app-install-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:15px 20px; border-radius:14px;
  font-weight:800; font-size:15px; letter-spacing:.01em; text-decoration:none;
  color:#fff; transition:transform .12s ease, box-shadow .18s ease, filter .18s ease;
}
.app-install-btn:hover{ filter:brightness(1.07); }
.app-install-btn:active{ transform:scale(.97); }
.app-install-btn svg{ width:22px; height:22px; fill:currentColor; stroke:none; flex-shrink:0; }
.app-install-play{
  background:linear-gradient(120deg,#00C389,#4CC9F0);
  box-shadow:0 10px 24px rgba(0,195,137,.35);
}
.app-install-appstore{
  background:linear-gradient(120deg,#2b2f38,#000);
  box-shadow:0 10px 24px rgba(0,0,0,.4);
}
.app-install-windows{
  background:linear-gradient(120deg,#0078D4,#00A4EF);
  box-shadow:0 10px 24px rgba(0,120,212,.35);
}
.app-install-linux{
  background:linear-gradient(120deg,#F2A65A,#E76F00);
  box-shadow:0 10px 24px rgba(231,111,0,.35);
}
.game-single-save{ align-self:stretch; justify-content:center; padding:13px 16px; }
.app-official-site{ margin:10px 0 0; font-size:13px; text-align:center; }
.app-official-site a{ color:var(--text-muted); text-decoration:underline; }
.app-feature-list{ display:flex; flex-direction:column; gap:10px; margin:0; }
.app-feature-list li{
  display:flex; align-items:flex-start; gap:10px; padding:12px 14px;
  border:1px solid var(--border); border-radius:14px; background:var(--surface); font-size:13.5px;
}
.app-feature-list li svg{
  flex:0 0 18px; width:18px; height:18px; margin-top:1px; fill:none; stroke-width:2.2;
  stroke:var(--success);
}
.related-apps-section{ margin-top:34px; }
@media(min-width:521px){
  .app-install-actions{ flex-direction:row; flex-wrap:wrap; }
  .app-install-btn{ width:auto; flex:1 1 200px; }
}

/* v1.8.2 — Android uygulama kurulum kartı */
.akis-install-app[hidden]{display:none!important}
.akis-install-app{position:fixed;left:12px;right:12px;bottom:84px;z-index:9998;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;max-width:620px;margin:auto;padding:13px 14px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 16px 50px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.akis-install-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:var(--text);color:var(--surface);font-weight:800;font-size:20px}.akis-install-icon img{width:100%;height:100%;object-fit:cover}
.akis-install-copy{min-width:0}.akis-install-copy b{display:block;font-size:13px}.akis-install-copy p{margin:3px 0 0;color:var(--text-muted);font-size:11px;line-height:1.35}
.akis-install-button{border:0;border-radius:11px;background:var(--text);color:var(--surface);padding:10px 12px;font-weight:750;font-size:11px;white-space:nowrap}
.akis-install-close{position:absolute;right:-4px;top:-30px;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-muted);font-size:18px;line-height:20px}
@media(min-width:700px){.akis-install-app{bottom:22px}}
@media(max-width:430px){.akis-install-app{grid-template-columns:42px 1fr}.akis-install-button{grid-column:1/-1;width:100%;padding:11px}.akis-install-icon{width:40px;height:40px}}

/* v1.8.4 — Çokmatrak markalı PWA */
.akis-install-icon{background:#0f1218!important;padding:0!important}
.akis-install-icon img{width:100%!important;height:100%!important;object-fit:cover!important}
.akis-install-button{min-height:42px;font-weight:800}

/* v1.8.5 — ana sayfa Çokmatrak logosu */
.site-brand-cokmatrak-logo{width:44px;height:44px;flex:0 0 44px;border-radius:12px;object-fit:cover;display:block}
@media(max-width:520px){.site-brand-cokmatrak-logo{width:40px;height:40px;flex-basis:40px;border-radius:11px}}

/* ==========================================================================
   v1.8.6 — Okuma Araçları: Hızlı Oku, Dinle, Özetle, Okunabilirlik
   ========================================================================== */

/* Okunabilirlik: yazı boyutu / satır aralığı / yazı tipi -------------------- */
.entry-content{ font-size:calc(1em * var(--akis-reader-scale, 1)); }
.entry-content.akis-reader-comfortable{ line-height:1.95; letter-spacing:.01em; }
.entry-content.akis-reader-comfortable p{ margin-bottom:1.3em; }
.entry-content.akis-reader-dyslexia,
.entry-content.akis-reader-dyslexia p,
.entry-content.akis-reader-dyslexia li{
  font-family:'Atkinson Hyperlegible','Inter','Segoe UI',sans-serif;
  letter-spacing:.015em; word-spacing:.06em;
}

/* Odak Modu ------------------------------------------------------------- */
.akis-focus-dim{ opacity:.32; filter:blur(.15px); transition:opacity .25s ease, filter .25s ease; }
.akis-focus-current{ opacity:1 !important; filter:none !important; }

/* Dinle sırasında konuşulan paragrafı vurgula ---------------------------- */
.akis-tts-active{
  background:rgba(var(--accent-rgb),.10);
  border-radius:var(--radius-sm);
  box-shadow:-3px 0 0 0 var(--accent) inset;
  padding-left:10px; margin-left:-10px;
}

/* Araç çubuğu -------------------------------------------------------------- */
.akis-reader-tools{
  position:relative; display:flex; flex-wrap:wrap; gap:8px;
  margin:4px 0 20px; padding:8px; border:1px solid var(--border);
  border-radius:16px; background:var(--surface);
}
.akis-rt-btn{
  display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 13px;
  border:1px solid var(--border); border-radius:999px; background:var(--surface-2);
  color:var(--text); font:650 12.5px var(--font-display); cursor:pointer; transition:.15s;
}
.akis-rt-btn svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; }
.akis-rt-btn:hover{ border-color:var(--text-muted); }
.akis-rt-btn.is-active{ background:var(--text); color:var(--bg); border-color:var(--text); }

.akis-rt-panel{
  flex-basis:100%; margin-top:2px; padding:14px; border-top:1px solid var(--border);
  animation:akisRtIn .15s ease;
}
@keyframes akisRtIn{ from{ opacity:0; transform:translateY(-4px); } to{ opacity:1; transform:none; } }

/* Dinle paneli */
.akis-rt-listen-row{ display:flex; align-items:center; gap:10px; }
.akis-rt-listen-toggle,.akis-rt-listen-stop{
  width:38px; height:38px; flex:0 0 auto; border-radius:50%; border:1px solid var(--border);
  background:var(--surface-2); color:var(--text); display:grid; place-items:center; cursor:pointer;
}
.akis-rt-listen-toggle svg,.akis-rt-listen-stop svg{ width:16px; height:16px; fill:currentColor; }
.akis-rt-listen-progress{ flex:1; height:6px; border-radius:999px; background:var(--surface-2); overflow:hidden; }
.akis-rt-listen-bar{ height:100%; width:0; background:var(--accent); transition:width .2s linear; }
.akis-rt-listen-remaining{ margin-top:8px; font:600 11.5px var(--font-mono); color:var(--text-muted); }
.akis-rt-speed-row{ display:flex; align-items:center; gap:7px; margin-top:12px; font-size:12px; color:var(--text-muted); }
.akis-rt-speed-row button{
  border:1px solid var(--border); background:var(--surface-2); color:var(--text);
  border-radius:8px; padding:5px 9px; font:600 11.5px var(--font-mono); cursor:pointer;
}
.akis-rt-speed-row button.is-active{ background:var(--text); color:var(--bg); border-color:var(--text); }

/* Oto Kaydır paneli */
.akis-rt-scroll-progress{ }
.akis-rt-scroll-bar{ transition:width .12s linear; }
.akis-rt-scroll-speed-row{
  display:flex; align-items:center; gap:10px; margin-top:12px;
  font-size:11.5px; color:var(--text-muted); font-family:var(--font-mono); font-weight:600;
}
.akis-rt-scroll-range{
  flex:1; appearance:none; -webkit-appearance:none; height:5px; border-radius:999px;
  background:var(--surface-2); outline:none; cursor:pointer;
}
.akis-rt-scroll-range::-webkit-slider-thumb{
  appearance:none; -webkit-appearance:none; width:17px; height:17px; border-radius:50%;
  background:var(--accent); border:2px solid var(--bg); box-shadow:0 0 0 1px var(--border); cursor:pointer;
}
.akis-rt-scroll-range::-moz-range-thumb{
  width:17px; height:17px; border-radius:50%; background:var(--accent);
  border:2px solid var(--bg); box-shadow:0 0 0 1px var(--border); cursor:pointer;
}

/* Özetle paneli */
.akis-rt-summary-body ul{ margin:0; padding-left:20px; display:flex; flex-direction:column; gap:8px; }
.akis-rt-summary-body li{ font-size:14px; line-height:1.55; color:var(--text); }
.akis-rt-summary-empty{ color:var(--text-muted); font-size:13px; margin:0; }
.akis-rt-summary-footer{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; }
.akis-rt-summary-meta{ font-size:12px; color:var(--text-muted); }
.akis-rt-copy-summary{
  flex-shrink:0; height:32px; padding:0 12px; border:1px solid var(--border); border-radius:999px;
  background:var(--surface-2); color:var(--text); font:600 12px var(--font-display); cursor:pointer;
}
.akis-rt-copy-summary:hover{ background:var(--text); color:var(--bg); border-color:var(--text); }
.akis-rt-open-ai{
  display:inline-flex; align-items:center; gap:6px; margin-top:12px; height:38px; padding:0 14px;
  border:1px solid var(--border); border-radius:999px; background:var(--surface-2); color:var(--text);
  font:700 12px var(--font-display); cursor:pointer;
}
.akis-rt-open-ai:hover{ background:var(--text); color:var(--bg); border-color:var(--text); }

/* Okunabilirlik paneli */
.akis-rt-a11y-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 0; font-size:13px; color:var(--text-muted); }
.akis-rt-a11y-value{ font:600 12px var(--font-display); color:var(--text); min-width:34px; text-align:center; }
.akis-rt-a11y-reset{
  margin-top:10px; height:32px; padding:0 12px; border:1px dashed var(--border); border-radius:999px;
  background:transparent; color:var(--text-muted); font:600 12px var(--font-display); cursor:pointer;
}
.akis-rt-a11y-reset:hover{ color:var(--text); border-color:var(--text); }
.akis-rt-stepper{ display:flex; gap:6px; }
.akis-rt-stepper button,
.akis-rt-a11y-row [data-lh]{
  border:1px solid var(--border); background:var(--surface-2); color:var(--text);
  border-radius:8px; padding:6px 11px; font:650 12.5px var(--font-body); cursor:pointer;
}
.akis-rt-a11y-row [data-lh].is-active{ background:var(--text); color:var(--bg); border-color:var(--text); }
.akis-rt-toggle-row{
  display:flex; align-items:center; gap:9px; padding:9px 0; font-size:13px; color:var(--text);
  border-top:1px solid var(--border); cursor:pointer;
}
.akis-rt-toggle-row:first-of-type{ border-top:1px solid var(--border); margin-top:4px; }
.akis-rt-toggle-row input{ width:17px; height:17px; accent-color:var(--accent); }

/* Hızlı Oku (RSVP) tam ekran modu ------------------------------------------ */
.akis-rsvp-modal{ position:fixed; inset:0; z-index:400; }
.akis-rsvp-modal[hidden]{ display:none; }
.akis-rsvp-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); opacity:0; transition:.2s; }
.akis-rsvp-modal.is-open .akis-rsvp-backdrop{ opacity:1; }
.akis-rsvp-panel{
  position:absolute; left:50%; top:50%; width:min(92vw,480px);
  transform:translate(-50%,-46%) scale(.97); opacity:0; transition:.22s;
  background:var(--surface); border:1px solid var(--border); border-radius:22px;
  padding:26px 20px 22px; box-shadow:var(--shadow);
}
.akis-rsvp-modal.is-open .akis-rsvp-panel{ transform:translate(-50%,-50%) scale(1); opacity:1; }
.akis-rsvp-close{
  position:absolute; right:14px; top:14px; width:32px; height:32px; border-radius:50%;
  border:1px solid var(--border); background:var(--surface-2); color:var(--text-muted); cursor:pointer;
}
.akis-rsvp-close svg{ width:14px; height:14px; stroke:currentColor; stroke-width:2; fill:none; }
.akis-rsvp-stage{
  position:relative; height:120px; display:flex; align-items:center; justify-content:center;
  font:700 clamp(22px,7vw,32px) var(--font-display); color:var(--text); text-align:center;
}
.akis-rsvp-stage::before,.akis-rsvp-stage::after{
  content:''; position:absolute; left:50%; width:1px; height:14px; background:var(--accent); opacity:.55;
}
.akis-rsvp-stage::before{ top:8px; }
.akis-rsvp-stage::after{ bottom:8px; }
.akis-rsvp-word b{ color:var(--accent); font-style:normal; }
.akis-rsvp-progress{ height:5px; border-radius:999px; background:var(--surface-2); overflow:hidden; margin-top:6px; }
.akis-rsvp-bar{ height:100%; width:0; background:var(--accent); }
.akis-rsvp-remaining{ text-align:center; margin-top:10px; font:600 11.5px var(--font-mono); color:var(--text-muted); }
.akis-rsvp-controls{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:18px; }
.akis-rsvp-controls button{
  border:1px solid var(--border); background:var(--surface-2); color:var(--text);
  border-radius:50%; width:44px; height:44px; display:grid; place-items:center; cursor:pointer;
}
.akis-rsvp-controls button svg{ width:18px; height:18px; fill:currentColor; }
.akis-rsvp-controls .akis-rsvp-playpause{ width:56px; height:56px; background:var(--accent); border-color:var(--accent); color:#0B0E14; }
.akis-rsvp-speeds{ display:flex; justify-content:center; gap:7px; margin-top:16px; }
.akis-rsvp-speeds button{
  border:1px solid var(--border); background:var(--surface-2); color:var(--text-muted);
  border-radius:8px; padding:6px 10px; font:600 11.5px var(--font-mono); cursor:pointer;
}
.akis-rsvp-speeds button.is-active{ background:var(--text); color:var(--bg); border-color:var(--text); }

@media(max-width:480px){
  .akis-rt-btn span{ display:none; }
  .akis-rt-btn{ width:40px; height:40px; padding:0; justify-content:center; }
}