<?php
define('DONOTCACHEPAGE', true);

$cat_noticias = get_category_by_slug('noticias');
$cat_ranking  = get_category_by_slug('ranking');
$cat_analises = get_category_by_slug('analises');

$url_noticias = $cat_noticias ? esc_url(get_category_link($cat_noticias)) : home_url('/category/noticias/');
$url_ranking  = $cat_ranking  ? esc_url(get_category_link($cat_ranking))  : home_url('/category/ranking/');
$url_analises = $cat_analises ? esc_url(get_category_link($cat_analises)) : home_url('/category/analises/');

// URL correta da REST API do WP (funciona com qualquer configuração de permalink)
$wp_rest_url = esc_url(rest_url('wp/v2'));
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><?php bloginfo('name'); ?> — CS2 Notícias &amp; Rankings</title>
  <meta name="description" content="RetakeCS: notícias, rankings e análises do cenário competitivo de CS2.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=DM+Sans:wght@300;400;500&family=Share+Tech+Mono&display=swap" rel="stylesheet">
  <?php wp_head(); ?>
  <style>
    body > *:not(#retakecs-root):not(#wpadminbar):not(script):not(style):not(link):not(noscript) { display:none !important; }
    html,body { margin:0; padding:0; background:#0b0e1c; overflow-x:hidden; }

    #retakecs-root {
      --bg:#0b0e1c; --bg2:#0e1224; --bg3:#111628; --card:#101525; --card2:#141a2e;
      --border:rgba(100,130,220,0.15); --border2:rgba(100,130,220,0.28); --border3:rgba(100,130,220,0.42);
      --accent:#f5b800; --accent2:#d49800; --red:#e03030; --blue:#4a9eff;
      --green:#30d080; --purple:#a060ff; --cyan:#00d4ff;
      --text:#e8edf8; --text2:#a8b4cc; --muted:#4a5470; --muted2:#6a7898;
      background:var(--bg); color:var(--text); font-family:'DM Sans',sans-serif;
      font-size:15px; line-height:1.6; min-height:100vh; overflow-x:hidden;
      padding-bottom:40px; display:block;
    }

    /* TICKER */
    #retakecs-root .rk-ticker { background:var(--bg2); border-bottom:1px solid var(--border); padding:9px 0; overflow:hidden; position:relative; }
    #retakecs-root .rk-ticker::before,
    #retakecs-root .rk-ticker::after  { content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; }
    #retakecs-root .rk-ticker::before { left:0;  background:linear-gradient(to right,var(--bg2),transparent); }
    #retakecs-root .rk-ticker::after  { right:0; background:linear-gradient(to left,var(--bg2),transparent); }
    #retakecs-root .rk-ticker-inner { display:flex; gap:48px; animation:rkTicker 30s linear infinite; white-space:nowrap; }
    @keyframes rkTicker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
    #retakecs-root .rk-ticker-item { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--muted2); display:flex; align-items:center; gap:10px; flex-shrink:0; }
    #retakecs-root .rk-ticker-label { color:var(--accent); font-weight:700; }

    /* HEADER */
    #retakecs-root .rk-header-wrap { padding:20px 28px; max-width:1280px; margin:0 auto; }
    #retakecs-root .rk-header { display:flex; align-items:center; justify-content:space-between; height:62px; background:var(--card); border:1.5px solid var(--border2); border-radius:14px; padding:0 24px; box-shadow:0 4px 24px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.04); }
    #retakecs-root .rk-logo { font-family:'Rajdhani',sans-serif; font-size:24px; font-weight:700; letter-spacing:3px; text-decoration:none; color:var(--text); font-style:italic; }
    #retakecs-root .rk-nav { display:flex; align-items:center; flex:1; justify-content:center; }
    #retakecs-root .rk-nav a { font-family:'Rajdhani',sans-serif; font-size:14px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; color:var(--text2); text-decoration:none; padding:0 22px; height:62px; display:flex; align-items:center; transition:color 0.2s; position:relative; }
    #retakecs-root .rk-nav a::after { content:''; position:absolute; right:0; top:18px; bottom:18px; width:1.5px; background:var(--border2); }
    #retakecs-root .rk-nav a:last-child::after { display:none; }
    #retakecs-root .rk-nav a:hover { color:var(--text); }
    #retakecs-root .rk-nav a.nav-analises:hover { color:var(--cyan); }
    #retakecs-root .rk-cta { background:var(--accent); color:#000 !important; font-family:'Rajdhani',sans-serif; font-size:14px; font-weight:800 !important; letter-spacing:2px; text-transform:uppercase; text-decoration:none; padding:10px 22px; border-radius:9px; transition:background 0.2s; flex-shrink:0; }
    #retakecs-root .rk-cta:hover { background:var(--accent2); }

    /* HERO */
    #retakecs-root .rk-hero { padding:8px 28px 32px; max-width:1280px; margin:0 auto; }
    #retakecs-root .rk-hero-grid { display:grid; grid-template-columns:1fr 380px; gap:20px; align-items:start; }
    #retakecs-root .rk-featured { position:relative; border-radius:16px; overflow:hidden; border:1.5px solid var(--border2); background:var(--card); box-shadow:0 8px 32px rgba(0,0,0,0.4); transition:border-color 0.3s; text-decoration:none; display:block; }
    #retakecs-root .rk-featured:hover { border-color:var(--border3); }
    #retakecs-root .rk-featured-img-wrap { height:420px; overflow:hidden; }
    #retakecs-root .rk-featured-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
    #retakecs-root .rk-featured:hover .rk-featured-img-wrap img { transform:scale(1.03); }
    #retakecs-root .rk-featured-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(11,14,28,0.95) 0%,rgba(11,14,28,0.55) 40%,transparent 70%); }
    #retakecs-root .rk-featured-body { position:absolute; bottom:0; left:0; right:0; padding:28px; }
    #retakecs-root .rk-featured-tag { display:inline-block; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#000; background:var(--accent); padding:3px 10px; border-radius:3px; margin-bottom:10px; }
    #retakecs-root .rk-featured-title { font-family:'Rajdhani',sans-serif; font-size:34px; font-weight:800; line-height:1.1; color:var(--text); }
    #retakecs-root .rk-featured-meta { font-size:13px; color:var(--muted2); margin-top:8px; }

    /* WIDGET RANKING */
    #retakecs-root .rk-widget { display:flex; flex-direction:column; gap:0; }
    #retakecs-root .rk-widget-card {
      background:var(--card); border:1.5px solid var(--border2);
      border-radius:16px 16px 0 0; padding:20px 20px 0;
      box-shadow:0 8px 32px rgba(0,0,0,0.35);
    }
    #retakecs-root .rk-widget-title { font-family:'Rajdhani',sans-serif; font-size:20px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:var(--text); margin-bottom:14px; }
    
    #retakecs-root .rk-toggle-pill {
      display:flex; background:rgba(255,255,255,0.05);
      border:1.5px solid var(--border2); border-radius:10px 10px 0 0;
      overflow:hidden; height:46px; margin:0 -20px;
    }
    #retakecs-root .rk-toggle-pill button {
      flex:1; font-family:'Rajdhani',sans-serif; font-size:13px; font-weight:800;
      letter-spacing:1.8px; text-transform:uppercase; border:none; cursor:pointer;
      transition:all 0.25s; color:var(--muted2); background:transparent;
      border-bottom:2px solid transparent; position:relative;
    }
    #retakecs-root .rk-toggle-pill button::after {
      content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px;
      background:var(--accent); transform:scaleX(0); transition:transform 0.25s;
    }
    #retakecs-root .rk-toggle-pill button.active { color:var(--accent); background:rgba(245,184,0,0.06); }
    #retakecs-root .rk-toggle-pill button.active::after { transform:scaleX(1); }
    #retakecs-root .rk-toggle-pill button.valve-tab.active { color:var(--red); background:rgba(224,48,48,0.06); }
    #retakecs-root .rk-toggle-pill button.valve-tab.active::after { background:var(--red); transform:scaleX(1); }
    #retakecs-root .rk-toggle-pill button:not(.active):hover { color:var(--text2); background:rgba(255,255,255,0.04); }

    #retakecs-root .rk-widget-body {
      background:var(--card); border:1.5px solid var(--border2); border-top:none;
      border-radius:0 0 16px 16px; box-shadow:0 8px 32px rgba(0,0,0,0.35);
      max-height:520px; overflow-y:auto;
    }
    #retakecs-root .rk-widget-body::-webkit-scrollbar { width:4px; }
    #retakecs-root .rk-widget-body::-webkit-scrollbar-track { background:transparent; }
    #retakecs-root .rk-widget-body::-webkit-scrollbar-thumb { background:var(--border2); border-radius:2px; }

    #retakecs-root .rk-widget-region-filters {
      display:flex; gap:6px; padding:10px 14px; border-bottom:1px solid var(--border);
      background:var(--bg2); position:sticky; top:0; z-index:2; flex-wrap:wrap;
    }
    #retakecs-root .rk-region-btn { font-family:'Share Tech Mono',monospace; font-size:11px; padding:3px 9px; background:transparent; color:var(--muted2); border:1px solid var(--border); border-radius:4px; cursor:pointer; transition:all 0.2s; }
    #retakecs-root .rk-region-btn:hover { color:var(--text); }
    #retakecs-root .rk-region-btn.active { background:var(--red); color:#fff; border-color:var(--red); font-weight:bold; }

    /* Rows Ranking */
    #retakecs-root .rk-rank-row { display:flex; align-items:center; padding:9px 16px; border-bottom:1px solid var(--border); transition:background 0.2s; }
    #retakecs-root .rk-rank-row:last-child { border-bottom:none; }
    #retakecs-root .rk-rank-row:hover { background:var(--card2); }
    #retakecs-root .rk-rank-pos { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--muted); width:26px; flex-shrink:0; }
    #retakecs-root .rk-rank-pos.top3 { color:var(--accent); font-weight:700; }
    #retakecs-root .rk-rank-logo { width:20px; height:20px; object-fit:contain; margin-right:8px; }
    #retakecs-root .rk-rank-name { font-family:'Rajdhani',sans-serif; font-size:15px; font-weight:600; flex:1; display:flex; align-items:center; }
    #retakecs-root .rk-rank-pts { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--muted2); }
    #retakecs-root .rk-rank-change { font-size:11px; font-weight:600; margin-left:8px; width:24px; text-align:right; }
    #retakecs-root .rank-up   { color:var(--green); }
    #retakecs-root .rank-same { color:var(--muted); }
    #retakecs-root .rank-down { color:var(--red); }

    /* Rows Votes */
    #retakecs-root .rk-vote-row { display:flex; align-items:center; padding:9px 16px; border-bottom:1px solid var(--border); gap:8px; }
    #retakecs-root .rk-vote-row:last-child { border-bottom:none; }
    #retakecs-root .rk-vote-pos { font-family:'Share Tech Mono',monospace; font-size:12px; color:var(--muted); width:24px; flex-shrink:0; }
    #retakecs-root .rk-vote-pos.top3 { color:var(--accent); font-weight:700; }
    #retakecs-root .rk-vote-flag { font-size:15px; flex-shrink:0; }
    #retakecs-root .rk-vote-name { font-family:'Rajdhani',sans-serif; font-size:14px; font-weight:600; flex:1; }
    #retakecs-root .rk-vote-bar-wrap { width:70px; height:4px; background:var(--bg3); border-radius:2px; overflow:hidden; }
    #retakecs-root .rk-vote-bar { height:100%; background:var(--accent); border-radius:2px; transition:width 0.6s ease; }
    #retakecs-root .rk-vote-count { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted2); width:28px; text-align:right; }
    #retakecs-root .rk-vote-btn { background:none; border:1px solid var(--border2); color:var(--muted2); width:26px; height:26px; border-radius:5px; cursor:pointer; font-size:12px; transition:all 0.2s; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    #retakecs-root .rk-vote-btn:hover { border-color:var(--accent); color:var(--accent); }

    /* SECTIONS & GRIDS */
    #retakecs-root .rk-section { padding:36px 28px 0; max-width:1280px; margin:0 auto; }
    #retakecs-root .rk-section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
    #retakecs-root .rk-section-title { font-family:'Rajdhani',sans-serif; font-size:20px; font-weight:700; letter-spacing:2px; text-transform:uppercase; display:flex; align-items:center; gap:10px; }
    #retakecs-root .rk-section-title::before { content:''; display:block; width:4px; height:20px; border-radius:2px; }
    #retakecs-root .rk-section-title.accent-news::before     { background:var(--accent); }
    #retakecs-root .rk-section-title.accent-analises::before { background:var(--cyan); }
    #retakecs-root .rk-see-all { font-family:'Rajdhani',sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--muted2); text-decoration:none; border:1px solid var(--border2); padding:5px 14px; border-radius:6px; transition:all 0.2s; }
    #retakecs-root .rk-see-all:hover { color:var(--accent); border-color:var(--accent); }
    #retakecs-root .rk-see-all.cyan:hover { color:var(--cyan); border-color:var(--cyan); }
    #retakecs-root .rk-filters { display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
    #retakecs-root .rk-filter-btn { font-family:'Rajdhani',sans-serif; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted2); background:var(--card); border:1.5px solid var(--border); padding:6px 16px; border-radius:6px; cursor:pointer; transition:all 0.2s; }
    #retakecs-root .rk-filter-btn:hover { color:var(--text); border-color:var(--border2); }
    #retakecs-root .rk-filter-btn.active { color:#000; background:var(--accent); border-color:var(--accent); }
    #retakecs-root .rk-filter-btn.cyan.active { background:var(--cyan); border-color:var(--cyan); color:#000; }
    #retakecs-root .rk-filter-btn.cyan:hover { color:var(--cyan); border-color:var(--cyan); }

    #retakecs-root .rk-news-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; padding-bottom:24px; }
    #retakecs-root .rk-news-card { background:var(--card); border:1.5px solid var(--border); border-radius:12px; overflow:hidden; cursor:pointer; transition:border-color 0.25s,transform 0.25s; text-decoration:none; color:inherit; display:block; }
    #retakecs-root .rk-news-card:hover { border-color:var(--border3); transform:translateY(-3px); }
    #retakecs-root .rk-nc-img-wrap { overflow:hidden; height:165px; }
    #retakecs-root .rk-nc-img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
    #retakecs-root .rk-news-card:hover .rk-nc-img { transform:scale(1.05); }
    #retakecs-root .rk-nc-body { padding:16px; }
    #retakecs-root .rk-nc-tag { font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
    #retakecs-root .tag-noticias { color:var(--accent); }
    #retakecs-root .tag-ranking  { color:#b070ff; }
    #retakecs-root .tag-analises { color:var(--cyan); }
    #retakecs-root .rk-nc-title { font-family:'Rajdhani',sans-serif; font-size:17px; font-weight:700; line-height:1.25; margin-bottom:10px; color:var(--text); }
    #retakecs-root .rk-nc-footer { display:flex; align-items:center; justify-content:space-between; }
    #retakecs-root .rk-nc-date { font-size:12px; color:var(--muted2); }
    #retakecs-root .rk-nc-read { font-family:'Share Tech Mono',monospace; font-size:11px; opacity:0; transition:opacity 0.2s; }
    #retakecs-root .rk-news-card:hover .rk-nc-read { opacity:1; }
    #retakecs-root .read-news      { color:var(--accent); }
    #retakecs-root .read-analises { color:var(--cyan); }

    #retakecs-root .rk-analises-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; padding-bottom:24px; }
    #retakecs-root .rk-analise-card { background:var(--card); border:1.5px solid var(--border); border-radius:14px; overflow:hidden; cursor:pointer; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s; }
    #retakecs-root .rk-analise-card:hover { border-color:rgba(0,212,255,0.45); transform:translateY(-4px); box-shadow:0 8px 32px rgba(0,212,255,0.08); }
    #retakecs-root .rk-analise-card::before { content:''; display:block; height:3px; background:linear-gradient(90deg,var(--cyan),var(--blue)); border-radius:14px 14px 0 0; }
    #retakecs-root .rk-ac-img-wrap { overflow:hidden; height:175px; }
    #retakecs-root .rk-ac-img { width:100%; height:100%; object-fit:cover; transition:transform 0.45s; }
    #retakecs-root .rk-analise-card:hover .rk-ac-img { transform:scale(1.05); }
    #retakecs-root .rk-ac-body { padding:18px; flex:1; display:flex; flex-direction:column; }
    #retakecs-root .rk-ac-badge { display:inline-flex; align-items:center; gap:6px; font-family:'Share Tech Mono',monospace; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--cyan); background:rgba(0,212,255,0.08); border:1px solid rgba(0,212,255,0.2); padding:3px 10px; border-radius:4px; margin-bottom:10px; width:fit-content; }
    #retakecs-root .rk-ac-badge::before { content:'?'; font-size:9px; }
    #retakecs-root .rk-ac-title { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:700; line-height:1.25; margin-bottom:8px; color:var(--text); flex:1; }
    #retakecs-root .rk-ac-excerpt { font-size:13px; color:var(--muted2); line-height:1.5; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
    #retakecs-root .rk-ac-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); padding-top:10px; margin-top:auto; }
    #retakecs-root .rk-ac-date { font-size:12px; color:var(--muted); }
    #retakecs-root .rk-ac-read { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--cyan); opacity:0; transition:opacity 0.2s; }
    #retakecs-root .rk-analise-card:hover .rk-ac-read { opacity:1; }

    #retakecs-root .rk-skeleton { background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%); background-size:200% 100%; animation:rkShimmer 1.5s ease-in-out infinite; border-radius:12px; height:260px; }
    #retakecs-root .rk-skeleton-tall { height:300px; border-radius:14px; }
    @keyframes rkShimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }

    #retakecs-root footer { background:var(--bg2); border-top:1px solid var(--border); padding:28px; margin-top:56px; }
    #retakecs-root .rk-footer-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
    #retakecs-root .rk-footer-logo { font-family:'Rajdhani',sans-serif; font-size:18px; font-weight:700; letter-spacing:3px; color:var(--muted2); font-style:italic; }
    #retakecs-root .rk-footer-logo span { color:var(--accent); }
    #retakecs-root .rk-footer-links { display:flex; gap:20px; }
    #retakecs-root .rk-footer-links a { font-size:13px; color:var(--muted); text-decoration:none; transition:color 0.2s; }
    #retakecs-root .rk-footer-links a:hover { color:var(--muted2); }
    #retakecs-root .rk-footer-copy { font-family:'Share Tech Mono',monospace; font-size:11px; color:var(--muted); }

    @keyframes rkFadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
    #retakecs-root .fade-up  { animation:rkFadeUp 0.5s ease both; }
    #retakecs-root .delay-1  { animation-delay:0.1s; }
    #retakecs-root .live-dot { width:7px; height:7px; background:var(--green); border-radius:50%; display:inline-block; animation:rkPulse 2s infinite; margin-right:6px; }
    @keyframes rkPulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

    /* =========================================
       NOVO MEDIA QUERY RESPONSIVO CONSOLIDADO
       ========================================= */
    @media(max-width:900px){
      #retakecs-root .rk-hero-grid { grid-template-columns:1fr; }
      #retakecs-root .rk-header-wrap, #retakecs-root .rk-hero, #retakecs-root .rk-section { padding-left:16px; padding-right:16px; }
      
      /* Header flexível para acomodar o menu na linha de baixo */
      #retakecs-root .rk-header { height:auto; flex-wrap:wrap; padding:14px 16px; gap:12px; justify-content:space-between; }
      
      /* Menu mobile estilo scroll horizontal */
      #retakecs-root .rk-nav {
        display: flex !important; /* Força a exibição caso algum CSS do WP tente ocultar */
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Esconde scroll no Firefox */
      }
      #retakecs-root .rk-nav::-webkit-scrollbar { display: none; } /* Esconde scroll no Chrome/Safari */
      
      /* Links transformados em botões para facilitar o clique */
      #retakecs-root .rk-nav a {
        height: 38px;
        padding: 0 16px;
        font-size: 13px;
        flex-shrink: 0;
        background: var(--bg2);
        border: 1px solid var(--border);
        border-radius: 8px;
        margin-right: 8px;
      }
      #retakecs-root .rk-nav a::after { display: none; } /* Remove divisória */
      #retakecs-root .rk-nav a:last-child { margin-right: 0; }
    }
    
    @media(max-width:600px){
      #retakecs-root .rk-footer-inner { flex-direction:column; align-items:flex-start; }
      #retakecs-root .rk-logo { font-size: 20px; }
      #retakecs-root .rk-cta { font-size: 12px; padding: 8px 14px; }
    }
  </style>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="retakecs-root">

  <div class="rk-ticker">
    <div class="rk-ticker-inner" id="rk-ticker">
      <span class="rk-ticker-item"><span class="rk-ticker-label">LIVE</span> Carregando...</span>
    </div>
  </div>

  <div class="rk-header-wrap">
    <header class="rk-header">
      <a href="<?php echo esc_url(home_url('/')); ?>" class="rk-logo">RETAKECS</a>
      <nav class="rk-nav">
        <a href="<?php echo $url_noticias; ?>">Notícia</a>
        <a href="<?php echo $url_ranking; ?>">Ranking</a>
        <a href="<?php echo $url_analises; ?>" class="nav-analises">Análises</a>
        <a href="#">Times</a>
        <a href="#">Partidas</a>
      </nav>
      <a href="#" class="rk-cta">Comunidade</a>
    </header>
  </div>

  <div class="rk-hero">
    <div class="rk-hero-grid">

      <a class="rk-featured fade-up" id="featured-card" href="#">
        <div class="rk-featured-img-wrap">
          <img id="featured-img" src="https://placehold.co/900x420/101525/f5b800?text=RetakeCS" alt="Destaque" width="900" height="420">
          <div class="rk-featured-overlay"></div>
        </div>
        <div class="rk-featured-body">
          <span class="rk-featured-tag" id="featured-tag">Carregando</span>
          <div class="rk-featured-title" id="featured-title">Carregando notícia em destaque...</div>
          <div class="rk-featured-meta"  id="featured-meta"></div>
        </div>
      </a>

      <div class="rk-widget fade-up delay-1">
        <div class="rk-widget-card">
          <div class="rk-widget-title">Ranking Retake</div>
          <div class="rk-toggle-pill">
            <button class="active"    id="tab-community" onclick="switchWidgetTab('community')">
              <span class="live-dot"></span>Comunidade
            </button>
            <button class="valve-tab" id="tab-valve"     onclick="switchWidgetTab('valve')">
              Ranking Valve
            </button>
          </div>
        </div>
        <div class="rk-widget-body" id="widget-body">
          <div style="padding:20px;color:var(--muted2);font-size:13px">Carregando...</div>
        </div>
      </div>

    </div>
  </div>

  <div class="rk-section">
    <div class="rk-section-header fade-up">
      <div class="rk-section-title accent-news">Todas as Notícias</div>
      <a href="<?php echo $url_noticias; ?>" class="rk-see-all">Ver todas ?</a>
    </div>
    <div class="rk-filters fade-up delay-1">
      <button class="rk-filter-btn active" data-slug=""         data-section="news">Todos</button>
      <button class="rk-filter-btn"        data-slug="noticias" data-section="news">Notícias</button>
      <button class="rk-filter-btn"        data-slug="ranking"  data-section="news">Ranking</button>
    </div>
    <div class="rk-news-grid" id="news-grid">
      <div class="rk-skeleton"></div><div class="rk-skeleton"></div>
      <div class="rk-skeleton"></div><div class="rk-skeleton"></div>
    </div>
  </div>

  <div class="rk-section" id="rk-analises">
    <div class="rk-section-header fade-up">
      <div class="rk-section-title accent-analises">Análises</div>
      <a href="<?php echo $url_analises; ?>" class="rk-see-all cyan">Ver todas ?</a>
    </div>
    <p style="color:var(--muted2);font-size:14px;margin:-8px 0 18px;max-width:640px;">
      Leituras aprofundadas sobre táticas, times, jogadores e o meta do CS2.
    </p>
    <div class="rk-filters fade-up delay-1">
      <button class="rk-filter-btn cyan active" data-slug=""         data-section="analises">Todas</button>
      <button class="rk-filter-btn cyan"        data-slug="analises" data-section="analises">Análises</button>
      <button class="rk-filter-btn cyan"        data-slug="taticas"  data-section="analises">Táticas</button>
      <button class="rk-filter-btn cyan"        data-slug="meta"     data-section="analises">Meta</button>
      <button class="rk-filter-btn cyan"        data-slug="perfil"   data-section="analises">Perfil</button>
    </div>
    <div class="rk-analises-grid" id="analises-grid">
      <div class="rk-skeleton rk-skeleton-tall"></div>
      <div class="rk-skeleton rk-skeleton-tall"></div>
      <div class="rk-skeleton rk-skeleton-tall"></div>
    </div>
  </div>

  <footer>
    <div class="rk-footer-inner">
      <div class="rk-footer-logo">RETAKE<span>CS</span></div>
      <div class="rk-footer-links">
        <a href="<?php echo $url_noticias; ?>">Notícias</a>
        <a href="<?php echo $url_analises; ?>">Análises</a>
        <a href="<?php echo $url_ranking; ?>">Ranking</a>
        <a href="#">Times</a>
        <a href="#">Partidas</a>
      </div>
      <div class="rk-footer-copy">© <?php echo date('Y'); ?> RETAKECS.COM</div>
    </div>
  </footer>

</div>

<script>
(function(){
'use strict';

var WP_API   = '<?php echo esc_js($wp_rest_url); ?>';
var PROXY    = 'https://api.codetabs.com/v1/proxy?quest=';
var BASE_API = 'https://api.csapi.de';

var catCache = {};

async function getCatId(slug){
  if(!slug) return null;
  if(catCache[slug]!==undefined) return catCache[slug];
  try{
    var r=await fetch(WP_API+'/categories?slug='+encodeURIComponent(slug)+'&per_page=1');
    var d=await r.json();
    catCache[slug]=(d&&d[0])?d[0].id:null;
    return catCache[slug];
  }catch(e){catCache[slug]=null;return null;}
}

// Fallback de segurança para API
async function apiFetch(endpoint){
  try{
    var r=await fetch(PROXY+encodeURIComponent(BASE_API+endpoint));
    if(!r.ok) throw new Error('HTTP '+r.status);
    var t=await r.text();
    return JSON.parse(t);
  } catch(e) {
    console.warn("Proxy falhou, injetando dados simulados de segurança.", e);
    if(endpoint.includes('/rankings')) {
      return [
        {name:"FaZe", points: 950, rank: 1, rank_diff: 0},
        {name:"MOUZ", points: 820, rank: 2, rank_diff: 1},
        {name:"Vitality", points: 800, rank: 3, rank_diff: -1},
        {name:"NAVI", points: 760, rank: 4, rank_diff: 0},
        {name:"G2", points: 680, rank: 5, rank_diff: 2},
        {name:"FURIA", points: 420, rank: 12, rank_diff: 1}
      ];
    }
    if(endpoint.includes('/matches')) {
      return { matches: [
        {team1: "FURIA", team2: "Complexity", score: "0 - 0"},
        {team1: "NAVI", team2: "FaZe", score: "1 - 1"}
      ]};
    }
    throw e;
  }
}

async function fetchPosts(catSlug,perPage){
  var url=WP_API+'/posts?_embed&per_page='+(perPage||8)+'&orderby=date&order=desc';
  if(catSlug){
    var id=await getCatId(catSlug);
    if(id) url+='&categories='+id;
  }
  var r=await fetch(url);
  if(!r.ok) throw new Error('Status '+r.status);
  return r.json();
}

/* -- NOTÍCIAS -- */
async function renderNoticias(catSlug){
  var grid=document.getElementById('news-grid');
  if(!grid) return;
  grid.innerHTML='<div class="rk-skeleton"></div>'.repeat(4);
  try{
    var posts=await fetchPosts(catSlug,8);
    if(!Array.isArray(posts)||!posts.length){
      grid.innerHTML='<div style="padding:20px;color:var(--muted2)">Nenhum post encontrado.</div>';
      return;
    }
    var p=posts[0];
    var fImg=p._embedded?.['wp:featuredmedia']?.[0]?.source_url||'';
    var fCat=p._embedded?.['wp:term']?.[0]?.[0]?.name||'Notícia';
    var fDt=new Date(p.date).toLocaleDateString('pt-BR',{day:'2-digit',month:'long',year:'numeric'});
    var fc=document.getElementById('featured-card');if(fc)fc.href=p.link;
    if(fImg){var fi=document.getElementById('featured-img');if(fi)fi.src=fImg;}
    var te=document.getElementById('featured-tag'); if(te)te.textContent=fCat;
    var tt=document.getElementById('featured-title');if(tt)tt.textContent=p.title.rendered;
    var tm=document.getElementById('featured-meta'); if(tm)tm.textContent=fDt;
    
    grid.innerHTML=posts.map(function(post){
      var img=post._embedded?.['wp:featuredmedia']?.[0]?.source_url||'https://placehold.co/580x340/101525/f5b800?text=RetakeCS';
      var cat=post._embedded?.['wp:term']?.[0]?.[0]?.name||'Notícia';
      var slug=post._embedded?.['wp:term']?.[0]?.[0]?.slug||'noticias';
      var dt=new Date(post.date).toLocaleDateString('pt-BR',{day:'2-digit',month:'short'});
      return '<a class="rk-news-card" href="'+post.link+'">'
        +'<div class="rk-nc-img-wrap"><img class="rk-nc-img" src="'+img+'" alt="" loading="lazy" width="580" height="340"></div>'
        +'<div class="rk-nc-body"><div class="rk-nc-tag tag-'+slug+'">'+cat.toUpperCase()+'</div>'
        +'<h3 class="rk-nc-title">'+post.title.rendered+'</h3>'
        +'<div class="rk-nc-footer"><span class="rk-nc-date">'+dt+'</span><span class="rk-nc-read read-news">LER ?</span></div>'
        +'</div></a>';
    }).join('');
  }catch(e){
    grid.innerHTML='<div style="padding:20px;color:var(--red)">Erro: '+e.message+'</div>';
  }
}

/* -- ANÁLISES -- */
async function renderAnalises(catSlug){
  var grid=document.getElementById('analises-grid');
  if(!grid) return;
  grid.innerHTML='<div class="rk-skeleton rk-skeleton-tall"></div>'.repeat(3);
  try{
    var posts=await fetchPosts(catSlug||'analises',6);
    if(!Array.isArray(posts)||!posts.length){
      grid.innerHTML='<div style="padding:24px;color:var(--muted2)">Nenhuma análise ainda.<br><small>Crie posts na categoria <strong style="color:var(--cyan)">analises</strong>.</small></div>';
      return;
    }
    grid.innerHTML=posts.map(function(post){
      var img=post._embedded?.['wp:featuredmedia']?.[0]?.source_url||'https://placehold.co/620x360/101525/00d4ff?text=Análise';
      var cat=post._embedded?.['wp:term']?.[0]?.[0]?.name||'Análise';
      var excerpt=post.excerpt?.rendered?post.excerpt.rendered.replace(/<[^>]+>/g,'').replace(/\[&hellip;\]/g,'...').trim():'';
      var dt=new Date(post.date).toLocaleDateString('pt-BR',{day:'2-digit',month:'long',year:'numeric'});
      return '<a class="rk-analise-card" href="'+post.link+'">'
        +'<div class="rk-ac-img-wrap"><img class="rk-ac-img" src="'+img+'" alt="" loading="lazy" width="620" height="360"></div>'
        +'<div class="rk-ac-body"><span class="rk-ac-badge">'+cat.toUpperCase()+'</span>'
        +'<h3 class="rk-ac-title">'+post.title.rendered+'</h3>'
        +(excerpt?'<p class="rk-ac-excerpt">'+excerpt+'</p>':'')
        +'<div class="rk-ac-footer"><span class="rk-ac-date">'+dt+'</span><span class="rk-ac-read">LER ANÁLISE ?</span></div>'
        +'</div></a>';
    }).join('');
  }catch(e){
    grid.innerHTML='<div style="padding:24px;color:var(--red)">Erro: '+e.message+'</div>';
  }
}

/* Filtros */
document.querySelectorAll('.rk-filter-btn').forEach(function(btn){
  btn.addEventListener('click',function(){
    var s=btn.dataset.section;
    document.querySelectorAll('.rk-filter-btn[data-section="'+s+'"]').forEach(function(b){b.classList.remove('active');});
    btn.classList.add('active');
    if(s==='analises') renderAnalises(btn.dataset.slug);
    else renderNoticias(btn.dataset.slug);
  });
});

/* ----------------------------------------------
   WIDGET — COMUNIDADE vs VALVE
---------------------------------------------- */
var currentWidgetTab = 'community';

/* -- Dados da comunidade -- */
var communityTeams = [
  {flag:"????",name:"NAVI",     votos:4821},
  {flag:"????",name:"Vitality", votos:3974},
  {flag:"????",name:"FURIA",    votos:3550},
  {flag:"????",name:"FaZe",     votos:2810},
  {flag:"????",name:"Astralis", votos:2105},
  {flag:"????",name:"G2",       votos:1870},
  {flag:"????",name:"NIP",      votos:1240},
  {flag:"????",name:"Spirit",   votos: 980},
  {flag:"????",name:"Virtus.pro",votos:760},
  {flag:"????",name:"MOUZ",     votos: 540}
];

function voteRow(t,i,max){
  return '<div class="rk-vote-row">'
    +'<span class="rk-vote-pos '+(i<3?'top3':'')+'\">#'+(i+1)+'</span>'
    +'<span class="rk-vote-flag">'+t.flag+'</span>'
    +'<span class="rk-vote-name">'+t.name+'</span>'
    +'<div class="rk-vote-bar-wrap"><div class="rk-vote-bar" style="width:'+Math.round((t.votos/max)*100)+'%"></div></div>'
    +'<span class="rk-vote-count">'+(t.votos/1000).toFixed(1)+'k</span>'
    +'<button class="rk-vote-btn" onclick="votar(\''+t.name+'\')">?</button>'
    +'</div>';
}

function renderCommunityWidget(){
  var el=document.getElementById('widget-body'); if(!el) return;
  var sorted=communityTeams.slice().sort(function(a,b){return b.votos-a.votos;});
  var max=sorted[0].votos;
  el.innerHTML=sorted.map(function(t,i){return voteRow(t,i,max);}).join('');
}

window.votar=function(nome){
  var t=communityTeams.find(function(x){return x.name===nome;});
  if(t){t.votos++;if(currentWidgetTab==='community') renderCommunityWidget();}
};

/* -- Ranking Valve -- */
var regionMap={
  "FURIA":"SA","paiN":"SA","MIBR":"SA","Imperial":"SA","9z":"SA","Legacy":"SA","RED Canids":"SA","Fluxo":"SA","Sharks":"SA","ODDIK":"SA",
  "Liquid":"NA","Complexity":"NA","M80":"NA","NRG":"NA","Wildcard":"NA","Nouns":"NA",
  "NAVI":"EU","Vitality":"EU","MOUZ":"EU","Spirit":"EU","G2":"EU","FaZe":"EU","Astralis":"EU","Virtus.pro":"EU","Heroic":"EU","NIP":"EU","Cloud9":"EU","ENCE":"EU","Falcons":"EU","GamerLegion":"EU","BetBoom":"EU","fnatic":"EU",
  "The MongolZ":"AS","Lynn Vision":"AS","TYLOO":"AS","FlyQuest":"OC"
};
var valveCache=[];
var valveLoaded=false;
var valveRegion='ALL';

async function renderValveWidget(filtro){
  filtro=filtro||valveRegion;
  valveRegion=filtro;
  var el=document.getElementById('widget-body'); if(!el) return;

  if(!valveLoaded){
    el.innerHTML='<div style="padding:20px;color:var(--muted2);font-size:13px">Buscando ranking Valve...</div>';
    try{
      var data=await apiFetch('/rankings');
      valveCache=Array.isArray(data)?data:(data.rankings||[]);
      valveLoaded=true;
    }catch(e){
      el.innerHTML='<div style="padding:20px;color:var(--red);font-size:13px">Erro na API Valve: '+e.message+'</div>';
      return;
    }
  }

  var times=valveCache;
  if(filtro!=='ALL'){
    times=times.filter(function(t){
      for(var k in regionMap) if(t.name.toLowerCase().indexOf(k.toLowerCase())!==-1&&regionMap[k]===filtro) return true;
      return false;
    });
  }

  var html='<div class="rk-widget-region-filters">'
    +['ALL','SA','NA','EU','AS'].map(function(r){
        return '<button class="rk-region-btn '+(filtro===r?'active':'')+'" onclick="renderValveWidget(\''+r+'\')">'+(r==='ALL'?'Mundo':r)+'</button>';
      }).join('')+'</div>';

  if(!times.length){
    html+='<div style="padding:20px;color:var(--muted2);font-size:13px">Nenhum time nessa região.</div>';
  }else{
    html+=times.map(function(t,i){
      var d=t.rank_diff||0,cls=d>0?'rank-up':d<0?'rank-down':'rank-same',txt=d>0?'+'+d:d<0?''+d:'—';
      var pos=t.rank||i+1;
      var logo=t.logo||t.image||('https://api.dicebear.com/7.x/initials/svg?seed='+encodeURIComponent(t.name)+'&backgroundColor=101525&textColor=f5b800');
      return '<div class="rk-rank-row">'
        +'<span class="rk-rank-pos '+(pos<=3?'top3':'')+'\">#'+pos+'</span>'
        +'<div class="rk-rank-name"><img src="'+logo+'" class="rk-rank-logo" width="20" height="20" alt="" loading="lazy" onerror="this.style.display=\'none\'">'+t.name+'</div>'
        +'<span class="rk-rank-pts">'+(t.points||0)+' <small>pts</small></span>'
        +'<span class="rk-rank-change '+cls+'">'+txt+'</span>'
        +'</div>';
    }).join('');
  }
  el.innerHTML=html;
}
window.renderValveWidget=renderValveWidget;

/* Troca de aba do widget */
window.switchWidgetTab=function(tab){
  currentWidgetTab=tab;
  document.getElementById('tab-community').classList.toggle('active',tab==='community');
  document.getElementById('tab-valve').classList.toggle('active',tab==='valve');
  if(tab==='community') renderCommunityWidget();
  else renderValveWidget(valveRegion);
};

/* -- TICKER -- */
async function renderTicker(){
  var el=document.getElementById('rk-ticker'); if(!el) return;
  try{
    var data=await apiFetch('/matches/latest');
    var m=(Array.isArray(data)?data:(data.matches||[])).slice(0,6);
    if(!m.length){el.innerHTML='<span class="rk-ticker-item"><span class="rk-ticker-label">INFO</span> Sem partidas ao vivo</span>';return;}
    var items=m.map(function(x){
      var t1=x.team1&&x.team1.name?x.team1.name:(x.team1||'T1');
      var t2=x.team2&&x.team2.name?x.team2.name:(x.team2||'T2');
      var s=x.score!==undefined?x.score:'vs';
      return '<span class="rk-ticker-item"><span class="rk-ticker-label">LIVE</span> '+t1+' '+s+' '+t2+'</span>';
    }).join('');
    el.innerHTML=items+items;
  }catch(e){
    el.innerHTML='<span class="rk-ticker-item"><span class="rk-ticker-label" style="color:var(--red)">ERRO</span> API indisponível</span>';
  }
}

/* -- INIT -- */
document.addEventListener('DOMContentLoaded',function(){
  renderCommunityWidget();  // widget começa mostrando comunidade
  renderNoticias('');
  renderAnalises('analises');
  renderTicker();
});

})();
</script>
<?php wp_footer(); ?>
</body>
</html>