/*
Theme Name: YoruNeko
Author: YoruNeko
Version: 2.0.0
Description: Tema dark estilo streaming para animes.
*/

/* ===========================
   RESET / BASE
=========================== */
:root{
  --bg:#0b0c10;
  --bg2:#0f1118;
  --panel:rgba(18,20,32,.72);

  --text:#e9e9ef;
  --muted:#a9adba;

  --stroke: rgba(255,255,255,.08);
  --stroke2: rgba(255,255,255,.12);

  --shadow: 0 10px 25px rgba(0,0,0,.45);

  --accent:#d98028;
  --accent2:#ffb86b;

  /* rgb do accent para efeitos (não muda a cor do tema) */
  --accent-rgb: 217,128,40;

  --radius:18px;
  --radius2:24px;

  --font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-title: "Plus Jakarta Sans", var(--font-ui);

}

/* ===========================
   TIPOGRAFIA
=========================== */
body{ font-family: var(--font-ui); }

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
  font-family: var(--font-title);
  letter-spacing: -0.01em;
}

*{ margin:0; padding:0; box-sizing:border-box; }
html{ height:auto; overflow-x:hidden; background: var(--bg); }
body{ min-height:100%; overflow-x:hidden; }


body{
  background:
    radial-gradient(1100px 600px at 20% 10%, rgba(217,128,40,.18), transparent 60%),
    radial-gradient(900px 500px at 80% 20%, rgba(155,120,255,.10), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  color:var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.45;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }
iframe{ max-width:100%; }

.container{ width:min(1200px, 92%); margin:0 auto; }

/* ===========================
   UI
=========================== */
.card{
  background: var(--panel);
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  box-shadow: var(--shadow);
}

.glass{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid var(--stroke);
  border-radius:var(--radius2);
  backdrop-filter: blur(12px);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.75rem 1.1rem;
  border-radius:12px;
  border:1px solid var(--stroke2);
  background: rgba(255,255,255,.06);
  color:var(--text);
  cursor:pointer;
}
.btn:hover{ border-color: rgba(255,255,255,.2); }

.btn-accent{
  background: linear-gradient(180deg, rgba(217,128,40,.95), rgba(217,128,40,.75));
  border-color: rgba(217,128,40,.35);
  box-shadow: 0 14px 30px rgba(217,128,40,.18);
}

.h2{ font-size:1.6rem; font-weight:800; }
.muted{ color:var(--muted); }
.accent{ color:var(--accent2); }

/* ===========================
   HEADER (WP MENU)
=========================== */
.ak-header{
  position:sticky;
  top:0;
  z-index:999;
  background: rgba(10,12,18,.65);
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(12px);
}

.ak-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  gap:14px;
}

.ak-brand{ display:flex; gap:.6rem; align-items:center; }
.ak-logo{
  width:34px; height:34px;
  border-radius:10px;
  background: rgba(255,255,255,.08);
  border:1px solid var(--stroke);
}
.ak-name{ font-weight:900; }

.ak-nav{ display:block; }

.ak-menu{
  list-style:none;
  display:flex;
  gap:18px;
  align-items:center;
  margin:0;
  padding:0;
}
.ak-menu a{
  color:var(--muted);
  padding:8px 10px;
  border-radius:10px;
  display:inline-block;
}
.ak-menu a:hover{
  color:var(--text);
  background: rgba(255,255,255,.06);
}

.ak-actions{ display:flex; gap:10px; align-items:center; }

.ak-burger{
  display:none;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: var(--text);
  border-radius: 12px;
  padding: .55rem .75rem;
  cursor:pointer;
}

.ak-mobile{
  border-top:1px solid rgba(255,255,255,.06);
  padding: 10px 0 14px;
  background: rgba(10,12,18,.85);
}
.ak-mobile-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ak-mobile-menu a{
  display:block;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--muted);
}
.ak-mobile-menu a:hover{
  background: rgba(255,255,255,.06);
  color: var(--text);
}

@media (max-width: 980px){
  .ak-nav{ display:none; }
  .ak-actions{ display:none; }
  .ak-burger{ display:inline-flex; }
}

/* ===========================
   HERO HOME
=========================== */
.ak-home-hero{
  position:relative;
  min-height:560px;
  background:center/cover no-repeat;
}

.ak-hero-overlay{
  position:absolute;
  inset:0;
  background:
    /* overlay mais leve (menos "sombra preta") */
    radial-gradient(900px 520px at 18% 10%, rgba(0,0,0,.05), rgba(0,0,0,.55)),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.70));
}

.ak-home-hero-inner{
  position:relative;
  z-index:1;
  padding:70px 0 40px;
}

.ak-home-title{
  font-size:2.9rem;
  font-weight:900;
  line-height:1.05;
}

.ak-home-sub{
  max-width:760px;
  margin-top:10px;
}

.ak-home-cta{
  display:flex;
  gap:10px;
  margin:16px 0;
  flex-wrap:wrap;
}

/* Search */
.ak-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
}
.ak-search-input{
  flex:1;
  background:none;
  border:0;
  outline:0;
  color:var(--text);
}
.ak-trending{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* Trending centralizado (Home Hero) */
.ak-trending-center{
  justify-content:center;
}
.ak-trending-label{
  color: rgba(255,255,255,.68);
  font-size: .92rem;
  margin-right: 2px;
}
.ak-trending a{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  font-size:.85rem;
  color: var(--accent2);
}
.ak-trending a:hover{
  background: rgba(217,128,40,.16);
}

/* ===========================
   HOME SECTIONS
=========================== */
.ak-home{ padding:26px 0 70px; }

.ak-section{ margin-top:28px; }

.ak-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

/* Separadores/Divisórias mais "premium" entre sessões */
.ak-section + .ak-section{
  margin-top:44px;
  padding-top:22px;
  position:relative;
}
.ak-section + .ak-section:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:
    linear-gradient(90deg,
      rgba(var(--accent-rgb), .72) 0%,
      rgba(255,255,255,.16) 22%,
      rgba(255,255,255,.10) 52%,
      rgba(255,255,255,.06) 74%,
      rgba(255,255,255,0) 100%
    );
  opacity:.95;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.35));
}

/* Cabeçalho da sessão com acento + linha sutil abaixo */
.ak-section-head{
  position:relative;
  padding-bottom:14px;
  margin-bottom:16px;
}
.ak-section-head:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:
    linear-gradient(90deg,
      rgba(var(--accent-rgb), .92) 0%,
      rgba(255,255,255,.16) 34%,
      rgba(255,255,255,.10) 62%,
      rgba(255,255,255,0) 100%
    );
  opacity:.9;
  filter: drop-shadow(0 0 14px rgba(var(--accent-rgb), .20));
}

/* “Barra” de destaque no título (fica clean e combina com dark) */
.ak-section-head .h2{
  position:relative;
  padding-left:14px;
}
.ak-section-head .h2:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  width:6px;
  height:22px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--accent2), var(--accent));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07),
    0 10px 26px rgba(var(--accent-rgb), .22);
}

/* “Ver mais” mais alinhado com o estilo */
.ak-section-head .ak-link{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
}
.ak-section-head .ak-link:hover{
  border-color: rgba(255,255,255,.18);
  background: rgba(var(--accent-rgb), .12);
}

/* ===========================
   CARROSSEL ANIMES (TRACK)
=========================== */
.ak-row-scroll{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding-bottom:10px;

  scroll-snap-type: x mandatory;
}
.ak-row-scroll > *{
  scroll-snap-align: start;
}

/* esconder scrollbar */
.ak-row-scroll{ scrollbar-width: none; }
.ak-row-scroll::-webkit-scrollbar{ display:none; }

/* wrapper do carrossel */
.ak-slider{ position: relative; }

/* bot천es */
.ak-slide-btn{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
  color:#fff;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:10;
  transition:.15s ease;
}

.ak-slide-btn:hover{
  background: rgba(217,128,40,.9);
  border-color: rgba(217,128,40,.9);
}

.ak-slide-prev{ left:-18px; }
.ak-slide-next{ right:-18px; }

/* mobile: seta menor */
@media(max-width:560px){
  .ak-slide-btn{ width:36px; height:36px; font-size:18px; }
}

/* cards do carrossel */
.ak-anime-tile{
  width:210px;
  flex:0 0 auto;
  overflow:hidden;
}

.ak-anime-thumb{
  height:285px;
  background:center/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.ak-anime-info{ padding:12px; }
.ak-anime-name{ font-weight:900; margin-bottom:8px; }

/* STREAMS (menor igual print) */
.ak-streams{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:8px;
}

.ak-check{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  color: var(--muted);
  font-size:.8rem;
}

.ak-check .dot{
  width:12px;
  height:12px;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.25);
}

.ak-check.is-on{
  background: rgba(217,128,40,.12);
  border-color: rgba(217,128,40,.35);
  color: var(--text);
}

.ak-check.is-on .dot{
  background: rgba(217,128,40,.95);
  border-color: rgba(217,128,40,.55);
  position:relative;
}

.ak-check.is-on .dot::after{
  content:"";
  position:absolute;
  left:3px;
  top:1px;
  width:4px;
  height:7px;
  border:2px solid rgba(0,0,0,.6);
  border-top:0;
  border-left:0;
  transform: rotate(45deg);
}

/* ===========================
   NEWS
=========================== */
.grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.ak-news-thumb{ height:130px; background:center/cover no-repeat; }

.ak-news-body{
  padding:12px;
  display:flex;
  gap:10px;
}

.ak-rank{
  width:28px;
  height:28px;
  border-radius:8px;
  background: rgba(217,128,40,.2);
  display:grid;
  place-items:center;
  font-weight:900;
}

/* ===========================
   TOP ANIMES
=========================== */
.ak-top-thumb{
  height:140px;
  background:center/cover no-repeat;
  position:relative;
}

.ak-top-rank{
  position:absolute;
  top:10px;
  left:10px;
  width:32px;
  height:32px;
  border-radius:10px;
  background: rgba(0,0,0,.5);
  display:grid;
  place-items:center;
  font-weight:900;
}

.ak-top-body{ padding:12px; }

/* ===========================
   SINGLE (complementos leves)
   (n찾o quebra a home)
=========================== */
.ak-stars{ letter-spacing:1px; color: var(--accent2); }

.ak-details{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}
.ak-detail{
  padding:10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.20);
}
.ak-detail span{ display:block; font-size:.85rem; margin-bottom:4px; }
.ak-detail strong{ font-weight:900; }

.ak-tags{ display:flex; gap:8px; flex-wrap:wrap; }

/* ===========================
   RESPONSIVO
=========================== */
@media(max-width:820px){
  .ak-home-title{ font-size:2.2rem; }
}

@media(max-width:1100px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
}

@media(max-width:560px){
  .grid-4{ grid-template-columns:1fr; }
  .ak-anime-thumb{ height:255px; }
  .ak-details{ grid-template-columns: 1fr; }
}
/* ===========================
   TOPBAR (menu igual ao print)
=========================== */
.ak-topbar{
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(10,12,18,.35);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
}

.ak-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding: 12px 0;
}

/* brand */
.ak-topbar-brand{
  display:flex;
  align-items:center;
  gap:.65rem;
  min-width: 190px;
}
.ak-topbar-logo{
  width:30px; height:30px;
  border-radius:10px;
  background: rgba(255,255,255,.08);
  border:1px solid var(--stroke);
}
.ak-topbar-name{
  font-weight:800;
  letter-spacing:.2px;
  opacity:.95;
}

/* menu central */
.ak-topbar-nav{ flex: 1; display:flex; justify-content:center; }
.ak-topbar-menu{
  list-style:none;
  display:flex;
  gap:16px;
  align-items:center;
  padding:0;
  margin:0;
}
.ak-topbar-menu a{
  color: rgba(233,233,239,.82);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: .95rem;
}
.ak-topbar-menu a:hover{
  background: rgba(255,255,255,.06);
  color: var(--text);
}
.ak-topbar-menu .current-menu-item > a,
.ak-topbar-menu .current_page_item > a{
  color: var(--accent2);
  position: relative;
}
.ak-topbar-menu .current-menu-item > a::after,
.ak-topbar-menu .current_page_item > a::after{
  content:"";
  position:absolute;
  left:10px; right:10px; bottom:-6px;
  height:2px;
  border-radius:999px;
  background: rgba(217,128,40,.85);
}

/* direita */
.ak-topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 240px;
  justify-content:flex-end;
}

.ak-topbar-icon{
  width:38px; height:38px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: var(--text);
  display:grid;
  place-items:center;
  cursor:pointer;
}
.ak-topbar-icon:hover{
  border-color: rgba(255,255,255,.22);
}

.ak-user-name{
  color: rgba(233,233,239,.86);
  font-weight: 600;
  font-size: .92rem;
  padding: 6px 8px;
  border-radius: 10px;
}
.ak-user-name:hover{
  background: rgba(255,255,255,.06);
}

/* CTA laranja mais “reta” igual print */
.ak-topbar-cta{
  padding: .65rem 1rem;
  border-radius: 12px;
}

/* busca e mobile */
.ak-topbar-search{
  padding-bottom: 12px;
}

.ak-burger{
  display:none;
  width:40px; height:40px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: var(--text);
  cursor:pointer;
}

.ak-mobile{
  padding-bottom: 14px;
}

.ak-mobile-menu{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding: 10px 0 0;
  margin:0;
}
.ak-mobile-menu a{
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

/* responsivo */
@media (max-width: 980px){
  .ak-topbar-nav{ display:none; }
  .ak-burger{ display:inline-flex; align-items:center; justify-content:center; }
  .ak-topbar-brand{ min-width: auto; }
  .ak-topbar-right{ min-width: auto; }
}

@media (max-width: 520px){
  .ak-user-name{ display:none; }
  .ak-topbar-cta{ display:none; }
}
.ak-top10-item{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.20);
  margin:10px 0 18px;
}
.ak-top10-cover{
  width:110px;
  height:160px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  flex:0 0 auto;
}
.ak-top10-text{
  flex:1;
}
@media(max-width:560px){
  .ak-top10-item{flex-direction:column;}
  .ak-top10-cover{width:100%; height:auto; max-height:320px;}
}
/* ===========================
   SINGLE POST / BLOG / NOTÍCIAS
=========================== */

.ak-article{
  padding-bottom:70px;
}

/* HERO DO ARTIGO */
.ak-article-hero{
  position:relative;
  min-height:360px;
  background:center/cover no-repeat;
  border-bottom:1px solid var(--stroke);
}

.ak-article-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 500px at 20% 10%, rgba(217,128,40,.18), transparent 60%),
    radial-gradient(800px 500px at 80% 10%, rgba(155,120,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.90));
}

.ak-hero-inner{
  position:relative;
  z-index:2;
  padding:60px 0 36px;
}

/* breadcrumbs */
.ak-breadcrumbs{
  display:flex;
  gap:8px;
  font-size:.85rem;
  color:var(--muted);
}
.ak-breadcrumbs a:hover{ color:var(--text); }
.ak-sep{ opacity:.5; }

/* categoria badge */
.ak-badge{
  display:inline-flex;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(217,128,40,.35);
  background: rgba(217,128,40,.12);
  color:var(--accent2);
  font-size:.8rem;
}

/* titulo */
.ak-h1{
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight:900;
  line-height:1.05;
  margin:14px 0 10px;
  max-width:900px;
}

/* subtitulo */
.ak-subtitle{
  max-width:820px;
  font-size:1.08rem;
  color:var(--muted);
  line-height:1.6;
}

/* meta info */
.ak-meta{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  font-size:.85rem;
  color:rgba(255,255,255,.7);
}
.ak-meta-dot{ opacity:.5; }

/* botoes hero */
.ak-hero-actions{
  margin-top:18px;
  display:flex;
  gap:10px;
}
.ak-hero-actions button{
  border-radius:12px;
  padding:.65rem 1rem;
  border:1px solid var(--stroke2);
  background: rgba(255,255,255,.06);
  color:var(--text);
  cursor:pointer;
}
.ak-hero-actions button:hover{
  border-color: rgba(255,255,255,.22);
}
.ak-hero-actions .ak-save{
  background: linear-gradient(180deg, rgba(217,128,40,.95), rgba(217,128,40,.75));
  border-color: rgba(217,128,40,.45);
  box-shadow: 0 14px 30px rgba(217,128,40,.25);
}

/* GRID PRINCIPAL */
.ak-grid{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:22px;
  margin-top:-60px;
}

@media(max-width:980px){
  .ak-grid{ grid-template-columns:1fr; }
}

/* CARD DO CONTEÚDO */
.ak-content{
  background: var(--panel);
  border:1px solid var(--stroke);
  border-radius:var(--radius2);
  box-shadow: var(--shadow);
  overflow:hidden;
}

/* imagem principal */
.ak-cover img{
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* TEXTO DO ARTIGO */
.ak-prose{
  /* Menos “respiro” lateral: aproxima o texto das bordas do card */
  padding:12px 12px 10px;
  font-size:1.08rem;
  line-height:1.85;
  color:rgba(255,255,255,.9);
}

/* Mobile: ainda mais colado (sem ficar apertado) */
@media (max-width:560px){
  .ak-prose{ padding:6px 6px 8px; font-size:1.1rem; }
}


@media (max-width:420px){
  .ak-prose{ padding:4px 4px 8px; }
}

.ak-prose p{ margin-bottom:14px; }

.ak-prose h2{
  margin:24px 0 10px;
  font-size:1.45rem;
  padding-left:8px;
  border-left:3px solid var(--accent);
}

.ak-prose h3{
  margin:24px 0 10px;
  font-size:1.28rem;
}

.ak-prose a{
  color:var(--accent2);
}
.ak-prose a:hover{ color:#fff; }

.ak-prose blockquote{
  margin:20px 0;
  padding:14px 16px;
  border-left:3px solid var(--accent);
  background: rgba(0,0,0,.25);
  border-radius:12px;
  color:rgba(255,255,255,.85);
}

.ak-prose img{
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  margin:12px 0 6px;
}

/* FOOTER DO POST */
.ak-footer{
  padding:18px 24px 22px;
  border-top:1px solid rgba(255,255,255,.06);
}

/* tags */
.ak-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.ak-tag{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  font-size:.8rem;
  color:var(--muted);
}
.ak-tag:hover{
  border-color: rgba(217,128,40,.45);
  color:var(--accent2);
}

/* navegação anterior / próximo */
.ak-nav{
  display:flex;
  justify-content:space-between;
}
.ak-nav a{
  color:rgba(255,255,255,.85);
  font-weight:600;
}
.ak-nav a:hover{ color:var(--accent2); }

/* SIDEBAR */
.ak-aside{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.ak-sticky{
  position:sticky;
  top:90px;
}

/* cards laterais */
.ak-aside .ak-card{
  padding-bottom:10px;
}

/* lista lateral */
.ak-mini-list{
  list-style:none;
  padding:0 12px 12px;
  margin:0;
}
.ak-mini-item{
  border-top:1px solid rgba(255,255,255,.06);
}
.ak-mini-link{
  display:flex;
  justify-content:space-between;
  padding:10px 6px;
  font-size:.85rem;
  color:rgba(255,255,255,.85);
}
.ak-mini-link:hover{ color:var(--accent2); }
.ak-mini-date{
  color:rgba(255,255,255,.5);
}

/* categorias */
.ak-cats{
  padding:0 12px 14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ak-cat{
  display:flex;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  color:rgba(255,255,255,.85);
}
.ak-cat:hover{
  border-color: rgba(217,128,40,.35);
  color:var(--accent2);
}
.ak-cat-count{
  font-size:.75rem;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(217,128,40,.35);
  color:var(--accent2);
  background: rgba(217,128,40,.12);
}
.ak-article-overlay{ display:none; } /* overlay fica no ::before do .ak-article-hero */
/* ====== Ajustes do single (extras) ====== */

/* evita duplicar overlay (hero do post usa ::before) */
.ak-article-overlay{ display:none; }

/* não repetir capa abaixo do hero */
.ak-cover.is-hidden{ display:none; }

/* meta com ícones */
.ak-meta-icons{ gap:12px; align-items:center; }
.ak-meta-icons .ak-meta-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ak-ico{
  width:16px;
  height:16px;
  fill: rgba(255,255,255,.75);
}
.ak-meta-link{ color: rgba(255,255,255,.8); }
.ak-meta-link:hover{ color: var(--accent2); }

/* TOC */
.ak-toc{
  margin: 10px 0 18px;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
}
.ak-toc-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.ak-toc-hint{ color: rgba(255,255,255,.55); font-size:.85rem; }
.ak-toc-list{
  margin:0;
  padding-left: 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ak-toc a{
  color: rgba(255,255,255,.84);
  text-decoration:none;
}
.ak-toc a:hover{ color: var(--accent2); }

/* Leia também (injetado no meio do artigo) */
.ak-readalso{
  margin: 18px 0;
  padding: 14px 14px 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.18));
}
.ak-readalso-title{
  margin: 0 0 10px;
  font-size: 1.05rem;
  font-weight: 900;
}
.ak-readalso-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media(max-width:560px){
  .ak-readalso-grid{ grid-template-columns:1fr; }
}
.ak-readalso-card{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
}
.ak-readalso-card:hover{
  border-color: rgba(217,128,40,.35);
}
.ak-readalso-thumb{
  width: 70px;
  height: 52px;
  border-radius: 12px;
  background: center/cover no-repeat;
  border: 1px solid rgba(255,255,255,.10);
  flex: 0 0 auto;
}
.ak-readalso-thumb.is-empty{
  background: rgba(255,255,255,.06);
}
.ak-readalso-text{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width: 0;
}
.ak-readalso-post{
  font-weight:800;
  color: rgba(255,255,255,.88);
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.ak-readalso-date{
  color: rgba(255,255,255,.55);
  font-size:.85rem;
}
/* Corrige sidebar invadindo o hero (APENAS HOME)
   - Esses offsets estavam afetando SINGLE/OUTRAS páginas no desktop e “cortando” o layout.
   - Default (todas as páginas): sem offset.
*/
.ak-grid{ margin-top:0; }
.ak-content{ margin-top:0; }
.ak-aside{ margin-top:0; }

/* Home / Front-page: puxa a grid para “encaixar” no hero */
body.home .ak-grid,
body.front-page .ak-grid{ margin-top:-60px; }

body.home .ak-content,
body.front-page .ak-content{ margin-top:60px; }

body.home .ak-aside,
body.front-page .ak-aside{ margin-top:140px; } /* sidebar abaixo do hero na home */

/* Mobile: na home não precisa de offset grande */
@media(max-width:980px){
  body.home .ak-grid,
  body.front-page .ak-grid{ margin-top:0; }

  body.home .ak-content,
  body.front-page .ak-content{ margin-top:0; }

  body.home .ak-aside,
  body.front-page .ak-aside{ margin-top:30px; }

  /* Em outras páginas, mantém um respiro na sidebar no mobile */
  .ak-aside{ margin-top:30px; }
}

/* Sidebar - Últimas notícias com thumb */
.ak-mini-item{
  margin-bottom: 10px;
}

.ak-mini-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.22);
  transition: border .2s, transform .15s;
}

.ak-mini-link:hover{
  border-color: rgba(217,128,40,.45);
  transform: translateY(-1px);
}

/* Thumb pequeno */
.ak-mini-thumb{
  width:64px;
  height:48px;
  border-radius:10px;
  background: center/cover no-repeat;
  flex: 0 0 auto;
  border:1px solid rgba(255,255,255,.10);
}

.ak-mini-thumb.is-empty{
  background: rgba(255,255,255,.08);
}

/* Texto */
.ak-mini-info{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.ak-mini-title{
  font-weight:600;                     /* menos pesado */
  color: rgba(235,235,235,.85);        /* branco suave */
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}


.ak-mini-date{
  font-size:.85rem;
  color: rgba(255,255,255,.55);
}

/* ===========================
   VIDA NERD - HOME (BLOCOS NOVOS)
   - Guias Essenciais
   - Cronograma + Ranking lateral (split)
   - Guias de Franquias
=========================== */

/* Guias Essenciais: reaproveita card de notícias */
.ak-guides-grid{ gap:16px; }
.ak-guide .ak-news-thumb{ height:160px; border-top-left-radius:var(--radius); border-top-right-radius:var(--radius); }
.ak-guide .ak-news-body{ padding:14px; }

/* Split Cronograma + Sidebar */
.ak-split{
  display:grid;
  grid-template-columns: minmax(0,1.55fr) minmax(0,.85fr);
  gap:16px;
  align-items:start;
}
@media (max-width: 980px){
  .ak-split{ grid-template-columns: 1fr; }
}

.ak-ep-feature{
  position:relative;
  background: center/cover no-repeat;
  overflow:hidden;
  min-height: 170px;
}
.ak-ep-feature-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(11,12,16,.92), rgba(11,12,16,.55) 55%, rgba(11,12,16,.20));
}
.ak-ep-feature-inner{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  padding:16px;
}
.ak-ep-feature-poster{
  width:92px;
  min-width:92px;
  overflow:hidden;
}
.ak-ep-feature-poster-img{
  width:100%;
  aspect-ratio: 2/3;
  background:center/cover no-repeat;
  border-radius:14px;
}
.ak-ep-feature-title{
  font-size:1.15rem;
  font-weight:900;
  margin-top:4px;
}
.ak-ep-feature-meta{ margin-top:6px; }
.ak-ep-feature-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

.ak-ep-list{ display:flex; flex-direction:column; gap:12px; margin-top:14px; }

.ak-ep-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
}
.ak-ep-item-thumb{
  width:64px;
  height:64px;
  border-radius:16px;
  background:center/cover no-repeat;
  flex:0 0 auto;
  border:1px solid var(--stroke);
}
.ak-ep-item-body{ min-width:0; flex:1; }
.ak-ep-item-title{
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ak-ep-item-meta{ margin-top:6px; font-size:.85rem; }
.ak-ep-item-cta{ padding:.55rem .8rem; border-radius:12px; font-size:.9rem; flex:0 0 auto; }

.ak-split-aside{ padding:14px; }
.ak-aside-title{ font-weight:900; margin-bottom:10px; }

/* Top 5 na sidebar: reaproveita estilos existentes do top10, mas deixa mais compacto */
.ak-top10{ display:flex; flex-direction:column; gap:10px; }
.ak-top10-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.04);
}
.ak-top10-badge{
  width:28px;
  height:28px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  background: rgba(217,128,40,.18);
  border:1px solid rgba(217,128,40,.35);
  color: var(--accent2);
  flex:0 0 auto;
}
.ak-top10-thumb{
  width:34px;
  height:34px;
  border-radius:12px;
  background:center/cover no-repeat;
  flex:0 0 auto;
}
.ak-top10-name{
  font-weight:900;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Guias de Franquias */
.ak-franchises{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap:14px;
}
@media (max-width: 980px){
  .ak-franchises{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ak-franchises{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ak-franchise{
  position:relative;
  overflow:hidden;
  padding:14px;
  border-radius: var(--radius2);
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.20));
  border:1px solid var(--stroke);
  box-shadow: var(--shadow);
}
.ak-franchise-bg{
  position:absolute;
  inset:0;
  background:center/cover no-repeat;
  filter:saturate(1.05) contrast(1.02);
  transform: scale(1.02);
}
.ak-franchise::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(11,12,16,.25), rgba(11,12,16,.88));
}
.ak-franchise *{ position:relative; z-index:1; }
.ak-franchise-title{ font-weight:900; }
.ak-franchise-sub{ margin-top:6px; font-size:.85rem; }


/* =========================================================
   HOME - MAIS RECENTES (estilo portal grande)
========================================================= */

.ak-latest-list{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.ak-latest-item{
  display:grid;
  grid-template-columns: 120px minmax(280px, 520px) 1fr;
  gap:18px;
  align-items:center;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}

.ak-latest-item:first-child{ border-top:0; }

.ak-latest-badge{
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .4px;
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
}

.ak-latest-media{
  width: 520px;
  max-width: 100%;
  height: 240px;
  border-radius: 18px;
  background: center/cover no-repeat;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.ak-latest-body{ min-width:0; }

.ak-latest-cat{
  display:inline-block;
  font-weight: 900;
  font-size: .9rem;
  color: rgba(255,255,255,.88);
  padding-bottom: 6px;
  border-bottom: 3px solid rgba(217,128,40,.85);
  margin-bottom: 10px;
}

.ak-latest-title{
  font-size: clamp(1.4rem, 2.3vw, 2.2rem);
  font-weight: 950;
  line-height: 1.08;
  color: rgba(255,255,255,.96);
  margin-bottom: 10px;

  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

.ak-latest-excerpt{
  font-size: 1.05rem;
  line-height: 1.55;
  color: rgba(255,255,255,.70);
  max-width: 760px;

  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

/* Responsivo */
@media (max-width: 980px){
  .ak-latest-item{
    grid-template-columns: 1fr;
    gap:12px;
  }
  .ak-latest-media{
    width: 100%;
    height: 220px;
  }
  .ak-latest-title{
    font-size: 1.5rem;
  }
}

/* =========================================================
   HOME - CRONOGRAMA + RANKING (alinhar e remover "espaço sobrando")
========================================================= */

/* garante alinhamento topo-topo e altura consistente */
.ak-split{
  align-items: stretch;
}

/* sidebar ocupa a altura do bloco principal e organiza conteúdo */
.ak-split-aside{
  display:flex;
  flex-direction:column;
}

/* corrige título cortado no ranking (quebra linha ao invés de "cortar") */
.ak-split-aside .ak-aside-title{
  white-space: normal !important;
  overflow: visible;
  text-overflow: clip;
  max-width: 100%;
  line-height: 1.25;
  word-break: break-word;
}

/* cards do ranking: mais compacto (tira "buracão") */
.ak-top10{
  gap:10px;
  flex: 1; /* empurra o link para baixo */
}

.ak-top10-item{
  margin:0;                 /* remove espaço extra entre cards */
  padding:12px 12px;
  align-items:center;
}

.ak-top10-rank{
  width:28px;
  height:28px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-weight:900;
  background: rgba(217,128,40,.18);
  border:1px solid rgba(217,128,40,.35);
  color: var(--accent2);
  flex:0 0 auto;
}

.ak-top10-thumb{
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
}

.ak-top10-name{
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* link do ranking sempre no final do card */
.ak-split-aside .ak-link{
  margin-top:auto;
  padding-top:10px;
  display:inline-flex;
}
/* ===========================
   GUIAS (page-guias.php)
=========================== */
.ak-guides { padding: 10px 0 30px; }

.ak-guides-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 8px 0 18px;
}

.ak-guides-title{
  margin:0;
  font-size: clamp(28px, 3vw, 44px);
  line-height:1.05;
}

.ak-guides-more{
  text-decoration:none;
  opacity:.9;
  white-space:nowrap;
}

.ak-guides-list{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.ak-guides-item{
  display:grid;
  grid-template-columns: minmax(360px, 560px) 1fr; /* <<< imagem mais larga */
  gap:18px;
  align-items:center;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

.ak-guides-thumb{ display:block; border-radius:16px; overflow:hidden; }

.ak-guides-img,
.ak-guides-img--ph{
  width:100%;
  aspect-ratio: 16 / 9;        /* <<< mantém “banner” */
  object-fit:cover;
  display:block;
  border-radius:16px;
}

.ak-guides-img--ph{
  background: rgba(255,255,255,.06);
}

.ak-guides-info{ min-width:0; } /* evita corte em flex/grid */

.ak-guides-kicker{
  font-weight:700;
  opacity:.9;
  margin-bottom:8px;
}

.ak-guides-h2{
  margin:0 0 10px;
  font-size: clamp(22px, 2.4vw, 46px);
  line-height:1.06;
}

.ak-guides-h2 a{ text-decoration:none; color: inherit; }

.ak-guides-excerpt{
  margin:0;
  opacity:.9;
  font-size: 16px;
  line-height:1.55;
  max-width: 72ch;
}

.ak-guides-pagination{
  margin-top: 18px;
  display:flex;
  justify-content:center;
  gap:8px;
}

.ak-guides-pagination .page-numbers{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 12px;
  text-decoration:none;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}

.ak-guides-pagination .current{
  background: rgba(255,255,255,.12);
}

/* Mobile */
@media (max-width: 768px){
  .ak-guides-head{ align-items:flex-start; }
  .ak-guides-item{
    grid-template-columns: 1fr; /* empilha */
    gap:12px;
  }
  .ak-guides-img,
  .ak-guides-img--ph{
    aspect-ratio: 16 / 9; /* continua banner */
  }
}
/* ===========================
   ARCHIVE ANIME (/anime/)
=========================== */
.ak-anime-hero{ padding:18px 0 12px; }
.ak-anime-hero h1{ margin:0 0 8px; font-size: clamp(28px, 3vw, 44px); }
.ak-anime-hero p{ margin:0 0 14px; opacity:.9; }

.ak-anime-filters{
  display:flex; flex-wrap:wrap; gap:10px;
  align-items:center;
  padding:12px;
  border-radius:16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
}
.ak-anime-filters input,
.ak-anime-filters select{
  padding:10px 12px;
  border-radius:12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  color: inherit;
}
.ak-anime-filters button{
  padding:10px 14px;
  border-radius:12px;
  border:0;
  cursor:pointer;
}
.ak-anime-clear{ opacity:.85; text-decoration:none; padding:10px 12px; }

.ak-anime-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:14px;
}

.ak-anime-card{
  border-radius:18px;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
}
.ak-anime-card-thumb img{
  width:100%;
  aspect-ratio: 16/10;
  object-fit:cover;
  display:block;
}
.ak-anime-card-ph{
  width:100%;
  aspect-ratio:16/10;
  background: rgba(255,255,255,.06);
}

.ak-anime-card-body{ padding:12px; min-width:0; }
.ak-anime-card-title{ margin:0 0 8px; font-size:18px; line-height:1.2; }
.ak-anime-card-title a{ color:inherit; text-decoration:none; }

.ak-anime-card-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.ak-anime-card-tags span{
  padding:4px 8px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  font-size:12px;
  opacity:.95;
}

.ak-anime-card-meta{ display:flex; gap:10px; flex-wrap:wrap; opacity:.85; font-size:12px; margin-bottom:10px; }

.ak-anime-card-cta{
  display:inline-block;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
}

.ak-anime-pagination{
  margin:18px 0 6px;
  display:flex;
  justify-content:center;
  gap:8px;
}
.ak-anime-pagination .page-numbers{
  padding:8px 12px;
  border-radius:12px;
  text-decoration:none;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}
.ak-anime-pagination .current{ background: rgba(255,255,255,.12); }

.ak-anime-faq{ margin-top:18px; padding:14px; border-radius:18px; background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); }
.ak-anime-faq h2{ margin:0 0 10px; }
.ak-anime-faq h3{ margin:12px 0 6px; }

/* Responsivo */
@media (max-width: 1100px){
  .ak-anime-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
  .ak-anime-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ak-anime-grid{ grid-template-columns: 1fr; }
  .ak-anime-filters input, .ak-anime-filters select, .ak-anime-filters button{ width:100%; }
}
/* ===========================
   FIX SELECTS (dropdown branco)
=========================== */
select.btn{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.88) !important;
}

select.btn option{
  background: #0b0c10 !important;
  color: rgba(255,255,255,.92) !important;
}

/* (opcional) melhora o foco */
select.btn:focus{
  outline: none;
  border-color: rgba(217,128,40,.35) !important;
  box-shadow: 0 0 0 3px rgba(217,128,40,.12);
}
/* ===========================
   /anime/ — grid com 6 itens (menos espaçado)
=========================== */
body.post-type-archive-anime .grid-4{
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px; /* espaçamento menor */
}

/* Responsivo */
@media (max-width: 1600px){
  body.post-type-archive-anime .grid-4{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 1300px){
  body.post-type-archive-anime .grid-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1050px){
  body.post-type-archive-anime .grid-4{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 820px){
  body.post-type-archive-anime .grid-4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px){
  body.post-type-archive-anime .grid-4{
    grid-template-columns: 1fr;
  }
}

/* ===========================
   /anime/ — FIX 6 COLUNAS (remove largura fixa do carrossel)
   Motivo: .ak-anime-tile tem width:210px (feito pro carrossel) e isso impede 6 colunas no archive.
=========================== */
body.post-type-archive-anime .ak-anime-tile{
  width: auto;
  flex: initial;
  justify-self: stretch;
}
body.post-type-archive-anime .ak-anime-thumb{ width: 100%; }

/* ===========================
   CATEGORY — layout "Mais Recentes" com imagens maiores
=========================== */
body.category .ak-latest-item{
  grid-template-columns: minmax(440px, 720px) 1fr;
  gap: 22px;
  padding: 14px 0;
}

body.category .ak-latest-media{
  width: 100%;
  height: 320px;
  border-radius: 20px;
}

/* deixa o título um pouco mais "portal" */
body.category .ak-latest-title{
  font-size: clamp(26px, 3vw, 54px);
  line-height: 1.05;
}

/* mobile: empilha (imagem em cima) */
@media (max-width: 900px){
  body.category .ak-latest-item{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  body.category .ak-latest-media{
    height: 220px;
  }
}
/* CATEGORY — imagem menor, wide (16:9) sem distorcer */
body.category .ak-latest-item{
  grid-template-columns: minmax(210px, 400px) 1fr; /* diminui a coluna da imagem */
  gap: 18px;
}

/* mantém proporção wide correta */
body.category .ak-latest-media{
  height: auto;
  aspect-ratio: 16 / 9;   /* wide */
  border-radius: 20px;
  background-size: cover;
  background-position: center;
}

/* Mobile continua empilhado */
@media (max-width: 900px){
  body.category .ak-latest-item{
    grid-template-columns: 1fr;
  }
  body.category .ak-latest-media{
    aspect-ratio: 16 / 9;
  }
}

/* HOME (Mais Recentes) — imagem maior e wide */
body.home .ak-latest-item,
body.front-page .ak-latest-item{
  grid-template-columns: minmax(220px, 410px) 1fr; /* aumenta a coluna da imagem */
  gap: 18px;
}

/* wide sem distorcer */
body.home .ak-latest-media,
body.front-page .ak-latest-media{
  height: auto;
  aspect-ratio: 16 / 9;      /* imagem wide */
  background-size: cover;
  background-position: center;
  border-radius: 18px;
}

/* mobile: empilha */
@media (max-width: 900px){
  body.home .ak-latest-item,
  body.front-page .ak-latest-item{
    grid-template-columns: 1fr;
  }
}
/* SINGLE POST — sidebar "Últimas notícias" mais afastada do topo */
body.single-post .ak-aside{
  margin-top: 28px !important;
}

/* opcional: se o título ainda ficar colado, empurra o primeiro card da sidebar */
body.single-post .ak-aside > .card:first-child{
  margin-top: 16px !important;
}
/* SINGLE POST — afastar o 1º card do conteúdo do topo (abaixo do hero) */
body.single-post .ak-content{
  margin-top: 28px !important;
}

/* se o problema for o card em si estar muito “apertado” por dentro */
body.single-post .ak-content > .card:first-child{
  margin-top: 18px !important;
  padding-top: 24px !important;
}
/* Fundo preto com gradiente suave (cinema) */
html, body{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(217,128,40,.10), transparent 60%),
    radial-gradient(900px 500px at 85% 15%, rgba(120,150,255,.08), transparent 55%),
    radial-gradient(900px 700px at 50% 110%, rgba(255,255,255,.04), transparent 60%),
    linear-gradient(180deg, #050506 0%, #040405 45%, #030304 100%) !important;
  background-attachment: fixed;
}

/* garante que wrappers não "pintem" por cima */
#page, .site, main, .ak-home, #content{
  background: transparent !important;
}
/* Unifica o “fundo de dentro” (cards) em posts e animes */
body.single-post .card,
body.single-anime .card,
body.post-type-archive-anime .card{
  background: rgba(255,255,255,.035) !important;   /* preto um pouco mais “fraco” */
  border: 1px solid rgba(255,255,255,.07) !important;
}

/* Se o seu conteúdo do post/anime estiver dentro de .ak-content */
body.single-post .ak-content .card,
body.single-anime .ak-content .card{
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.07) !important;
}



/* ===========================
   FIX: evitar "layout cortado" / barra horizontal
   (single anime + sliders)
=========================== */
html{ overflow-x:hidden; }
body{ overflow-x:hidden; }
.ak-wrap, .ak-hero, .ak-section, .ak-card, .ak-platform, .ak-articles-section{ max-width:100%; }
.ak-slider{ overflow:hidden; }
.ak-slide-prev{ left:8px !important; }
.ak-slide-next{ right:8px !important; }

/* imagens/logos nunca estourarem o card */
img{ max-width:100%; height:auto; }
.ak-logo img{ max-width: 100%; max-height: 44px; object-fit: contain; display:block; }

/* Onde assistir - garante grid consistente */
.ak-platform{
  display:grid;
  grid-template-columns: 120px 1fr 96px;
  gap:14px;
  align-items:center;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.16);
}
@media (max-width: 720px){
  .ak-platform{ grid-template-columns: 1fr; }
}
.ak-logo{
  height:58px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff;
  overflow:hidden;
  padding:10px;
}



/* =========================================================
   SINGLE ANIME (ak2) — layout baseado nos mockups (banner + grid)
   ========================================================= */
body.single-anime .ak2-page{ padding-bottom:70px; }
.ak2-hero{
  position:relative;
  min-height: 460px;
  display:flex;
  align-items:flex-end;
  --ak2-hero-bg: none;
  overflow:hidden;
}
.ak2-hero-bg{
  position:absolute; inset:0;
  background-image: var(--ak2-hero-bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  filter: saturate(1.08) contrast(1.05);
}
.ak2-hero::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 520px at 16% 14%, rgba(0,0,0,.18), rgba(0,0,0,.88)),
    radial-gradient(700px 500px at 82% 22%, rgba(217,128,40,.10), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.92));
}
.ak2-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns: 1fr 420px;
  gap:22px;
  padding: 56px 0 26px;
  align-items:end;
}
@media (max-width: 980px){
  .ak2-hero{ min-height: 500px; }
  .ak2-hero-inner{ grid-template-columns: 1fr; padding-top: 52px; }
}
.ak2-hero-card{ padding:22px; }
.ak2-title{ font-size: clamp(2.2rem, 4vw, 3.5rem); line-height:1.05; font-weight:900; letter-spacing:-.6px; }
.ak2-subline{ margin-top:10px; font-weight:700; opacity:.9; }

.ak2-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ak2-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.35rem .65rem;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.20);
  color: rgba(233,233,239,.88);
  font-size:.88rem;
}
.ak2-chip:hover{ border-color: rgba(255,255,255,.18); }

.ak2-score-row{ margin-top:12px; }
.ak2-score{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ak2-score-num{ font-weight:900; font-size:1.15rem; }
.ak2-score-stars{ color: var(--accent2); letter-spacing:1px; }
.ak2-score-meta{ font-weight:600; }

.ak2-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.ak2-btn-wide{ padding-left:1.15rem; padding-right:1.15rem; }
.ak2-icon{
  width:44px; padding:0;
  display:grid; place-items:center;
  font-size:1.05rem;
}
.ak2-synopsis{ margin-top:14px; color: rgba(233,233,239,.86); line-height:1.65; }
.ak2-hero-foot{ margin-top:12px; font-size:.92rem; }

.ak2-trailer-card{ overflow:hidden; border-radius: var(--radius2); }
.ak2-trailer-head{
  padding:14px 16px;
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
}
.ak2-mini-title{ font-weight:900; }
.ak2-mini-sub{ font-size:.9rem; }
.ak2-mini-stars{ color: var(--accent2); letter-spacing:1px; font-weight:800; }
.ak2-trailer-thumb{
  position:relative;
  width:100%;
  aspect-ratio: 16/9;
  border:0;
  background: rgba(255,255,255,.06) center/cover no-repeat;
  cursor:pointer;
}
.ak2-play{
  position:absolute; inset:auto auto 14px 14px;
  width:56px; height:56px;
  border-radius:999px;
  display:grid; place-items:center;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.18);
  color: var(--accent2);
  font-size:22px;
}
.ak2-play.sm{ width:46px; height:46px; font-size:18px; inset:auto auto 12px 12px; }

.ak2-tabs-wrap{
  position:sticky;
  top: 64px; /* abaixo do header sticky */
  z-index: 90;
  margin-top: -18px;
}
@media (max-width: 980px){
  .ak2-tabs-wrap{ top: 58px; }
}
.ak2-tabs{
  display:flex; gap:10px;
  padding:10px;
  border-radius: var(--radius2);
  backdrop-filter: blur(12px);
  overflow:auto;
}
.ak2-tabs::-webkit-scrollbar{ height:6px; }
.ak2-tabs::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.08); border-radius:99px; }
.ak2-tab{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.55rem .85rem;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.82);
  font-weight:800;
  white-space:nowrap;
}
.ak2-tab.on{ background: rgba(217,128,40,.18); border-color: rgba(217,128,40,.32); color: var(--text); }

.ak2-content{ margin-top: 18px; }
.ak2-grid{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap: 18px;
  align-items:start;
}
@media (max-width: 980px){
  .ak2-grid{ grid-template-columns: 1fr; }
}
.ak2-main{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.ak2-aside{
  position:sticky;
  top: 142px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
@media (max-width: 980px){
  .ak2-aside{ position:static; }
}
.ak2-section{ padding:16px; border-radius: var(--radius2); }
.ak2-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ak2-body{ padding-top:14px; }
.ak2-sinopse{ line-height:1.7; color: rgba(233,233,239,.90); }

.ak2-meta-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.ak2-meta-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:.35rem .65rem;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  color: rgba(233,233,239,.82);
  font-size:.88rem;
}
.ak2-meta-chip strong{ color: var(--text); font-weight:900; }
.ak2-meta-chip.on{ border-color: rgba(217,128,40,.28); background: rgba(217,128,40,.12); }

.ak2-episodes-head{ align-items:flex-end; }
.ak2-filters{ display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.ak2-select{
  padding:.55rem .7rem;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--text);
}
.ak2-search{ position:relative; }
.ak2-input{
  width: 200px;
  padding:.58rem .9rem .58rem 2.1rem;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--text);
}
.ak2-search-ico{
  position:absolute; left:10px; top:50%;
  transform: translateY(-50%);
  opacity:.7;
  pointer-events:none;
}
@media (max-width: 520px){
  .ak2-input{ width: 100%; }
}

.ak2-season{ display:none; }
.ak2-ep{
  display:grid;
  grid-template-columns: 170px 1fr 120px;
  gap:14px;
  padding:12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  margin-bottom:12px;
  align-items:center;
}
@media (max-width: 720px){
  .ak2-ep{ grid-template-columns: 1fr; }
}
.ak2-ep-thumb{
  position:relative;
  height: 72px;
  border-radius:14px;
  background: rgba(255,255,255,.06) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.ak2-ep-play{
  position:absolute; left:10px; top:10px;
  width:34px; height:34px;
  border-radius:999px;
  display:grid; place-items:center;
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.18);
  color: var(--accent2);
  font-size:14px;
}
.ak2-ep-num{
  position:absolute; left:10px; bottom:10px;
  padding:.2rem .45rem;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.14);
  font-weight:900;
  font-size:.85rem;
}
.ak2-ep-title{ font-weight:900; font-size:1.02rem; }
.ak2-ep-meta{ margin-top:4px; font-size:.9rem; }
.ak2-ep-tags{ margin-top:10px; display:flex; flex-wrap:wrap; gap:8px; }
.ak2-tag{
  display:inline-flex;
  padding:.22rem .5rem;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  font-size:.82rem;
  color: rgba(233,233,239,.78);
}
.ak2-ep-actions{ display:flex; justify-content:flex-end; }
@media (max-width: 720px){
  .ak2-ep-actions{ justify-content:flex-start; }
}
.ak2-loadmore{ width:100%; margin-top:10px; }

.ak2-hscroll{
  display:flex;
  gap:12px;
  overflow:auto;
  padding-bottom:6px;
}
.ak2-hscroll::-webkit-scrollbar{ height:7px; }
.ak2-hscroll::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.08); border-radius:99px; }
.ak2-char{
  flex: 0 0 220px;
  height: 120px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  position:relative;
  overflow:hidden;
}
.ak2-char::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.70));
}
.ak2-char-badge{
  position:absolute; left:10px; top:10px;
  z-index:2;
  padding:.18rem .5rem;
  border-radius:999px;
  font-weight:900;
  font-size:.78rem;
  border:1px solid rgba(217,128,40,.30);
  background: rgba(217,128,40,.14);
}
.ak2-char-name{
  position:absolute; left:10px; right:10px; bottom:10px;
  z-index:2;
  font-weight:900;
}

.ak2-articles-head{ flex-wrap:wrap; }
.ak2-articles-controls{ display:flex; flex-wrap:wrap; gap:8px; }
.ak2-chip2{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.45rem .7rem;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.82);
  font-weight:800;
  font-size:.92rem;
}
.ak2-chip2.on{ background: rgba(217,128,40,.18); border-color: rgba(217,128,40,.32); color: var(--text); }
.ak2-sort{ display:flex; gap:10px; align-items:center; margin-left:auto; flex-wrap:wrap; }
.ak2-sortlink{ color: rgba(233,233,239,.78); font-weight:800; }
.ak2-sortlink.on{ color: var(--text); text-decoration: underline; text-decoration-color: rgba(217,128,40,.55); text-underline-offset: 4px; }

.ak2-article-list{ display:flex; flex-direction:column; gap:10px; }
.ak2-article{
  display:grid;
  grid-template-columns: 86px 1fr 34px;
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
@media (max-width: 520px){
  .ak2-article{ grid-template-columns: 74px 1fr 26px; }
}
.ak2-article-thumb{
  width:86px; height:62px;
  border-radius: 14px;
  background: rgba(255,255,255,.06) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
}
.ak2-article-title{ font-weight:900; }
.ak2-article-meta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:4px; font-size:.88rem; }
.ak2-pillcat{
  display:inline-flex; align-items:center;
  padding:.18rem .5rem;
  border-radius:999px;
  border:1px solid rgba(217,128,40,.28);
  background: rgba(217,128,40,.12);
  font-weight:900;
}
.ak2-article-go{
  width:28px; height:28px;
  border-radius:999px;
  display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.80);
  font-size:18px;
}

.ak2-mini{ padding:14px; border-radius: var(--radius2); }
.ak2-mini-h{ font-size:1.1rem; font-weight:900; margin-bottom:10px; }
.ak2-mini-p{ margin-top:10px; font-size:.92rem; }
.ak2-mini-btn{ width:100%; margin-top:12px; }
.ak2-mini-link{ display:inline-block; margin-top:10px; font-size:.92rem; }
.ak2-watch-list{ display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.ak2-watch-row{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.ak2-watch-brand{ font-weight:900; }
.ak2-watch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .7rem;
  border-radius: 999px;
  background: rgba(217,128,40,.22);
  border:1px solid rgba(217,128,40,.30);
  font-weight:900;
}

.ak2-mini-video{
  width:100%;
  aspect-ratio: 16/9;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.ak2-mini-video::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55));
}

.ak2-rating-top{ display:flex; align-items:center; gap:10px; margin-top:6px; }
.ak2-rating-score{ font-weight:900; font-size:1.4rem; }
.ak2-rating-stars{ color: var(--accent2); letter-spacing:1px; font-weight:800; }
.ak2-bars{ margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.ak2-bar{ display:grid; grid-template-columns: 22px 1fr 40px; gap:10px; align-items:center; font-size:.9rem; }
.ak2-track{ height:6px; border-radius:99px; background: rgba(255,255,255,.10); overflow:hidden; }
.ak2-fill{ height:100%; background: rgba(217,128,40,.85); width:0; }

.ak2-rate{ margin-top:12px; }
.ak2-rate-stars{ display:flex; gap:8px; }
.ak2-rate-star{
  width:40px; height:40px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.65);
  cursor:pointer;
  font-size:18px;
}
.ak2-rate-star.on{ background: rgba(217,128,40,.18); border-color: rgba(217,128,40,.32); color: var(--accent2); }
.ak2-rate-msg{ margin-top:10px; font-size:.92rem; }

.ak2-continue{
  height: 150px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
}
.ak2-continue-title{ margin-top:10px; font-weight:900; }
.ak2-continue-sub{ margin-top:4px; font-size:.92rem; }

.ak2-reco-list{ display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.ak2-reco{
  display:grid;
  grid-template-columns: 46px 1fr 26px;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.ak2-reco-thumb{
  width:46px; height:46px;
  border-radius: 12px;
  background: rgba(255,255,255,.06) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.08);
}
.ak2-reco-title{ font-weight:900; }
.ak2-reco-sub{ font-size:.86rem; margin-top:2px; }
.ak2-reco-more{ color: rgba(233,233,239,.75); font-size:18px; }

/* Modal trailer */
.ak2-modal{
  position:fixed; inset:0;
  display:none;
  z-index: 2000;
}
.ak2-modal.on{ display:block; }
.ak2-modal-backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.70);
  backdrop-filter: blur(6px);
}
.ak2-modal-card{
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%,-50%);
  width: min(960px, 92vw);
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(10,12,18,.90);
  box-shadow: 0 18px 50px rgba(0,0,0,.55);
  overflow:hidden;
}
.ak2-modal-close{
  position:absolute;
  right:10px; top:10px;
  width:42px; height:42px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--text);
  cursor:pointer;
  z-index:2;
}
.ak2-modal-iframewrap{
  width:100%;
  aspect-ratio: 16/9;
  background: #000;
}
.ak2-modal-iframewrap iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}


/* =========================================================
   SINGLE ANIME - MOCKUP (V12)
   (Mantém o layout preto, fumaça no banner e lista de artigos estilo HOME)
========================================================= */

body.single-anime{
  background:#000;
}

body.single-anime .ak-layout{
  background:#000;
}

/* Lista de artigos (1 por linha, thumb à esquerda) */
body.single-anime #ak-articles-list.ak-anime-articles-list{
  display:flex;
  flex-direction:column;
  gap:22px;
  margin-top:16px;
}

body.single-anime #ak-articles-list.ak-anime-articles-list .ak-anime-article{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap:18px;
  align-items:center;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.06);
  text-decoration:none;
}

body.single-anime #ak-articles-list.ak-anime-articles-list .ak-anime-article:first-child{
  border-top:0;
  padding-top:0;
}

body.single-anime #ak-articles-list.ak-anime-articles-list .ak-latest-media{
  width:100%;
  height:170px;
  border-radius:18px;
}

@media (max-width: 980px){
  body.single-anime #ak-articles-list.ak-anime-articles-list .ak-anime-article{
    grid-template-columns: 1fr;
    gap:12px;
  }
  body.single-anime #ak-articles-list.ak-anime-articles-list .ak-latest-media{
    height:220px;
  }
}
/* =========================================================
   SINGLE POST — PRETO TOTAL (remove azul/gradientes)
   Objetivo: deixar o "card" do conteúdo e o fundo 100% preto
========================================================= */

body.single-post{
  background: #000 !important;
  background-image: none !important;
}

body.single-post #page,
body.single-post .site,
body.single-post main,
body.single-post #content,
body.single-post .ak-article{
  background: transparent !important;
}

/* Hero do artigo: remove manchas/cores do overlay */
body.single-post .ak-article-hero::before{
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.95)) !important;
}

/* Card principal + cards da sidebar */
body.single-post .ak-content,
body.single-post .ak-card,
body.single-post .card{
  background: #000 !important;
}

/* Blocos internos (TOC / leia também / tags / widgets) */
body.single-post .ak-toc,
body.single-post .ak-readalso,
body.single-post .ak-mini-link,
body.single-post .ak-cat,
body.single-post .ak-tag,
body.single-post .ak-detail,
body.single-post .ak-prose blockquote{
  background: #000 !important;
}

/* Remove "glass" claro se aparecer em algum bloco do post */
body.single-post .glass{
  background: #000 !important;
  backdrop-filter: none !important;
}


/* ===========================
   HOME HERO - PRETO TOTAL + SOMBRA NO TOPO (cobre o "corte" do banner)
   Cole no FINAL do CSS (override)
=========================== */

/* deixa o topo (header) mais sólido na home, pra não “vazar” o fundo */
body.home .ak-header{
  background: rgba(0,0,0,.92) !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
}

/* garante base preta no hero */
body.home .ak-home-hero{
  background-color:#000 !important;
  filter: saturate(1.12) contrast(1.06);
  overflow:hidden; /* pra segurar os overlays */
}

/* escurece o banner/hero inteiro (mantém imagem, mas bem dark) */
body.home .ak-home-hero .ak-hero-overlay{
  background:
    /* overlay mais escuro para melhorar leitura */
    linear-gradient(180deg,
      rgba(0,0,0,.86) 0%,
      rgba(0,0,0,.74) 30%,
      rgba(0,0,0,.66) 60%,
      rgba(0,0,0,.86) 100%
    ) !important;
}

/* “sombra”/fade no FUNDO do HERO (cobre a linha de corte do banner em baixo) */
body.home .ak-home-hero::after,
body.front-page .ak-home-hero::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-1px;          /* encosta no final do hero */
  height:200px;         /* quanto o fade cobre */
  background: linear-gradient(to top,
    rgba(0,0,0,.85) 0%,
    rgba(0,0,0,.60) 45%,
    rgba(0,0,0,0) 100%
  );
  z-index:2;
  pointer-events:none;
}
/* reforça o escurecimento interno (topo) sem mexer no layout */
body.home .ak-home-hero{
  box-shadow: inset 0 -120px 150px rgba(0,0,0,.70) !important;
}

/* garante que conteúdo do hero fique acima do overlay/sombra */
body.home .ak-home-hero-inner{
  position:relative;
  z-index:3;
}



/* ======================================================================
   FINAL (HOME HERO — Yoruneko v3)
   - Banner com contraste mais suave e sem “linha” perto do menu
   - Painel glass para busca/atalhos
   ====================================================================== */

/* Fundo sempre preto na Home (evita gradientes do tema) */
body.home,
body.front-page,
html{ background: #000 !important; }

/* Header/topbar mais sólido para não “vazar” banner no topo */
body.home .ak-header,
body.front-page .ak-header,
body.home .ak-topbar,
body.front-page .ak-topbar{
  background: rgba(0,0,0,.92) !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
}

/* HERO: banner via variável (--ak-hero-bg) definida no front-page */
body.home .ak-home-hero,
body.front-page .ak-home-hero{
  background-image: var(--ak-hero-bg) !important;
  background-color: #000 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;

  /* altura responsiva (evita espaço morto) */
  min-height: clamp(360px, 52vh, 520px) !important;
  overflow: hidden;
}

/* Se não houver banner, fica preto mesmo */
body.home .ak-home-hero:not([style*="--ak-hero-bg"]),
body.front-page .ak-home-hero:not([style*="--ak-hero-bg"]){
  background-image: none !important;
}

/* Remove “truque” antigo que fazia o banner invadir o topo (causava a linha perto do menu) */
body.home .ak-home-hero::before,
body.front-page .ak-home-hero::before{
  content: none !important;
}

/* Overlay: contraste suave + leve highlight laranja (sem escurecer demais) */
body.home .ak-home-hero .ak-hero-overlay,
body.front-page .ak-home-hero .ak-hero-overlay{
  background:
    radial-gradient(900px 460px at 50% 28%, rgba(217,128,40,.14) 0%, rgba(217,128,40,0) 62%),
    radial-gradient(820px 520px at 18% 12%, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 70%),
    linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.34) 46%, rgba(0,0,0,.62) 100%) !important;
}

/* Fade inferior mais curto e mais elegante */
body.home .ak-home-hero::after,
body.front-page .ak-home-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 72px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 60%, rgba(0,0,0,1) 100%);
  pointer-events:none;
  z-index: 0;
}

/* Respiro do conteúdo do HERO */
body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{
  padding: 74px 0 28px !important;
}

/* Painel “glass” para deixar o hero mais premium */
.ak-hero-panel{
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 22px 22px 18px;
  border-radius: 22px;
  background: rgba(12,12,14,.55);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
  backdrop-filter: blur(14px);
}

.ak-hero-panel-head{
  text-align:center;
  margin-bottom: 14px;
}
.ak-hero-h1{
  margin: 0;
  font-size: 2.05rem;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.ak-hero-p{
  margin: 6px auto 0;
  max-width: 720px;
  color: rgba(233,233,239,.78);
  line-height: 1.55;
}

/* Dentro do painel, o stack não precisa limitar largura */
.ak-hero-panel .ak-hero-stack{
  max-width: none !important;
  margin: 0 !important;
}

/* Busca: menos sombra “pesada”, mais limpa */
.ak-hero-search-form{
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.30), 0 10px 18px rgba(217,128,40,.14) !important;
}

/* Tabs: mais alinhadas e com leve glow no hover */
.ak-hero-tab{
  background: rgba(14,14,18,.72) !important;
  border-color: rgba(255,255,255,.09) !important;
}
.ak-hero-tab:hover{
  border-color: rgba(217,128,40,.45) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.25);
}

/* Chips / Trending: aproxima e dá consistência */
.ak-chips-center{ margin-top: 12px !important; }
.ak-trending{ margin-top: 14px !important; }

/* Mobile */
@media (max-width: 560px){
  body.home .ak-home-hero-inner,
  body.front-page .ak-home-hero-inner{
    padding: 74px 0 40px !important;
  }
  .ak-hero-panel{
    padding: 18px 16px 14px;
    border-radius: 18px;
  }
  .ak-hero-h1{ font-size: 1.65rem; }
  body.home .ak-home-hero::after,
  body.front-page .ak-home-hero::after{
    height: 72px;
  }
}


/* ===========================
   SINGLE EPISÓDIO (GUIA) — ADDON
   (baseado no mockup dark premium)
=========================== */

.ak2-ep-breadcrumbs{
  display:flex; gap:8px; flex-wrap:wrap;
  font-size:.88rem;
  color: rgba(233,233,239,.72);
}
.ak2-ep-breadcrumbs a{ color: rgba(233,233,239,.78); }
.ak2-ep-breadcrumbs a:hover{ color: var(--accent2); }
.ak2-ep-sep{ opacity:.55; }

.ak2-ep-meta{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top:10px;
  color: rgba(233,233,239,.78);
  font-weight:700;
}
.ak2-ep-meta .dot{ opacity:.55; }

.ak2-ep-hero-note{
  margin-top:10px;
  color: rgba(233,233,239,.78);
  line-height:1.6;
}

.ak2-platform-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:14px;
}
@media (max-width: 720px){
  .ak2-platform-grid{ grid-template-columns: 1fr; }
}

.ak2-platform-card{
  padding:16px;
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  box-shadow: 0 12px 28px rgba(0,0,0,.40);
  position:relative;
  overflow:hidden;
}
.ak2-platform-card::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(420px 220px at 18% 12%, rgba(217,128,40,.12), transparent 60%),
    radial-gradient(520px 260px at 82% 12%, rgba(120,170,255,.10), transparent 55%);
  pointer-events:none;
}
.ak2-platform-head{
  position:relative;
  display:flex; align-items:center; gap:10px;
}
.ak2-platform-logo{
  width:40px; height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  display:grid; place-items:center;
  font-weight:900;
}
.ak2-platform-name{
  font-size:1.15rem;
  font-weight:900;
  letter-spacing:-.2px;
}
.ak2-platform-pills{
  position:relative;
  display:flex; gap:8px; flex-wrap:wrap;
  margin-top:10px;
}
.ak2-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.28rem .55rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(233,233,239,.85);
  font-size:.82rem;
  font-weight:800;
}
.ak2-pill.accent{
  border-color: rgba(217,128,40,.28);
  background: rgba(217,128,40,.14);
  color: var(--accent2);
}

.ak2-platform-bullets{
  position:relative;
  margin:12px 0 0;
  padding-left:18px;
  color: rgba(233,233,239,.82);
  line-height:1.6;
}
.ak2-platform-bullets li{ margin:4px 0; }

.ak2-platform-cta{
  position:relative;
  margin-top:14px;
  width:100%;
  display:inline-flex;
  align-items:center; justify-content:center;
  padding:.8rem 1rem;
  border-radius: 14px;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--text);
}
.ak2-platform-cta:hover{
  border-color: rgba(217,128,40,.34);
  background: rgba(217,128,40,.16);
  color: var(--accent2);
}

.ak2-guide-intro{
  display:grid;
  grid-template-columns: 160px 1fr;
  gap:14px;
  align-items:start;
}
@media (max-width: 640px){
  .ak2-guide-intro{ grid-template-columns: 1fr; }
}
.ak2-guide-thumb{
  width:100%;
  aspect-ratio: 16/10;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06) center/cover no-repeat;
}
.ak2-ep-article{
  margin-top:12px;
  line-height:1.75;
  color: rgba(233,233,239,.90);
}
.ak2-ep-article h2, .ak2-ep-article h3{
  margin: 18px 0 10px;
  letter-spacing:-.2px;
}
.ak2-ep-article h2{ font-size:1.25rem; }
.ak2-ep-article h3{ font-size:1.1rem; opacity:.95; }
.ak2-ep-article ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
.ak2-ep-article li{ margin: 6px 0; }

.ak2-obs-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 980px){
  .ak2-obs-grid{ grid-template-columns: 1fr; }
}
.ak2-obs-card{
  padding:14px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.ak2-obs-title{
  font-weight:900;
  margin-bottom:8px;
}
.ak2-obs-card ul{ margin:0; padding-left:18px; color: rgba(233,233,239,.86); }
.ak2-obs-card li{ margin:6px 0; }

.ak2-kv{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
}
.ak2-kv .row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.ak2-kv .k{ color: rgba(233,233,239,.70); }
.ak2-kv .v{
  text-align:right;
  font-weight:900;
  color: rgba(233,233,239,.92);
}
.ak2-kv .v small{ display:block; opacity:.75; font-weight:800; }

.ak2-toc{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
}
.ak2-toc a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  color: rgba(233,233,239,.86);
  font-weight:800;
}
.ak2-toc a:hover{
  border-color: rgba(217,128,40,.34);
  background: rgba(217,128,40,.10);
  color: var(--accent2);
}
.ak2-toc-dot{
  width:10px; height:10px;
  border-radius:999px;
  border:2px solid rgba(120,170,255,.55);
  box-shadow: 0 0 0 2px rgba(120,170,255,.10);
}

.ak2-side-actions{
  margin-top:12px;
  display:flex;
  gap:10px;
}
.ak2-side-actions a{
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.75rem .9rem;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  font-weight:900;
  color: var(--text);
}
.ak2-side-actions a:hover{
  border-color: rgba(217,128,40,.34);
  background: rgba(217,128,40,.14);
  color: var(--accent2);
}

.ak2-stills{
  margin-top:12px;
  display:grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-rows: 110px;
  gap:10px;
}
@media (max-width: 720px){
  .ak2-stills{
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 120px;
  }
}
.ak2-still{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  overflow:hidden;
}
.ak2-still.big{
  grid-row: span 2;
  min-height: 230px;
}
@media (max-width: 720px){
  .ak2-still.big{ grid-column: 1 / -1; grid-row: auto; min-height: 220px; }
}

.ak2-stills-foot{
  margin-top:12px;
  display:flex;
  justify-content:center;
}
.ak2-stills-foot a{
  width:100%;
  display:inline-flex;
  align-items:center; justify-content:center;
  gap:10px;
  padding:.9rem 1rem;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.16);
  font-weight:900;
}
.ak2-stills-foot a:hover{
  border-color: rgba(217,128,40,.34);
  background: rgba(217,128,40,.12);
  color: var(--accent2);
}


.ak2-side-note{ margin-top:10px; font-weight:800; font-size:.92rem; color: rgba(233,233,239,.72); }

/* ===== Single Episódio: organização (Ver mais / Ver menos) ===== */
.ak2-hidden{ display:none !important; }

/* Colapso do guia */
.ak2-collapse{ position:relative; }
.ak2-collapse-inner{
  position:relative;
  max-height: var(--ak-collapse-max, 320px);
  overflow:hidden;
}
.ak2-collapse:not(.ak2-collapse-open) .ak2-collapse-inner:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:84px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(10,10,12,.65) 55%, rgba(10,10,12,.92) 100%);
}
.ak2-collapse.ak2-collapse-open .ak2-collapse-inner{
  max-height:none;
  overflow:visible;
}
.ak2-collapse-btn{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color: rgba(233,233,239,.92);
  font-weight:900;
  cursor:pointer;
}
.ak2-collapse-btn:hover{ background: rgba(255,255,255,.08); }

/* Botões "ver mais" (imagens/episódios) */
.ak2-stills-actions,
.ak2-episodes-actions{
  display:flex;
  justify-content:center;
  margin-top:12px;
}
.ak2-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color: rgba(233,233,239,.92);
  font-weight:900;
  cursor:pointer;
}
.ak2-more-btn:hover{ background: rgba(255,255,255,.08); }

/* Galeria de imagens (grid custom) */
.ak2-stills-more{ margin-top:12px; }
.ak2-stills-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:10px;
}
@media(min-width:900px){
  .ak2-stills-grid{ grid-template-columns: repeat(4, 1fr); }
}
.ak2-still-sm{
  display:block;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  background-size:cover;
  background-position:center;
  aspect-ratio: 16/9;
}

/* Episódios: mostrar só os primeiros (botão abre o resto) */
.ak2-ep-hidden{ display:none; }
#episodios.ak2-episodes-expanded .ak2-ep-hidden{ display:flex; }


/* =========================================================
   Single Episódio — ajustes finais (organização + 2-up imagens)
   ========================================================= */
.ak2-guide-intro{
  grid-template-columns: 140px minmax(0, 1fr);
}
.ak2-ep-article{
  margin-top:0;
  width:100%;
  max-width:none !important;
}
.ak2-ep-article.entry-content,
.ak2-ep-article .entry-content{
  max-width:none !important;
}
.ak2-ep-article p,
.ak2-ep-article li{
  overflow-wrap:anywhere;
  word-break:normal;
}

.ak2-img2up{
  margin-top:12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 640px){
  .ak2-img2up{ grid-template-columns: 1fr; }
}
.ak2-img2up-item{
  width:100%;
  aspect-ratio: 16/9;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}
.ak2-img2up-item:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  filter: brightness(1.04);
}

.ak2-stills-grid{
  margin-top:10px;
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap:10px;
}
@media (max-width: 980px){
  .ak2-stills-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.ak2-still-sm{
  display:block;
  width:100%;
  aspect-ratio: 16/10;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}
.ak2-still-sm:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  filter: brightness(1.04);
}

/* Episódios: compacta um pouco a lista (default mostra 8) */
.ak2-ep-title{
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}



/* =========================================================
   SINGLE EPISÓDIO — LAYOUT (V2, igual ao mock)
   Escopo: só em body.single-episodio para não afetar single-anime
   ========================================================= */

body.single-episodio .ak2-page{ padding-bottom:70px; }

/* HERO full */
body.single-episodio .ak2-hero{ min-height: 540px; }
body.single-episodio .ak2-hero-inner.ak2-ep-hero-inner{
  grid-template-columns: 1fr;
  align-items: end;
  padding: 92px 0 26px;
}
@media (max-width: 980px){
  body.single-episodio .ak2-hero-inner.ak2-ep-hero-inner{ padding-top: 72px; }
}

.ak2-ep-anime{
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 1.05rem;
  color: rgba(233,233,239,.88);
}

.ak2-ep-h1{
  margin: 10px 0 0;
  font-size: clamp(2.0rem, 4vw, 3.3rem);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -.6px;
}
.ak2-ep-h1-sub{
  display: block;
  margin-top: 10px;
  font-size: 1.02rem;
  font-weight: 800;
  color: rgba(233,233,239,.78);
}

.ak2-meta-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.ak2-meta-pill{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: .45rem .72rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(233,233,239,.84);
  font-weight: 800;
  font-size: .92rem;
}
.ak2-meta-pill strong{ color: var(--text); font-weight: 900; }

.ak2-hero-actions{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.ak2-hero-actions-left,
.ak2-hero-actions-right{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}

/* Buttons (episode) */
.ak2-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: .85rem 1.15rem;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--text);
  font-weight: 900;
  letter-spacing: -.2px;
  text-decoration:none;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.ak2-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.18);
}
.ak2-btn:active{ transform: translateY(0); }

.ak2-btn-primary{
  background: rgba(217,128,40,1);
  border-color: rgba(217,128,40,.55);
  color: #0c0c0c;
  box-shadow: 0 14px 30px rgba(217,128,40,.18);
}
.ak2-btn-primary:hover{
  background: rgba(217,128,40,.95);
  border-color: rgba(217,128,40,.75);
}

.ak2-btn-ghost{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}
.ak2-btn-mini{
  padding: .55rem .8rem;
  border-radius: 12px;
  font-size: .9rem;
}
.ak2-btn-wide{ width:100%; }

/* Modal content */
.ak2-modal-inner{ padding: 18px 18px 16px; }
.ak2-modal-title{ font-weight: 900; font-size: 1.25rem; letter-spacing:-.2px; }
.ak2-modal-sub{ margin-top: 6px; color: rgba(233,233,239,.74); }
.ak2-modal-foot{ margin-top: 14px; color: rgba(233,233,239,.70); font-size: .92rem; }
.ak2-modal-note{ opacity: .9; }

.ak2-platform-grid-modal{
  margin-top: 14px;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (max-width: 860px){
  .ak2-platform-grid-modal{ grid-template-columns: 1fr; }
}

/* Content */
body.single-episodio .ak2-grid.ak2-ep-grid{
  grid-template-columns: 1fr 380px;
}
@media (max-width: 980px){
  body.single-episodio .ak2-grid.ak2-ep-grid{ grid-template-columns: 1fr; }
}

.ak2-prose{ line-height: 1.75; color: rgba(233,233,239,.90); }
.ak2-images-head{ align-items: flex-end; }

/* Technical grid */
.ak2-ep-tech-grid{
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 14px;
  align-items: start;
}
@media (max-width: 720px){
  .ak2-ep-tech-grid{ grid-template-columns: 1fr; }
}
.ak2-watch-card{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.16);
  padding: 14px;
}
.ak2-watch-title{
  font-weight: 900;
  letter-spacing: -.2px;
  margin-bottom: 10px;
}
.ak2-watch-pills{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom: 10px; }
.ak2-kv-compact .row{ padding: 10px 0; }
.ak2-guestline{
  margin-top: 14px;
  color: rgba(233,233,239,.86);
  line-height: 1.6;
}

/* Sidebar nav cards */
.ak2-side-navcards{
  margin-top: 14px;
  display: grid;
  gap: 10px;
}
.ak2-navcard{
  display:grid;
  grid-template-columns: 96px 1fr;
  gap: 10px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
  text-decoration:none;
  color: var(--text);
  align-items:center;
}
.ak2-navcard-thumb{
  position:relative;
  height: 64px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
  overflow:hidden;
}
.ak2-navcard-play{
  position:absolute; left:8px; top:8px;
  width:28px; height:28px;
  border-radius:999px;
  display:grid; place-items:center;
  background: rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.18);
  color: var(--accent2);
  font-size:12px;
}
.ak2-navcard-top{
  font-weight: 900;
  letter-spacing: -.2px;
  color: rgba(233,233,239,.90);
}
.ak2-navcard-sub{
  margin-top: 4px;
  color: rgba(233,233,239,.74);
  font-weight: 700;
  font-size: .92rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ak2-navcard.is-disabled{
  opacity: .55;
  pointer-events: none;
}

/* Sidebar episodes list */
.ak2-side-search{
  position: relative;
  margin-bottom: 10px;
}
.ak2-side-search-ico{
  position:absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .75;
  pointer-events:none;
}
.ak2-side-input{
  width: 100%;
  padding: .62rem .85rem .62rem 2.1rem;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: var(--text);
  font-weight: 800;
}

.ak2-side-epslist{
  display:flex;
  flex-direction:column;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
  padding-right: 2px;
}
.ak2-side-epslist::-webkit-scrollbar{ width:6px; }
.ak2-side-epslist::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius: 99px; }

.ak2-side-ep{
  display:grid;
  grid-template-columns: 54px 1fr auto;
  gap: 10px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  text-decoration:none;
  color: var(--text);
  align-items:center;
}
.ak2-side-ep-thumb{
  width: 54px;
  height: 38px;
  border-radius: 12px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
}
.ak2-side-ep-title{
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: .92rem;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ak2-side-ep-meta{
  margin-top: 3px;
  color: rgba(233,233,239,.70);
  font-weight: 800;
  font-size: .84rem;
}
.ak2-side-ep-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: .28rem .55rem;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(233,233,239,.85);
  font-weight: 900;
  font-size: .82rem;
}
.ak2-side-ep.is-current{
  border-color: rgba(217,128,40,.36);
  background: rgba(217,128,40,.10);
}

.ak2-side-epsfoot{ margin-top: 12px; }

/* Sidebar stills row */
.ak2-side-stills-row{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.ak2-side-still{
  display:block;
  aspect-ratio: 16/10;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06) center/cover no-repeat;
}


/* =========================================================
   Single Episódio — FIX overflow sidebar (Anterior/Próximo + lista)
   ========================================================= */
.ak2-navcard{ grid-template-columns: 96px minmax(0, 1fr); }
.ak2-navcard-text{ min-width: 0; }
.ak2-navcard-sub{
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ak2-side-ep{ grid-template-columns: 80px minmax(0, 1fr) auto; }
.ak2-side-ep-info{ min-width: 0; }
.ak2-side-ep-title{
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 1) Aumentar SÓ o logo (sem travas de max-height) */
.ak-topbar-logo{
  height: 75px !important;   /* ajuste: 64/72/90 */
  width: auto !important;
  max-height: none !important;
  max-width: none !important;
  object-fit: contain;
  display: block;
}

/* Se o tema estiver limitando a altura do link/container do logo */
.ak-topbar-brand,
.ak-topbar-brand a{
  height: auto !important;
  max-height: none !important;
  display: flex;
  align-items: center;
}

/* 2) Remover a “linha”/barra do topo (border ou sombra) */
.ak-topbar,
.ak-header,
header.site-header{
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Alguns temas desenham a linha com pseudo-elemento */
.ak-topbar::after,
.ak-topbar::before,
.ak-header::after,
.ak-header::before{
  content: none !important;
  display: none !important;
}

/* Remove qualquer contorno/sombra do bloco do logo */
.ak-topbar-brand,
.ak-topbar-brand a,
.ak-topbar-logo{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Se o contorno vier de um pseudo-elemento */
.ak-topbar-brand::before,
.ak-topbar-brand::after,
.ak-topbar-brand a::before,
.ak-topbar-brand a::after{
  content: none !important;
  display: none !important;
}

/* Remove “focus ring” (quando clica/tab) */
.ak-topbar-brand a:focus,
.ak-topbar-brand a:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}


/* =========================================================
   YoruNeko – Home "Hub de Descoberta + Onde Assistir"
   Patch de estilos para o novo front-page.php
   (cole no final do style.css ou substitua o arquivo)
========================================================= */

/* HERO discover */
.ak-home-discover{
  padding: 28px 0 8px;
}
.ak-home-discover .ak-search{
  max-width: 980px;
  margin: 0 auto;
}
.ak-home-discover .ak-search input[type="search"],
.ak-home-discover .ak-search input[type="text"]{
  height: 58px;
  border-radius: 16px;
  font-size: 18px;
}
.ak-home-discover .ak-home-cta{
  max-width: 980px;
  margin: 10px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
@media (max-width: 820px){
  .ak-home-discover .ak-home-cta{ grid-template-columns: 1fr; }
}

.ak-home-discover .ak-home-cta a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  text-decoration:none;
  font-weight: 700;
}
.ak-home-discover .ak-home-cta a:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

/* chips (filtros rápidos) */
.ak-chips{
  max-width: 980px;
  margin: 10px auto 0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
}
.ak-chip{
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.9);
  font-size: 12px;
  line-height: 1;
}

/* Row title actions */
.ak-row-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin: 18px 0 10px;
}
.ak-row-title h2{ margin:0; }

/* cards: segundo CTA (ordem/temporadas) */
.ak-anime-tile .ak-cta-row{
  display:flex;
  gap:8px;
}
.ak-anime-tile .ak-cta-row a{
  flex:1 1 0;
}

/* Trilhas */
.ak-trails{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
@media (max-width: 900px){
  .ak-trails{ grid-template-columns: 1fr; }
}
.ak-trail{
  position:relative;
  overflow:hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  min-height: 170px;
}
.ak-trail::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.15) 100%);
  pointer-events:none;
}
.ak-trail .ak-trail-bg{
  position:absolute; inset:0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
  transform: scale(1.02);
}
.ak-trail .ak-trail-inner{
  position:relative;
  padding: 16px 16px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ak-trail h3{
  margin:0;
  font-size: 20px;
  line-height: 1.15;
}
.ak-trail ul{
  margin:0;
  padding-left: 16px;
  color: rgba(255,255,255,.85);
  font-size: 13px;
}
.ak-trail .ak-trail-cta{
  margin-top:auto;
  align-self:flex-start;
  padding: 9px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  text-decoration:none;
  font-weight:700;
}
.ak-trail .ak-trail-cta:hover{
  background: rgba(255,255,255,.10);
}

/* Tabs da agenda */
.ak-tabs{
  display:flex;
  gap:10px;
  align-items:center;
}
.ak-tab{
  padding: 9px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);
  font-weight: 700;
  font-size: 13px;
  text-decoration:none;
}
.ak-tab.is-active{
  background: rgba(255,165,0,.18);
  border-color: rgba(255,165,0,.35);
}

/* Guias essenciais mini-cards */
.ak-guide{
  display:block;
  text-decoration:none;
  color:#fff;
}
.ak-guide .ak-guide-card{
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  padding: 14px;
  min-height: 92px;
  display:flex;
  align-items:flex-end;
  gap:10px;
}
.ak-guide .ak-guide-title{
  font-weight:800;
}

/* Split columns refinements */
.ak-split-main{ min-width:0; }
.ak-split-aside{ min-width:0; }


/* ======================================================================
   HOME (MOCKUP) – busca laranja + tabs + cards (Onde Assistir)
   ====================================================================== */

/* HERO stack */
body.home .ak-hero-stack,
body.front-page .ak-hero-stack{ max-width: 980px; margin: 0 auto; }

.ak-hero-search{ margin-top: 10px; }
.ak-hero-search-form{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(217,128,40,.95), rgba(217,128,40,.78));
  border: 1px solid rgba(217,128,40,.55);
  box-shadow: 0 18px 40px rgba(0,0,0,.35), 0 14px 30px rgba(217,128,40,.18);
}

.ak-hero-search-ico{ font-size: 1.05rem; opacity:.9; }
.ak-hero-search-input{
  flex:1;
  border:0;
  outline:none;
  background:transparent;
  color: rgba(0,0,0,.88);
  font-weight: 800;
  font-size: 1.05rem;
}
.ak-hero-search-input::placeholder{ color: rgba(0,0,0,.55); font-weight:700; }

.ak-hero-search-mic{
  border:0;
  cursor:pointer;
  background: rgba(0,0,0,.12);
  color: rgba(0,0,0,.85);
  border-radius: 12px;
  padding: 10px 12px;
}
.ak-hero-search-mic:hover{ background: rgba(0,0,0,.18); }

.ak-hero-tabs{
  margin-top: 12px;
  display:flex;
  gap: 12px;
  justify-content:center;
  flex-wrap:wrap;
}

.ak-hero-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(15,16,22,.78);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.88);
  font-weight: 700;
}
.ak-hero-tab:hover{ border-color: rgba(217,128,40,.35); }
.ak-hero-tab-ico{ opacity:.9; }
.ak-caret{ opacity:.6; margin-left: 2px; }

.ak-chips-center{
  justify-content:center;
  margin-top: 10px;
}

/* ====== Card "Onde Assistir" ====== */
.ak-slider{ position:relative; }
.ak-row-scroll{
  display:flex;
  gap: 14px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  padding: 4px 2px 10px;
}
.ak-row-scroll::-webkit-scrollbar{ height:8px; }
.ak-row-scroll::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.10); border-radius: 999px; }

.ak-slide-btn{
  position:absolute;
  top: 42%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.55);
  color: rgba(255,255,255,.9);
  cursor:pointer;
  z-index: 2;
}
.ak-slide-btn:hover{ border-color: rgba(217,128,40,.35); }
.ak-slide-prev{ left: -8px; }
.ak-slide-next{ right: -8px; }

.ak-anime-tile{
  width: 230px;
  min-width: 230px;
  scroll-snap-align: start;
  border-radius: 20px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(18,20,28,.78), rgba(10,10,14,.92));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

.ak-anime-thumb{
  height: 168px;
  background: center/cover no-repeat;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.ak-anime-info{ padding: 12px 14px 10px; }
.ak-anime-name{
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1.15;
  color: rgba(255,255,255,.92);
  min-height: 44px;
}
.ak-anime-mini{
  margin-top: 6px;
  font-size: .85rem;
  color: rgba(255,255,255,.65);
}

/* logos/badges */
.ak-plat-badges{
  display:flex;
  gap: 8px;
  margin-top: 10px;
}
.ak-plat{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 11px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
}
.ak-plat.is-nf{ background: rgba(229,9,20,.16); border-color: rgba(229,9,20,.28); }
.ak-plat.is-cr{ background: rgba(255,128,0,.14); border-color: rgba(255,128,0,.26); }
.ak-plat.is-pv{ background: rgba(0,168,225,.12); border-color: rgba(0,168,225,.22); }
.ak-plat.is-ds{ background: rgba(24,67,255,.12); border-color: rgba(24,67,255,.22); }
.ak-plat.is-hb{ background: rgba(180,90,255,.12); border-color: rgba(180,90,255,.22); }

.ak-anime-bullets{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:flex;
  flex-direction:column;
  gap: 6px;
  color: rgba(255,255,255,.72);
  font-size: .88rem;
}
.ak-anime-bullets li{ display:flex; gap: 8px; align-items:center; }

.ak-anime-tile .btn{
  width:100%;
  border-radius: 12px;
  padding: .75rem 1rem;
}
.ak-anime-tile .btn.btn-accent{
  box-shadow: 0 16px 32px rgba(217,128,40,.18);
}

/* Mobile */
@media(max-width:560px){
  .ak-anime-tile{ width: 210px; min-width:210px; }
  .ak-slide-prev{ left:-2px; }
  .ak-slide-next{ right:-2px; }
  .ak-hero-tabs{ gap:10px; }
  .ak-hero-tab{ width:100%; justify-content:center; }
}



/* =========================================================
   HOME — Trilhas de Maratona (match do mock)
   ========================================================= */
.ak-trails .ak-trilhas-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 18px;
  width: 100%;
  margin-top: 14px;
}

@media (max-width: 980px){
  .ak-trails .ak-trilhas-grid{ grid-template-columns: 1fr; }
}

.ak-trails .ak-trilha-card{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius: 18px;
  min-height: 210px;
  background: center/cover no-repeat;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.06);
  text-decoration:none;
}

.ak-trails .ak-trilha-card::before{
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(1200px 300px at 20% 20%, rgba(217,128,40,.18), transparent 55%),
              linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.75));
  pointer-events:none;
}

.ak-trails .ak-trilha-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  padding: 18px;
}

.ak-trails .ak-trilha-content{
  max-width: 72%;
}

.ak-trails .ak-trilha-title{
  font-size: 1.35rem;
  font-weight: 900;
  line-height: 1.1;
  margin-bottom: 10px;
}

.ak-trails .ak-trilha-bullets{
  margin: 0;
  padding-left: 18px;
  color: rgba(255,255,255,.78);
  font-size: .95rem;
}

.ak-trails .ak-trilha-bullets li{ margin: 4px 0; }

.ak-trails .ak-trilha-cta{
  flex: 0 0 auto;
  background: rgba(217,128,40,.92);
  color: #111;
  font-weight: 800;
  padding: 10px 14px;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(217,128,40,.22);
}

.ak-trails .ak-trilha-card:hover{
  transform: translateY(-2px);
  transition: transform .15s ease;
}

/* =========================================================
   FIX — Trilhas de Maratona (override de regras quebradas)
   Motivo: havia regras sem @media que forçavam 1 coluna e
   colocavam o <section> como grid.
   Cole este bloco NO FINAL do seu style.css
   ========================================================= */
.ak-trails{
  display:block !important;
  grid-template-columns: unset !important;
  gap: 0 !important;
}

.ak-trails .ak-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.ak-trails .ak-trilhas-grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:none !important;
  margin:14px 0 0 0 !important;
}

@media (max-width: 980px){
  .ak-trails .ak-trilhas-grid{
    grid-template-columns: 1fr !important;
  }
}

.ak-trails .ak-trilha-card{
  width:100%;
  max-width:none;
}

/* ===========================
   AUTHOR BOX (SINGLE POST)
=========================== */
.ak-authorbox{
  margin: 18px 24px 18px;
  padding: 16px;
  display:flex;
  gap:14px;
  align-items:flex-start;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  box-shadow: 0 14px 28px rgba(0,0,0,.35);
}
.ak-authorbox-avatar{
  width: 92px;
  height: 92px;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  flex: 0 0 auto;
}
.ak-authorbox-avatar img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.ak-authorbox-body{ flex:1; min-width:0; }
.ak-authorbox-name{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1.15;
}
.ak-authorbox-site{
  display:inline-block;
  margin-top: 6px;
  font-size: .92rem;
  color: var(--accent2);
  opacity: .95;
}
.ak-authorbox-site:hover{ text-decoration: underline; }

.ak-authorbox-bio{
  margin: 10px 0 0;
  color: rgba(255,255,255,.80);
  line-height: 1.55;
  font-size: .95rem;
}

.ak-authorbox-social{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ak-authorbox-social-link{
  width: 40px;
  height: 40px;
  display:grid;
  place-items:center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  transition: transform .12s, border-color .2s, background .2s;
}
.ak-authorbox-social-link:hover{
  transform: translateY(-1px);
  border-color: rgba(217,128,40,.45);
  background: rgba(217,128,40,.10);
}
.ak-authorbox-social-link svg{
  width: 18px;
  height: 18px;
  fill: rgba(255,255,255,.85);
}

@media (max-width: 640px){
  .ak-authorbox{
    margin: 16px 14px 16px;
    padding: 14px;
    flex-direction: column;
    align-items:flex-start;
  }
  .ak-authorbox-avatar{
    width: 84px;
    height: 84px;
  }
}
/* =========================================================
   FIX — Espaço gigante entre HERO e 1ª seção (Home)
   Causa: .ak-home-hero tinha min-height alto (560px) + padding grande
========================================================= */
.ak-home-hero.ak-home-discover{
  min-height: 300px !important; /* ajuste fino: 300–380 */
}
.ak-home-hero.ak-home-discover .ak-home-hero-inner{
  padding: 34px 0 18px !important;
}
/* aproxima a 1ª seção do fim do hero */
.ak-home .ak-section:first-child{
  margin-top: 14px !important;
}
@media (max-width: 980px){
  .ak-home-hero.ak-home-discover{ min-height: 280px !important; }
  .ak-home-hero.ak-home-discover .ak-home-hero-inner{ padding: 26px 0 14px !important; }
  .ak-home .ak-section:first-child{ margin-top: 10px !important; }
}


/* =========================================================
   HOME — HERO (Mockup v4) + Lançamentos minimalista
   ========================================================= */

/* HERO: usa bg via --ak-hero-bg e deixa igual ao mock
   Ajuste: reduz altura/padding para remover o "espaço preto" entre o topo e a 1ª seção.
*/
body.home .ak-home-hero.ak-home-discover-v4,
body.front-page .ak-home-hero.ak-home-discover-v4{
  position: relative;
  min-height: 420px;
  background: #000;
  background-image: var(--ak-hero-bg);
  background-size: cover;
  background-position: center;
  border-bottom: 0;
}
body.home .ak-home-hero.ak-home-discover-v4 .ak-hero-overlay,
body.front-page .ak-home-hero.ak-home-discover-v4 .ak-hero-overlay{
  position:absolute; inset:0;
  background:
    radial-gradient(1200px 520px at 50% 10%, rgba(0,0,0,.08) 0%, rgba(0,0,0,.75) 55%, rgba(0,0,0,.95) 100%),
    linear-gradient(180deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.55) 42%, rgba(0,0,0,.92) 100%);
  pointer-events:none;
}
body.home .ak-home-hero.ak-home-discover-v4::after,
body.front-page .ak-home-hero.ak-home-discover-v4::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-1px;
  height:140px;
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,.92) 40%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  z-index:2;
}
body.home .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner,
body.front-page .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner{
  position: relative;
  z-index: 3;
  padding: 78px 0 34px;
  display:flex;
  justify-content:center;
}
@media (max-width: 980px){
  body.home .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner,
  body.front-page .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner{ padding: 62px 0 28px; }
}

.ak-hero-center{
  width: min(980px, 92vw);
  text-align:center;
}
.ak-hero-title{
  margin:0;
  font-weight: 900;
  letter-spacing: -.6px;
  font-size: clamp(2rem, 4.2vw, 3.4rem);
  line-height: 1.08;
}
.ak-hero-sub{
  margin: 12px auto 0;
  max-width: 62ch;
  color: rgba(233,233,239,.78);
  font-weight: 700;
}

/* Barra: input + chips */
.ak-hero-bar{
  margin: 22px auto 0;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.42);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap: wrap;
}
.ak-hero-search-form{
  flex: 1 1 320px;
  min-width: 240px;
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
}
.ak-hero-search-ico{ opacity:.75; }
.ak-hero-search-input{
  width:100%;
  background: transparent;
  border:0;
  outline: none;
  color: var(--text);
  font-weight: 800;
}
.ak-hero-search-input::placeholder{ color: rgba(233,233,239,.55); font-weight:800; }

.ak-hero-bar-actions{
  display:flex;
  gap:10px;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content:center;
}
.ak-hero-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: .62rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.30);
  color: rgba(233,233,239,.86);
  text-decoration:none;
  font-weight: 900;
  font-size: .92rem;
  white-space: nowrap;
}
.ak-hero-chip:hover{
  border-color: rgba(217,128,40,.35);
  color: var(--accent2);
  transform: translateY(-1px);
}

/* =========================
   Últimos episódios — cards minimalistas (row/scroll)
   ========================= */

/* =========================
   Últimos episódios — cards minimalistas (GRID 4x2)
   ========================= */

.ak-launches-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1100px){
  .ak-launches-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 850px){
  .ak-launches-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ak-launches-grid{ grid-template-columns: 1fr; }
}


.ak-launch-card{
  position:relative;
  height: 200px;
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  text-decoration:none;
  color: var(--text);
  scroll-snap-align: start;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}
.ak-launch-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  filter: brightness(1.03);
}
.ak-launch-media{
  position:absolute; inset:0;
  background: rgba(255,255,255,.06) center/cover no-repeat;
}
.ak-launch-shade{
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.86) 0%, rgba(0,0,0,.10) 70%, rgba(0,0,0,0) 100%);
  pointer-events:none;
}
.ak-launch-info{
  position:absolute;
  left:14px; right:14px; bottom:12px;
  z-index:2;
}
.ak-launch-ep{
  font-weight: 950;
  letter-spacing: -.3px;
  font-size: 1.55rem;
  line-height: 1.05;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.ak-launch-anime{
  margin-top: 6px;
  font-weight: 800;
  color: rgba(233,233,239,.78);
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

@media (max-width: 980px){
  .ak-launch-card{ flex-basis: 280px; height: 180px; }
  .ak-launch-ep{ font-size: 1.35rem; }
}
@media (max-width: 520px){
  .ak-launch-card{ flex-basis: 250px; height: 170px; }
}


/* Ajuste: aproxima Lançamentos do Hero e reduz “buraco” entre seções */
body.home .ak-home,
body.front-page .ak-home{
  padding-top: 10px !important;
}
body.home .ak-section.ak-launches,
body.front-page .ak-section.ak-launches{
  margin-top: 12px !important;
}

/* Ajuste: sombra do banner mais suave (menos preto chapado) */
body.home .ak-home-hero .ak-hero-overlay,
body.front-page .ak-home-hero .ak-hero-overlay{
  filter: none !important;
}




/* =========================
   HOME — ajustes (v4): mais colado + remove linha
   ========================= */
body.home .ak-home-hero,
body.front-page .ak-home-hero{
  min-height: 360px !important;
}

body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{
  padding: 48px 0 16px !important;
}

/* remove qualquer “linha”/divisor gerado por pseudo-elementos */
body.home .ak-home-hero::after,
body.front-page .ak-home-hero::after,
body.home .ak-home-hero::before,
body.front-page .ak-home-hero::before{
  content: none !important;
  display: none !important;
}

/* overlay menos pesado (evita preto chapado) */
body.home .ak-home-hero .ak-hero-overlay,
body.front-page .ak-home-hero .ak-hero-overlay{
  background:
    radial-gradient(900px 520px at 50% 28%, rgba(217,128,40,.16) 0%, rgba(217,128,40,0) 62%),
    radial-gradient(900px 520px at 18% 12%, rgba(0,0,0,.12) 0%, rgba(0,0,0,.66) 70%),
    linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.50) 45%, rgba(0,0,0,.78) 100%) !important;
}

/* cola a seção de lançamentos no hero */
body.home .ak-section.ak-launches,
body.front-page .ak-section.ak-launches{
  margin-top: -8px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* fallback: se existir hr/divisor no tema, esconda na home */
body.home hr,
body.front-page hr{
  display:none !important;
  height:0 !important;
  border:0 !important;
}


/* ===== v5 tweaks: remove divider line + pull launches closer ===== */

/* Remove the thin divider line under the hero (was border-bottom) */
.ak-home-hero.ak-home-discover-v4{
  border-bottom: none !important;
}

/* Also neutralize any generic hero separators/pseudo elements */
.ak-home-hero::before,
.ak-home-hero::after{
  border: 0 !important;
}

/* Pull the hero content up a bit and reduce bottom padding so the next section sits closer */
body.front-page .ak-home-hero-inner{
  padding-bottom: 6px !important;
}

/* Bring "Últimos episódios" much closer to the search bar */
body.front-page .ak-launches{
  margin-top: -28px !important;
}

/* Ensure no extra line is drawn by section wrappers */
body.front-page .ak-launches,
body.front-page .ak-launches .ak-section-head,
body.front-page .ak-launches .ak-section-body{
  border-top: 0 !important;
  box-shadow: none !important;
}

/* If any <hr> exists, hide it on home */
body.front-page hr{ display:none !important; }



/* ===== v6 tweaks: pull "Últimos episódios" up to sit right under the search bar ===== */
body.front-page .ak-home-hero.ak-home-discover-v4{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: unset !important;
}

body.front-page .ak-home-hero-inner{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* kill any bottom spacer wrappers that add extra space */
body.front-page .ak-home-hero .ak-home-hero-spacer,
body.front-page .ak-home-hero .ak-spacer,
body.front-page .ak-home-hero .spacer{
  display:none !important;
  height:0 !important;
}

/* Move the launches section up significantly */
body.front-page .ak-launches{
  margin-top: -120px !important;
  padding-top: 0 !important;
}

/* Keep it safe on smaller screens */
@media (max-width: 980px){
  body.front-page .ak-launches{ margin-top: -90px !important; }
}
@media (max-width: 640px){
  body.front-page .ak-launches{ margin-top: -60px !important; }
}



/* ===========================
   FIX FINAL – HERO x LANÇAMENTOS (COLAR + FUNDO PRETO)
   ========================= */
body.front-page .ak-home-hero,
body.home .ak-home-hero{
  min-height: unset !important;
  height: auto !important;
  padding-bottom: 18px !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}

body.front-page .ak-home-hero:before,
body.front-page .ak-home-hero:after,
body.home .ak-home-hero:before,
body.home .ak-home-hero:after{
  display:none !important;
  content:none !important;
}

body.front-page .ak-home-hero-inner,
body.home .ak-home-hero-inner{
  padding: 66px 0 18px !important; /* menos “buraco” */
}

body.front-page main.ak-home,
body.home main.ak-home{
  padding-top: 6px !important;     /* cola no hero */
  background: #000 !important;     /* garante fundo preto (não “vaza” o banner) */
  position: relative;
  z-index: 2;
}

/* Remove TODOS os puxões negativos antigos (o hero agora encolhe de verdade) */
body.front-page .ak-section.ak-launches,
body.home .ak-section.ak-launches,
body.front-page .ak-launches,
body.home .ak-launches{
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

/* Encosta a seção “Últimos episódios” logo abaixo da barra de busca, sem entrar no banner */
body.front-page .ak-section.ak-launches{
  margin-top: 10px !important;
}

/* Tira qualquer linha/separador que ainda possa aparecer */
body.front-page hr, body.home hr{
  display:none !important;
  height:0 !important;
  border:0 !important;
}
body.front-page .ak-section, body.home .ak-section{
  border-top: 0 !important;
}

/* Ajuste fino: reduz espaço do título da seção */
body.front-page .ak-section.ak-launches .ak-section-head,
body.home .ak-section.ak-launches .ak-section-head{
  margin-bottom: 12px !important;
}



/* =========================================================
   HOME – Ajuste de posição do bloco "Últimos episódios"
   - Mantém a seção fora do HERO (fundo preto do tema)
   - Aproxima do campo "Buscar anime..."
   ========================================================= */
body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{
  padding-bottom: 18px !important; /* menos espaço no fim do hero */
}

/* Remove offsets antigos que puxavam o conteúdo para dentro do hero */
body.home .ak-grid,
body.front-page .ak-grid,
body.home .ak-content,
body.front-page .ak-content,
body.home .ak-aside,
body.front-page .ak-aside{
  margin-top: 0 !important;
}

/* Aproxima o conteúdo do hero */
body.home .ak-home,
body.front-page .ak-home{
  padding-top: 0 !important;
}

/* Primeiro bloco (Últimos episódios) mais colado no hero */
body.home .ak-home .ak-section:first-child,
body.front-page .ak-home .ak-section:first-child{
  margin-top: 10px !important;
}



/* =========================================================
   HOME HERO — copiar visual do SINGLE EPISÓDIO (ak2-hero)
   Apenas layout de banner + sombra (não muda textos)
========================================================= */

body.home .ak-home-hero,
body.front-page .ak-home-hero{
  position: relative;
  overflow: hidden;
  min-height: 520px;
}

/* camada da imagem com leve zoom e contraste (igual ak2-hero-bg) */
body.home .ak-home-hero{
  background-size: cover;
  background-position: center;
  transform: none;
  filter: saturate(1.05) contrast(1.03);
}

/* remove overlay antigo da home */
body.home .ak-hero-overlay,
body.front-page .ak-hero-overlay{
  display:none !important;
}

/* overlay principal copiado do single episódio */
body.home .ak-home-hero::after,
body.front-page .ak-home-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(900px 520px at 16% 14%, rgba(0,0,0,.05), rgba(0,0,0,.40)),
    radial-gradient(700px 500px at 82% 22%, rgba(217,128,40,.05), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45));
}

/* garante que textos e busca fiquem acima da sombra */
body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{
  position: relative;
  z-index: 2;
}

/* fade inferior para fundir com o fundo preto */
body.home .ak-home-hero::before,
body.front-page .ak-home-hero::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:120px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.32) 65%, rgba(0,0,0,.65) 100%);
  z-index:2;
  pointer-events:none;
}

/* ajuste de altura no mobile */
@media(max-width:980px){
  body.home .ak-home-hero,
  body.front-page .ak-home-hero{
    min-height: 480px;
  }
}

/* =========================================================
   SINGLE EPISÓDIO — PATCH (layout igual ao mock: sem banner/hero)
   Cole NO FINAL do seu style.css
   ========================================================= */

/* Fundo preto com glow suave (como no mock) */
body.single-episodio,
body.single-episodio .site,
body.single-episodio #page,
body.single-episodio main{
  background: #000 !important;
}

body.single-episodio .ak2-page.ak2-episode{
  background:
    radial-gradient(900px 520px at 50% 18%, rgba(217,128,40,.12) 0%, rgba(217,128,40,0) 60%),
    radial-gradient(900px 520px at 15% 8%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,1) 45%, rgba(0,0,0,1) 100%);
  padding-top: 26px;
  padding-bottom: 70px;
}

/* Garante que não exista “hero/banner” no single de episódio */
body.single-episodio .ak2-hero,
body.single-episodio .ak-hero,
body.single-episodio .ak-home-hero{
  display: none !important;
}

/* Player no topo (sem puxar pra cima) */
body.single-episodio .ak2-playerwrap{
  margin-top: 0 !important;
  padding-bottom: 10px;
}

/* Head do episódio (título + ações) logo abaixo do player */
body.single-episodio .ak2-ep-head{
  margin-top: 18px;
  margin-bottom: 18px;
}

body.single-episodio .ak2-ep-head-inner{
  max-width: 1100px;
}

/* Ajuste fino: grid igual ao mock */
body.single-episodio .ak2-grid.ak2-ep-grid{
  grid-template-columns: 1fr 380px;
  gap: 18px;
}
@media (max-width: 980px){
  body.single-episodio .ak2-grid.ak2-ep-grid{ grid-template-columns: 1fr; }
}

/* Player com bordas/linhas mais “premium” */
body.single-episodio .ak2-playerframe{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 55px rgba(0,0,0,.60);
}

/* Mantém cards com “linhas” consistentes */
body.single-episodio .glass{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

/* Sidebar: sobe o card de episódios (já que removemos o resumo rápido) */
body.single-episodio .ak2-side .ak2-section{
  margin-top: 0;
}
/* ======================================================================
   HOME HERO — V4 (igual ao "banner + sombra" do SINGLE EPISÓDIO)
   - Mantém a estrutura atual (ak-home-hero + .ak-hero-overlay)
   - Reativa o overlay (caso algum patch anterior tenha ocultado)
   - Ajusta altura/paddings pra não sobrar "buraco" até a seção de episódios
   ====================================================================== */

body.home .ak-home-hero,
body.front-page .ak-home-hero{
  /* banner via --ak-hero-bg (definido no front-page) */
  background-image: var(--ak-hero-bg) !important;
  background-color: #000 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;

  position: relative;
  overflow: hidden;
  min-height: clamp(420px, 56vh, 620px) !important;
}

/* Se não houver banner, fica preto mesmo */
body.home .ak-home-hero:not([style*="--ak-hero-bg"]),
body.front-page .ak-home-hero:not([style*="--ak-hero-bg"]){
  background-image: none !important;
}

/* overlay principal (copiado do .ak2-hero::after) */
body.home .ak-home-hero .ak-hero-overlay,
body.front-page .ak-home-hero .ak-hero-overlay{
  display:block !important;
  z-index: 1;
  background:
    /* vignette escura (lado esquerdo como no single) */
    radial-gradient(900px 520px at 16% 14%, rgba(0,0,0,.18), rgba(0,0,0,.88)),
    /* leve glow laranja discreto */
    radial-gradient(700px 500px at 82% 22%, rgba(217,128,40,.10), transparent 55%),
    /* gradiente geral */
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.92)) !important;
}

/* sombra extra no TOPO (pra “encaixar” com o header e evitar linha/corte) */
body.home .ak-home-hero .ak-hero-overlay::before,
body.front-page .ak-home-hero .ak-hero-overlay::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:120px;
  background: linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,0));
  pointer-events:none;
}

/* fade inferior para fundir com o fundo preto do site */
body.home .ak-home-hero::before,
body.front-page .ak-home-hero::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:140px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.82) 65%, rgba(0,0,0,1) 100%);
  z-index:2;
  pointer-events:none;
}

/* garante que textos e barra de busca fiquem acima das sombras */
body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{
  position: relative;
  z-index: 3;
  padding: 86px 0 18px !important; /* menos buraco embaixo */
}

@media (max-width: 980px){
  body.home .ak-home-hero-inner,
  body.front-page .ak-home-hero-inner{
    padding: 74px 0 14px !important;
  }
}

/* Conteúdo da home deve começar colado no hero (sem “vazar” banner) */
body.home main.ak-home,
body.front-page main.ak-home{
  padding-top: 8px !important;
  background: #000 !important;
  position: relative;
  z-index: 3;
}

/* Seção "Últimos episódios" mais próxima do hero */
body.home .ak-section.ak-launches,
body.front-page .ak-section.ak-launches{
  margin-top: 10px !important;
  border-top: 0 !important;
}

/* remove qualquer linha/separador que apareça no meio */
body.home hr,
body.front-page hr,
body.home .ak-section,
body.front-page .ak-section{
  border-top: 0 !important;
}


/* Override: melhorar qualidade do banner na HOME (cores/contraste) */
body.home .ak-home-hero,
body.front-page .ak-home-hero{
  filter: saturate(1.12) contrast(1.06);
}
/* POSTS: padroniza a largura e alinha TÍTULO + CONTEÚDO no mesmo eixo */
.single-post .site-content,
.single-post main,
.single-post article {
  width: 100%;
}

/* Remove qualquer padding lateral extra no miolo do post */
.single-post .entry-content,
.single-post .wp-block-post-content,
.single-post .post-content,
.single-post .penci-entry-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Se o texto estiver dentro de um "card/box" com padding (bem comum no seu layout) */
.single-post article .card,
.single-post article .box,
.single-post article .content,
.single-post article .content-box,
.single-post article .ak-card,
.single-post article .ak-content,
.single-post article .ak-article {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Opcional: coloca um respiro pequeno igual ao do título (ajuste 14px/18px) */
.single-post .entry-content,
.single-post .wp-block-post-content {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Aumenta fonte do texto do artigo */
.single-post .entry-content,
.single-post .wp-block-post-content {
  font-size: clamp(17px, 0.35vw + 16px, 19px);
  line-height: 1.8;
}

.single-post .entry-content p,
.single-post .wp-block-post-content p {
  margin-bottom: 1.05em;
}

/* ======================================================================
   HOME HERO — Yoruneko (upgrade visual v1)
   - Badge + título com destaque em gradiente
   - Brilhos suaves + "noise" discreto
   - Barra de busca/chips com foco mais bonito
   ====================================================================== */

body.home .ak-home-hero.ak-home-discover-v4,
body.front-page .ak-home-hero.ak-home-discover-v4{
  isolation: isolate; /* garante camadas previsíveis */
}

/* Camadas: brilho/decoração abaixo do overlay */
body.home .ak-home-hero.ak-home-discover-v4::before,
body.front-page .ak-home-hero.ak-home-discover-v4::before{
  content:"";
  position:absolute;
  inset:-40px -20px -20px -20px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(900px 520px at 22% 20%, rgba(217,128,40,.22) 0%, rgba(217,128,40,0) 62%),
    radial-gradient(700px 420px at 78% 28%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 58%),
    radial-gradient(900px 520px at 50% 110%, rgba(0,0,0,.70) 0%, rgba(0,0,0,0) 55%);
  filter: blur(2px) saturate(1.1);
  opacity:.95;
}

/* Overlay acima do brilho */
body.home .ak-home-hero.ak-home-discover-v4 .ak-hero-overlay,
body.front-page .ak-home-hero.ak-home-discover-v4 .ak-hero-overlay{
  z-index:1 !important;
}

/* Conteúdo acima de tudo */
body.home .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner,
body.front-page .ak-home-hero.ak-home-discover-v4 .ak-home-hero-inner{
  z-index:3 !important;
}

/* Badge */
.ak-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: .42rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  color: rgba(233,233,239,.82);
  font-weight: 900;
  font-size: .92rem;
  letter-spacing: .2px;
  box-shadow: 0 14px 40px rgba(0,0,0,.40);
}

.ak-hero-badge-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(217,128,40,.95);
  box-shadow: 0 0 0 4px rgba(217,128,40,.18), 0 0 26px rgba(217,128,40,.40);
}

/* Título mais “premium” */
.ak-hero-title{
  text-shadow: 0 14px 60px rgba(0,0,0,.55);
}

.ak-hero-accent{
  background: linear-gradient(90deg, rgba(217,128,40,1) 0%, rgba(255,214,170,1) 50%, rgba(217,128,40,1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
}

/* Sublinhado suave no destaque */
.ak-hero-accent::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom: .10em;
  height: .42em;
  background: rgba(217,128,40,.18);
  filter: blur(10px);
  z-index:-1;
}

/* Subtítulo mais legível */
.ak-hero-sub{
  text-shadow: 0 10px 40px rgba(0,0,0,.55);
}

/* Barra com borda “viva” */
.ak-hero-bar{
  position:relative;
}

.ak-hero-bar::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 20px;
  pointer-events:none;
  background: linear-gradient(90deg, rgba(217,128,40,.0), rgba(217,128,40,.28), rgba(255,255,255,.12), rgba(217,128,40,.0));
  opacity:.65;
  filter: blur(10px);
  z-index:-1;
}

.ak-hero-search-form{
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.ak-hero-search-form:focus-within{
  border-color: rgba(217,128,40,.38);
  background: rgba(255,255,255,.06);
  transform: translateY(-1px);
}

.ak-hero-search-input{
  caret-color: var(--accent2);
}

/* Chips com ícone */
.ak-hero-chip{
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.ak-hero-chip-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: rgba(233,233,239,.88);
  font-weight: 900;
  font-size: .86rem;
}

/* Melhor no mobile: chips ocupam a largura com mais conforto */
@media (max-width: 640px){
  .ak-hero-badge{ font-size:.88rem; }
  .ak-hero-bar{ padding: 10px; }
  .ak-hero-chip{ padding: .58rem .80rem; font-size:.90rem; }
}

/* Micro movimento opcional (respeita preferências do usuário) */
@media (prefers-reduced-motion: no-preference){
  body.home .ak-home-hero.ak-home-discover-v4::before,
  body.front-page .ak-home-hero.ak-home-discover-v4::before{
    animation: akHeroGlow 10s ease-in-out infinite alternate;
  }
  @keyframes akHeroGlow{
    0%{ transform: translate3d(0,0,0) scale(1); opacity:.85; }
    100%{ transform: translate3d(0,-10px,0) scale(1.03); opacity:1; }
  }
}


/* =========================================================
   HERO (Front-page/Home) — Mobile fix
   - No celular, esconder o chip "Temporadas & Filmes" (🎬)
   - Evita overflow horizontal dos atalhos
========================================================= */
@media (max-width: 640px){
  .ak-hero-bar-actions{
    flex: 1 1 100%;
    width: 100%;
  }
}
@media (max-width: 520px){
  .ak-hero-bar-actions .ak-hero-chip[href*="temporadas-e-filmes"]{
    display: none;
  }
}

/* =====================================================
   HOME OSCAR (front-page.php)
   Estilos adicionais somente para a nova home.
===================================================== */

/* Garantir que cards em <a> funcionem como bloco */
a.card{ display:block; }

/* ---------- Grid helpers ---------- */
.grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

@media(max-width:1100px){
  .grid-3{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:560px){
  .grid-3{ grid-template-columns:1fr; }
}

/* ---------- HERO (novo) ---------- */
.ak-home-hero-cr .ak-hero-cr-grid{
  display:grid;
  grid-template-columns: 1.75fr .95fr;
  gap:16px;
  align-items:stretch;
}

.ak-spotlight-card{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  background-position:center;
  background-size:cover;
  min-height: 330px;
}

.ak-spotlight-shade{
  position:absolute;
  inset:0;
  background:
    /* mais escuro para melhorar legibilidade do texto */
    radial-gradient(900px 420px at 15% 30%, rgba(0,0,0,.28), rgba(0,0,0,.82)),
    linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.90));
}

.ak-spotlight-inner{
  position:relative;
  display:flex;
  gap:16px;
  padding:18px;
  min-height: 330px;
}

.ak-spotlight-poster{
  width: 150px;
  min-width:150px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.12);
  background:center/cover no-repeat;
  box-shadow: 0 18px 35px rgba(0,0,0,.45);
}

.ak-spotlight-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding-top:4px;
}

.ak-spotlight-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:.88rem;
}

.ak-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(217,128,40,.16);
  border:1px solid rgba(217,128,40,.35);
  font-weight:800;
}

.ak-dot{ opacity:.7; }

.ak-spotlight-title{
  font-size: clamp(1.55rem, 2.2vw, 2.25rem);
  line-height:1.05;
  letter-spacing:-0.02em;
}


/* melhora contraste do texto no hero */
.ak-spotlight-title,
.ak-spotlight-sub,
.ak-spotlight-meta,
.ak-hero-mini-title{
  text-shadow: 0 2px 16px rgba(0,0,0,.70);
}
.ak-spotlight-sub{
  max-width: 62ch;
  opacity:.95;
}

/* melhora leitura de texto em cima de imagens */
.ak-spotlight-title,
.ak-spotlight-sub,
.ak-spotlight-meta,
.ak-hero-mini-title,
.ak-hero-mini-brand{
  text-shadow: 0 2px 16px rgba(0,0,0,.65);
}

.ak-spotlight-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:4px;
}

.ak-spotlight-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:10px;
}

.ak-hero-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
  font-size:.86rem;
  color: var(--text);
}

.ak-hero-chip:hover{
  border-color: rgba(217,128,40,.35);
  background: rgba(217,128,40,.10);
}

/* ---------- HERO: rail ---------- */
.ak-hero-rail{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ak-hero-mini-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.ak-hero-mini{
  position:relative;
  overflow:hidden;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  min-height: 126px;
  background:center/cover no-repeat;
  display:flex;
  align-items:stretch;
  gap:12px;
  padding:12px;
}

.ak-hero-mini-shade{
  position:absolute;
  inset:0;
  /* mais sombreamento no card pequeno */
  background: linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.55));
}

.ak-hero-mini-poster{
  position:relative;
  width: 56px;
  min-width:56px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:center/cover no-repeat;
  box-shadow: 0 14px 26px rgba(0,0,0,.45);
}

.ak-hero-mini-body{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.ak-hero-mini-brand{
  font-size:.78rem;
  color: var(--muted);
}

.ak-hero-mini-title{
  font-weight:900;
  line-height:1.1;
  font-size: 1rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ak-hero-mini-cta{
  margin-top:auto;
  font-weight:800;
  color: var(--accent2);
}

/* ---------- HERO: busca ---------- */
.ak-hero-searchbox{
  padding:14px;
}

.ak-hero-searchbox-title{
  font-weight:900;
  margin-bottom:10px;
}

.ak-hero-search-form{
  position:relative;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  border-radius: 16px;
  padding: 10px 12px;
}

.ak-hero-search-ico{
  opacity:.8;
  margin-right:10px;
}

.ak-hero-search-input{
  width:100%;
  background:transparent;
  border:0;
  outline:none;
  color: var(--text);
  font-size: .95rem;
}

.ak-quick-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.ak-quick-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  font-size:.86rem;
  color: var(--text);
}

.ak-quick-chip:hover{
  border-color: rgba(217,128,40,.35);
  background: rgba(217,128,40,.10);
}

/* ---------- Em exibição agora ---------- */
.ak-air-card{
  width: 210px;
  min-width:210px;
  text-decoration:none;
}

.ak-air-thumb{
  height: 140px;
  border-radius: 18px 18px 0 0;
  background:center/cover no-repeat;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.ak-air-body{
  padding: 12px 12px 14px;
}

.ak-air-title{
  font-weight:900;
  line-height:1.15;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ak-air-meta{
  font-size:.85rem;
}

/* ---------- Coleções rápidas ---------- */
.ak-collections-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.ak-collection{
  position:relative;
  overflow:hidden;
  min-height: 150px;
  background:center/cover no-repeat;
}

.ak-collection-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 240px at 15% 30%, rgba(0,0,0,.15), rgba(0,0,0,.78)),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.80));
}

.ak-collection-body{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:14px;
  min-height:150px;
}

.ak-collection-emoji{
  font-size: 1.15rem;
}

.ak-collection-title{
  font-weight:900;
  font-size: 1.05rem;
}

.ak-collection-desc{
  font-size:.88rem;
}

.ak-collection-cta{
  margin-top:auto;
  font-weight:800;
  color: var(--accent2);
}

@media(max-width:1100px){
  .ak-collections-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:560px){
  .ak-collections-grid{ grid-template-columns:1fr; }
}

/* ---------- Guias ---------- */
.ak-guide{
  overflow:hidden;
}

.ak-guide-thumb{
  height: 170px;
  background:center/cover no-repeat;
  border-radius: 18px 18px 0 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.ak-guide-body{
  padding: 12px 12px 14px;
}

.ak-guide-title{
  font-weight:900;
  line-height:1.15;
}

/* ---------- Duo (Top + News) ---------- */
.ak-duo-grid{
  display:grid;
  grid-template-columns: 1.1fr 1.9fr;
  gap:14px;
  align-items:start;
}

@media(max-width:980px){
  .ak-duo-grid{ grid-template-columns:1fr; }
}

.ak-topbox{
  padding: 12px;
}

.ak-topbox-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.ak-topbox-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ak-topbox-item{
  display:grid;
  grid-template-columns: 32px 42px 1fr;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.18);
}

.ak-topbox-item:hover{
  border-color: rgba(217,128,40,.28);
  background: rgba(217,128,40,.08);
}

.ak-topbox-rank{
  width:32px;
  height:32px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  font-weight: 900;
  background: rgba(217,128,40,.16);
  border:1px solid rgba(217,128,40,.25);
}

.ak-topbox-thumb{
  width:42px;
  height:42px;
  border-radius: 14px;
  background:center/cover no-repeat;
  border:1px solid rgba(255,255,255,.10);
}

.ak-topbox-name{
  font-weight:800;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* ---------- Responsivo do hero ---------- */
@media(max-width:980px){
  .ak-home-hero-cr .ak-hero-cr-grid{ grid-template-columns:1fr; }
  .ak-spotlight-inner{ min-height: 300px; }
}
@media(max-width:560px){
  .ak-spotlight-inner{
    flex-direction:column;
  }
  .ak-spotlight-poster{
    width: 140px;
    min-width:140px;
    height: 200px;
  }
}

/* ==========================
   HOME HERO — CONTRASTE (override final)
   - Escurece o fundo para melhorar leitura do texto
========================== */
body.home .ak-home-hero .ak-hero-overlay,
body.front-page .ak-home-hero .ak-hero-overlay{
  background: linear-gradient(180deg,
    rgba(0,0,0,.88) 0%,
    rgba(0,0,0,.76) 32%,
    rgba(0,0,0,.68) 62%,
    rgba(0,0,0,.90) 100%
  ) !important;
}

/* Hero cards: sombra extra em cima da imagem do banner */
body.home .ak-spotlight-shade,
body.front-page .ak-spotlight-shade{
  background:
    radial-gradient(900px 420px at 15% 30%, rgba(0,0,0,.30), rgba(0,0,0,.85)),
    linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.92)) !important;
}

body.home .ak-hero-mini-shade,
body.front-page .ak-hero-mini-shade{
  background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.60)) !important;
}

/* Texto do hero com sombra (melhora leitura em qualquer banner) */
body.home .ak-spotlight-title,
body.home .ak-spotlight-sub,
body.home .ak-spotlight-meta,
body.home .ak-hero-mini-title,
body.front-page .ak-spotlight-title,
body.front-page .ak-spotlight-sub,
body.front-page .ak-spotlight-meta,
body.front-page .ak-hero-mini-title{
  text-shadow: 0 2px 14px rgba(0,0,0,.65);
}


/* ===========================
   /tags/* — FIX (taxonomia tag_anime) para ficar igual ao /anime/
   Motivo: as regras de 6 colunas e width:auto só estavam em body.post-type-archive-anime
=========================== */
body.tax-tag_anime .grid-4{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px; /* menos espaçado */
}

/* Responsivo (mesma lógica do /anime/) */
@media (max-width: 1600px){
  body.tax-tag_anime .grid-4{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 1300px){
  body.tax-tag_anime .grid-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1050px){
  body.tax-tag_anime .grid-4{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px){
  body.tax-tag_anime .grid-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  body.tax-tag_anime .grid-4{ grid-template-columns: 1fr; }
}

/* remove largura fixa do carrossel (senão sobra “vazio” no grid) */
body.tax-tag_anime .ak-anime-tile{
  width: auto;
  min-width: 0;
  flex: initial;
  justify-self: stretch;
}
body.tax-tag_anime .ak-anime-thumb{ width: 100%; }

/* compacta o miolo do card (menos “buraco” embaixo) */
body.tax-tag_anime .ak-anime-info{ padding: 10px; }
body.tax-tag_anime .ak-streams{ margin-top: 6px; }

/* =========================================================
   HOME HERO — Ajustes de contraste e “dissolve” do fim do banner
   (pedido: suavizar linha de corte + topo menos escuro)
   ========================================================= */

/* topo menos escuro (hero principal) */
body.home .ak-hero-overlay,
body.front-page .ak-hero-overlay{
  background:
    radial-gradient(900px 520px at 18% 10%, rgba(0,0,0,.04), rgba(0,0,0,.46)),
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.58)) !important;
}

/* garante ordem das camadas */
body.home .ak-home-hero,
body.front-page .ak-home-hero{ position:relative; overflow:hidden; }
body.home .ak-hero-overlay,
body.front-page .ak-hero-overlay{ position:absolute; inset:0; z-index:1; }
body.home .ak-home-hero-inner,
body.front-page .ak-home-hero-inner{ position:relative; z-index:2; }

/* blur/fade no “final do banner” (esconde a linha cortada) */
body.home .ak-home-hero::before,
body.front-page .ak-home-hero::before{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-2px;
  height:170px;
  background: inherit;                 /* reaproveita a imagem do hero */
  background-size: cover;
  background-position: center bottom;
  filter: blur(14px) saturate(1.05);
  transform: scale(1.06);
  opacity: .95;
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  z-index:0;
}

/* um fade adicional por cima (mais “cinema” e ajuda a leitura) */
body.home .ak-home-hero::after,
body.front-page .ak-home-hero::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-1px;
  height:220px;
  background: linear-gradient(to top,
    rgba(5,5,6,.92) 0%,
    rgba(5,5,6,.55) 45%,
    rgba(5,5,6,0) 100%
  );
  pointer-events:none;
  z-index:1;
}

/* =========================================================
   HERO (card destaque) — menos “preto” no topo + fade/blur inferior
   ========================================================= */
.ak-spotlight-card{ position:relative; overflow:hidden; }

/* deixa o topo um pouco mais leve, mantendo legibilidade */
.ak-spotlight-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 420px at 15% 30%, rgba(0,0,0,.20), rgba(0,0,0,.78)),
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.86)) !important;
  z-index:1;
}

/* blur/fade no rodapé do card (remove “corte seco”) */
.ak-spotlight-card::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-2px;
  height:120px;
  background: inherit;                 /* reaproveita background do card */
  background-size: cover;
  background-position: center bottom;
  filter: blur(12px) saturate(1.05);
  transform: scale(1.06);
  opacity:.95;
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  pointer-events:none;
  z-index:0;
}

.ak-spotlight-inner{ position:relative; z-index:2; }

/* =========================================================
   LISTAS (bullets) — corrigir recuo/posição das “bolinhas”
   ========================================================= */
.entry-content ul,
.entry-content ol,
.ak-article-content ul,
.ak-article-content ol,
.single .post-content ul,
.single .post-content ol{
  padding-left: 1.35em !important;   /* empurra o marcador pra esquerda */
  margin-left: 0 !important;
}

.entry-content li,
.ak-article-content li,
.single .post-content li{
  margin-left: 0 !important;
}

/* garante que o marcador fique “fora” e alinhado certinho */
.entry-content ul,
.ak-article-content ul,
.single .post-content ul{
  list-style-position: outside !important;
}

/* evita que estilos globais transformem marcadores em “pontos soltos” */
.entry-content ul li::marker,
.entry-content ol li::marker,
.ak-article-content ul li::marker,
.ak-article-content ol li::marker,
.single .post-content ul li::marker,
.single .post-content ol li::marker{
  font-size: 1em;
}

/* se algum reset estiver zerando o padding do UL/OL, reforça recuo por item */
.entry-content ul li,
.ak-article-content ul li,
.single .post-content ul li{
  padding-left: .15em;
}

/* =========================================================
   SINGLE POST — TEXTO COLADO + IMAGENS FULL BLEED (v2)
   - Remove borda/“card” do corpo do post
   - Texto mais colado nas laterais (tipo Facebook)
   - Imagens sem borda e ocupando a tela toda no mobile
========================================================= */

body.single-post .ak-content.ak-card{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Texto mais “colado” (sem parecer apertado) */
body.single-post .ak-prose{
  padding: 0 16px 18px !important; /* desktop/tablet */
}
@media (max-width: 560px){
  body.single-post .ak-prose{
    padding: 0 10px 16px !important; /* mobile */
  }
}

/* Remove borda/raio das imagens do conteúdo */
body.single-post .ak-prose img{
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Imagem encostando na tela (full-bleed) no mobile */
@media (max-width: 560px){

  /* bloco do Gutenberg */
  body.single-post .ak-prose figure,
  body.single-post .ak-prose .wp-block-image,
  body.single-post .ak-prose figure.wp-block-image,
  body.single-post .ak-prose figure.alignwide,
  body.single-post .ak-prose figure.alignfull{
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  body.single-post .ak-prose figure img,
  body.single-post .ak-prose .wp-block-image img,
  body.single-post .ak-prose figure.wp-block-image img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* imagem “solta” (ex.: <p><img ...></p>) */
  body.single-post .ak-prose p > img,
  body.single-post .ak-prose > img{
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* legenda (figcaption) com respiro pra não colar no canto */
  body.single-post .ak-prose figcaption{
    padding: 8px 10px 0 !important;
    color: rgba(255,255,255,.68) !important;
    font-size: .92rem !important;
    line-height: 1.4 !important;
  }
}


/* Mobile: container do artigo mais "full" */
@media (max-width: 768px){
  body.single-post .container.ak-grid{
    width: 100% !important;
  }
}

/* Footer (tags/navegação) alinhado com o texto */
body.single-post .ak-footer{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
@media (max-width: 560px){
  body.single-post .ak-footer{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}



/* ===========================
   HEADER V2 + FOOTER V2
=========================== */
.yk-lock{ overflow:hidden; }
.yk-lock body{ overflow:hidden; }

.ak-topbar-v2{
  background: rgba(8,10,14,.55);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(16px);
}
.yk-hdr{
  display:flex;
  align-items:center;
  gap:16px;
  padding: 10px 0;
}
.yk-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width: 0;
  text-decoration:none;

  /* sem contorno */
  padding: 4px 0;
  border-radius: 0;
  background: transparent;
  border: none;
}

.yk-brand-logo{
  height: clamp(46px, 7vw, 76px);
  width: auto;
  max-width: clamp(150px, 34vw, 260px);
  display:block;
  object-fit: contain;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.yk-brand-text{ display:flex; flex-direction:column; line-height:1.1; }
.yk-brand-title{
  font-family: var(--font-title);
  font-weight: 800;
  letter-spacing: .2px;
  color: rgba(233,233,239,.96);
}
.yk-brand-sub{
  font-size: 12px;
  color: rgba(169,173,186,.85);
  margin-top: 2px;
}

.yk-nav{ flex:1; display:flex; justify-content:center; }
.yk-menu{
  list-style:none;
  display:flex;
  align-items:center;
  gap: 12px;
  margin:0;
  padding:0;
}
.yk-menu > li{ position:relative; }
.yk-menu a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  color: rgba(233,233,239,.86);
  text-decoration:none;
  border: 1px solid transparent;
}
.yk-menu a:hover{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: rgba(233,233,239,.96);
}
.yk-menu .current-menu-item > a,
.yk-menu .current_page_item > a{
  background: rgba(217,128,40,.12);
  border-color: rgba(217,128,40,.28);
  color: rgba(255,184,107,.95);
}

.yk-actions{
  display:flex;
  align-items:center;
  gap: 10px;
  justify-content:flex-end;
  min-width: 0;
  margin-left:auto;
}
.yk-icon{
  width: 38px; height: 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.88);
}
.yk-icon:hover{ background: rgba(255,255,255,.06); }

.yk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.92);
  text-decoration:none;
  font-weight: 700;
  letter-spacing: .1px;
}
.yk-btn:hover{ background: rgba(255,255,255,.06); }
.yk-btn-accent{
  background: linear-gradient(180deg, rgba(217,128,40,.95), rgba(217,128,40,.82));
  border-color: rgba(217,128,40,.45);
  color: #111;
}
.yk-btn-accent:hover{ filter: brightness(1.02); }

.yk-btn-ghost{
  background: rgba(255,255,255,.02);
}

.yk-burger{
  width: 40px; height: 40px;
  border-radius: 14px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  color: rgba(233,233,239,.9);
  display:none;
}
.yk-burger:hover{ background: rgba(255,255,255,.06); }

.yk-searchbar{
  padding: 8px 0 12px 0;
}
.yk-search{
  display:flex;
  gap:10px;
  align-items:center;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(18,20,32,.55);
  backdrop-filter: blur(14px);
  padding: 10px 12px;
}
.yk-search input{
  width: 100%;
  border:0;
  outline:0;
  background: transparent;
  color: rgba(233,233,239,.95);
  font-size: 14px;
}
.yk-search button{
  width: 40px; height: 40px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.9);
}
.yk-search button:hover{ background: rgba(255,255,255,.07); }

.yk-user{ position:relative; }
.yk-user-btn{
  height: 38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding: 0 10px 0 6px;
  border-radius: 14px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  color: rgba(233,233,239,.92);
}
.yk-user-btn:hover{ background: rgba(255,255,255,.06); }
.yk-avatar-img{
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.12);
}
.yk-user-name{
  max-width: 120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight: 700;
  font-size: 13px;
}
.yk-caret{ opacity:.8; }

.yk-user-dd{
  position:absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 190px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(12,14,20,.92);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 35px rgba(0,0,0,.55);
  padding: 8px;
  z-index: 90;
}
.yk-user-dd a{
  display:block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration:none;
  color: rgba(233,233,239,.9);
}
.yk-user-dd a:hover{ background: rgba(255,255,255,.06); }
.yk-dd-sep{ display:block; height:1px; background: rgba(255,255,255,.08); margin: 6px 2px; }

.yk-drawer{
  position: fixed;
  inset: 0;
  z-index: 120;
}
.yk-drawer-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background: rgba(0,0,0,.62);
}
.yk-drawer-panel{
  position:absolute;
  top:0;
  right:0;
  width: min(92vw, 390px);
  height: 100%;
  background: rgba(10,12,18,.95);
  border-left: 1px solid rgba(255,255,255,.10);
  box-shadow: -25px 0 45px rgba(0,0,0,.6);
  padding: 14px;
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.yk-drawer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}
.yk-drawer-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.yk-drawer-close{
  width: 40px; height: 40px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(233,233,239,.9);
}
.yk-search--drawer{ padding: 10px 10px; }

.yk-drawer-nav{ overflow:auto; }
.yk-drawer-menu{
  list-style:none;
  padding:0;
  margin: 4px 0 0 0;
  display:flex;
  flex-direction:column;
  gap: 6px;
}
.yk-drawer-menu a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 12px 12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  text-decoration:none;
  color: rgba(233,233,239,.92);
}
.yk-drawer-menu a:hover{ background: rgba(255,255,255,.05); }

.yk-drawer-cta{
  display:flex;
  gap:10px;
  margin-top:auto;
}
.yk-drawer-cta .yk-btn{ flex:1; }

.yk-drawer-foot{
  display:flex;
  gap: 8px;
  justify-content:center;
  align-items:center;
  padding-top: 6px;
  color: rgba(169,173,186,.85);
  font-size: 12px;
}
.yk-drawer-foot a{ color: rgba(233,233,239,.8); text-decoration:none; }
.yk-drawer-foot a:hover{ color: rgba(255,184,107,.95); }
.yk-dot{ opacity:.6; }

/* Responsive */
@media (max-width: 1200px){
  .yk-nav{ display:none; }
  .yk-burger{ display:inline-flex; align-items:center; justify-content:center; }
  .yk-actions{ min-width: auto; }
  .yk-user-name{ display:none; }
}

/* Footer V2 */
.ak-footer-v2{
  margin-top: 28px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: radial-gradient(1200px 420px at 20% -10%, rgba(217,128,40,.10), transparent 60%),
              radial-gradient(900px 420px at 85% -10%, rgba(255,184,107,.08), transparent 55%),
              rgba(8,10,14,.8);
}
.yk-foot-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 18px;
  padding: 18px 0 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.yk-foot-brand{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  max-width: 520px;
}
.yk-foot-logo{
  height: clamp(44px, 6.5vw, 72px);
  width: auto;
  max-width: clamp(140px, 30vw, 240px);
  display:block;
  object-fit: contain;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.yk-foot-name{
  font-family: var(--font-title);
  font-weight: 900;
  letter-spacing: .2px;
  color: rgba(233,233,239,.95);
}
.yk-foot-desc{
  margin-top: 6px;
  color: rgba(169,173,186,.88);
  font-size: 13px;
  line-height: 1.35;
}
.yk-foot-quick{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content:flex-end;
}
.yk-foot-chip{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(233,233,239,.85);
  text-decoration:none;
  font-weight: 700;
  font-size: 12px;
}
.yk-foot-chip:hover{ background: rgba(255,255,255,.06); }

.yk-foot-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  gap: 16px;
  padding: 16px 0;
}
.yk-foot-col{
  border:1px solid rgba(255,255,255,.07);
  background: rgba(18,20,32,.32);
  border-radius: 18px;
  padding: 14px;
}
.yk-foot-h{
  margin: 0 0 10px 0;
  font-size: 13px;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: rgba(233,233,239,.9);
}
.yk-foot-menu{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.yk-foot-menu a{
  color: rgba(233,233,239,.82);
  text-decoration:none;
}
.yk-foot-menu a:hover{ color: rgba(255,184,107,.95); }

.yk-foot-tags{
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.yk-tag{
  display:inline-flex;
  padding: 7px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(233,233,239,.8);
  text-decoration:none;
  font-size: 12px;
  font-weight: 700;
}
.yk-tag:hover{ background: rgba(217,128,40,.10); border-color: rgba(217,128,40,.25); color: rgba(255,184,107,.95); }

.yk-foot-list{
  margin:0;
  padding-left: 16px;
  color: rgba(233,233,239,.82);
}
.yk-foot-list a{ color: rgba(233,233,239,.82); text-decoration:none; }
.yk-foot-list a:hover{ color: rgba(255,184,107,.95); }

.yk-foot-note{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(169,173,186,.85);
}
.yk-foot-muted{ opacity: .9; }

.yk-foot-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 0 18px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
.yk-foot-copy{
  color: rgba(169,173,186,.9);
  font-size: 12px;
}
.yk-foot-legal-menu{
  list-style:none;
  display:flex;
  gap: 10px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.yk-foot-legal-menu a{
  color: rgba(233,233,239,.75);
  text-decoration:none;
  font-size: 12px;
}
.yk-foot-legal-menu a:hover{ color: rgba(255,184,107,.95); }

@media (max-width: 980px){
  .yk-foot-top{ flex-direction:column; }
  .yk-foot-quick{ justify-content:flex-start; }
  .yk-foot-grid{ grid-template-columns: 1fr; }
  .yk-foot-bottom{ flex-direction:column; align-items:flex-start; }
}


/* =========================
   HOME • HERO DE NOTÍCIAS
========================= */
.ak-home-hero-news{
  min-height:520px;
  border-radius:22px;
  overflow:hidden;
}

.ak-home-hero-news .ak-hero-overlay{
  background:
    radial-gradient(1200px 520px at 18% 20%, rgba(255,255,255,.08), rgba(0,0,0,0) 60%),
    linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.72) 100%);
}

.ak-news-hero-grid{
  display:grid;
  grid-template-columns: 1.55fr .95fr;
  gap:16px;
  align-items:stretch;
}

@media (max-width: 900px){
  .ak-news-hero-grid{
    grid-template-columns:1fr;
  }
}

.ak-news-feature{
  position:relative;
  padding:22px;
  min-height: 360px;
  background: rgba(10,12,16,.55);
  background-image: var(--ak-feature-bg, none);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow:hidden;
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
}

.ak-news-feature::before{
  content:"";
  position:absolute;
  inset:0;
  /* “sombra” escura atrás do texto + vinheta leve */
  background:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 55%, rgba(0,0,0,.28) 100%),
    radial-gradient(900px 420px at 18% 22%, rgba(255,255,255,.09), rgba(0,0,0,0) 62%);
  pointer-events:none;
  z-index:0;
}

.ak-news-feature::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.40) 100%);
  pointer-events:none;
  z-index:1;
  opacity:.65;
}

.ak-news-feature > *{
  position:relative;
  z-index:2;
}


.ak-news-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  text-shadow: 0 2px 14px rgba(0,0,0,.72);
}

.ak-pill-news{
  background: rgba(255,76,76,.14);
  border: 1px solid rgba(255,76,76,.28);
  color: rgba(255,255,255,.92);
}

.ak-news-hero-title{
  font-size: clamp(28px, 3vw, 44px);
  line-height:1.05;
  margin: 0 0 12px 0;
  letter-spacing: -.3px;
  text-shadow: 0 2px 18px rgba(0,0,0,.78);
}

.ak-news-hero-excerpt{
  font-size:15px;
  max-width: 62ch;
  margin: 0 0 18px 0;
  text-shadow: 0 2px 16px rgba(0,0,0,.72);
}

.ak-news-hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.ak-news-rail{
  padding:16px;
  background: rgba(10,12,16,.50);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ak-news-rail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.ak-news-rail-title{
  font-weight:800;
  letter-spacing:.2px;
}

.ak-news-rail-list{
  display:grid;
  gap:10px;
}

.ak-news-rail-item{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  text-decoration:none;
  color: inherit;
}

.ak-news-rail-item:hover{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.10);
}

.ak-news-rail-thumb{
  width:56px;
  height:56px;
  border-radius:12px;
  background: rgba(255,255,255,.08) center/cover no-repeat;
}

.ak-news-rail-body{
  min-width:0;
}

.ak-news-rail-name{
  font-weight:750;
  line-height:1.15;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.ak-news-rail-meta{
  display:block;
  font-size:12px;
  margin-top:6px;
  opacity:.9;
}

.ak-news-ticker{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:16px;
  background: rgba(10,12,16,.45);
  border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow:hidden;
}

.ak-news-ticker-label{
  font-weight:800;
  opacity:.95;
  white-space:nowrap;
}

.ak-news-ticker-links{
  display:flex;
  gap:14px;
  overflow:auto;
  scrollbar-width:none;
}

.ak-news-ticker-links::-webkit-scrollbar{
  display:none;
}

.ak-news-ticker-links a{
  color: rgba(255,255,255,.82);
  text-decoration:none;
  font-weight:650;
  font-size:13px;
  white-space:nowrap;
}

.ak-news-ticker-links a:hover{
  color: rgba(255,255,255,.96);
  text-decoration: underline;
}

/* =========================
   HOME: VEM AÍ (UPCOMING)
========================== */
.ak-up-tile{min-width:380px;max-width:420px;overflow:hidden;}
.ak-up-thumb{position:relative;display:block;width:100%;height:210px;background:#16161b center/cover no-repeat;border-radius:16px;border:0;padding:0;cursor:pointer;}
.ak-up-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;}
.ak-up-badge{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:.85rem;color:rgba(255,255,255,.85);}
.ak-up-title{font-weight:900;font-size:1.05rem;line-height:1.25;color:#fff;max-height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ak-up-titlelink{text-decoration:none;}
.ak-up-titlelink:hover{text-decoration:underline;}
.ak-up-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);font-size:20px;box-shadow:0 10px 30px rgba(0,0,0,.35);}
.ak-up-tile:hover .ak-up-play{background:rgba(0,0,0,.70);transform:translate(-50%,-50%) scale(1.04);}

@media (max-width: 820px){
  .ak-up-tile{min-width:300px;}
  .ak-up-thumb{height:180px;}
}

/* =========================
   HOME: TOP 10 (layout streaming)
========================== */
.ak-top10{padding:16px;}
.ak-top10-head{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px;}
.ak-top10-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;}
.ak-top10-feature{display:flex;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;min-height:140px;}
.ak-top10-feature:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);}
.ak-top10-poster{width:92px;min-width:92px;border-radius:14px;background:#16161b center/cover no-repeat;aspect-ratio:9/16;height:auto;}
.ak-top10-info{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ak-top10-rank{display:inline-flex;align-items:center;gap:6px;font-weight:1000;font-size:.92rem;color:rgba(255,255,255,.85);}
.ak-top10-title{font-weight:950;font-size:1.05rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ak-top10-meta{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ak-top10-score{display:flex;align-items:center;gap:6px;margin-top:auto;font-weight:900;}
.ak-top10-scorev{font-size:1.05rem;}

.ak-top10-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
.ak-top10-mini{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;}
.ak-top10-miniimg{aspect-ratio:9/16;height:auto;border-radius:16px;background:#16161b center/cover no-repeat;border:1px solid rgba(255,255,255,.08);}
.ak-top10-mini:hover .ak-top10-miniimg{border-color:rgba(255,255,255,.14);filter:brightness(1.03);}
.ak-top10-minititle{font-weight:850;font-size:.95rem;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

@media (max-width: 1024px){
  .ak-top10-featured{grid-template-columns:1fr;}
  .ak-top10-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media (max-width: 640px){
  .ak-top10-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ak-top10-miniimg{aspect-ratio:9/16;height:auto;}
}

/* =========================
   MODAL (home trailer)
========================== */
.ak-modal[hidden]{display:none !important;}
.ak-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;}
.ak-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);}
.ak-modal-dialog{position:relative;z-index:1;width:min(980px,100%);background:rgba(15,15,18,.96);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.55);overflow:hidden;}
.ak-modal-close{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#fff;font-size:22px;cursor:pointer;z-index:2;}
.ak-modal-close:hover{background:rgba(0,0,0,.50);}
.ak-modal-video{position:relative;width:100%;padding-top:56.25%;}
.ak-modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}


/* ===== Home v106: Top diário + Notícias (layout limpo) ===== */
.ak-topgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
@media (max-width: 1100px){.ak-topgrid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width: 840px){.ak-topgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 640px){
  .ak-topgrid{display:flex;gap:12px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory;}
  .ak-topgrid::-webkit-scrollbar{height:8px;}
  .ak-topcard{min-width:140px;scroll-snap-align:start;}
}

.ak-topcard{position:relative;border-radius:18px;overflow:hidden;min-height:220px;}
.ak-topcard-poster{position:absolute;inset:0;background-size:cover;background-position:center;}
.ak-topcard-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%, rgba(0,0,0,.78) 100%);}
.ak-topcard-rank{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);}
.ak-topcard-title{position:absolute;left:12px;right:12px;bottom:44px;font-weight:800;line-height:1.1;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ak-topcard-score{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;align-items:center;font-weight:700;font-size:.95rem;}
.ak-topcard-score .muted{font-weight:600;font-size:.9rem;}

.ak-newsgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
@media (max-width: 1100px){.ak-newsgrid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 840px){.ak-newsgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 520px){.ak-newsgrid{grid-template-columns:1fr;}}

.ak-news2{position:relative;overflow:hidden;border-radius:18px;min-height:210px;}
.ak-news2-thumb{position:absolute;inset:0;background-size:cover;background-position:center;}
.ak-news2-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%, rgba(0,0,0,.80) 100%);}
.ak-news2-rank{position:absolute;left:10px;top:10px;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);}
.ak-news2-title{position:absolute;left:12px;right:12px;bottom:34px;font-weight:850;line-height:1.15;font-size:1.05rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ak-news2-date{position:absolute;left:12px;bottom:12px;font-size:.95rem;}

.ak-up-thumblink{ text-decoration:none; }


/* ===== Home v108: Top 10 como posters (9:16) estilo streaming ===== */
.ak-topposters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
@media (max-width: 1100px){.ak-topposters{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width: 840px){.ak-topposters{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 640px){
  .ak-topposters{display:flex;gap:12px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory;}
  .ak-topposters::-webkit-scrollbar{height:8px;}
  .ak-poster-card{min-width:170px;scroll-snap-align:start;}
}

.ak-poster-card{display:block;text-decoration:none;color:inherit;}
.ak-poster-media{position:relative;display:block;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);aspect-ratio:9/16;background-size:cover;background-position:center;}
.ak-poster-media:hover{border-color:rgba(255,255,255,.14);transform:translateY(-1px);}
.ak-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 45%, rgba(0,0,0,.82) 100%);}
.ak-poster-title{position:absolute;left:12px;right:12px;bottom:12px;font-weight:850;line-height:1.12;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 6px 20px rgba(0,0,0,.65);}
.ak-poster-meta{display:block;margin-top:10px;font-size:.92rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ak-poster-cta{position:absolute;top:10px;right:10px;padding:8px 12px;border-radius:999px;font-weight:750;font-size:.92rem;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);opacity:1;transform:translateY(-2px);transition:opacity .18s ease, transform .18s ease;}
.ak-poster-card:hover .ak-poster-cta{opacity:1;transform:translateY(0);}



/* =========================
   Home — O que assistir (Da sua lista)
========================= */
.ak-watch-section{padding:22px 0 12px}
.ak-watch-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.ak-watch-h1{font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--ak-accent,#f6c000)}
.ak-watch-sub{display:inline-flex;align-items:center;gap:10px;margin-top:10px;color:#fff;text-decoration:none;font-weight:700}
.ak-watch-sub:hover{opacity:.9}
.ak-watch-bar{width:4px;height:18px;border-radius:99px;background:var(--ak-accent,#f6c000);display:inline-block}
.ak-watch-arrow{font-size:20px;opacity:.9}
.ak-watch-link{margin-top:6px;color:#66a6ff;text-decoration:none;font-weight:700;white-space:nowrap}
.ak-watch-link:hover{text-decoration:underline}

.ak-watch-row{display:flex;gap:14px;overflow:auto;padding:6px 2px 10px;scrollbar-width:thin}
.ak-watch-card{flex:0 0 auto;width:170px;text-decoration:none;color:#fff}
.ak-watch-poster{display:block;position:relative;width:100%;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.ak-watch-poster img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01)}
.ak-watch-title{display:block;margin-top:10px;font-weight:700;font-size:14px;line-height:1.2;max-height:2.4em;overflow:hidden}
.ak-watch-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.ak-watch-empty{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ak-watch-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:26px;font-weight:900;color:#fff}
.ak-watch-empty-text{max-width:560px;text-align:center}
.ak-watch-empty-text strong{display:block;font-size:18px;margin-bottom:4px}
.ak-watch-cta{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}

@media (max-width: 720px){
  .ak-watch-head{align-items:flex-start}
  .ak-watch-h1{font-size:28px}
  .ak-watch-link{font-size:13px}
  .ak-watch-card{width:140px}
  .ak-watch-empty{padding:22px 14px}
}

/* ===========================
   SINGLE ANIME — HERO "Adicionar à Lista" (ak2)
=========================== */

/* ===========================
   SINGLE ANIME — HERO CTA "Adicionar à Lista" (VNSP)
=========================== */
.ynk-addlist-hero{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  gap:12px;
  max-width:560px;
}

.ynk-kicker{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  margin-bottom:4px;
  position:relative;
  padding-left:12px;
}
.ynk-kicker::before{
  content:"";
  position:absolute;
  left:0; top:2px;
  width:4px;
  height:12px;
  border-radius:3px;
  background:rgba(217,128,40,.95);
}
.ynk-nextdate{
  font-weight:800;
  color:rgba(255,255,255,.92);
  font-size:16px;
}

.ynk-addlist-actions{
  display:grid;
  gap:10px;
}

.ynk-addlist-hero .ynk-addlist-cta.vnsp-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.28);
  background: linear-gradient(135deg, rgba(240,168,60,.98), rgba(217,128,40,.96));
  color:#1a0f06;
  cursor:pointer;
  box-shadow: 0 18px 44px rgba(255,140,36,.18);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.ynk-addlist-hero .ynk-addlist-cta.vnsp-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 24px 60px rgba(255,140,36,.22);
  filter: saturate(1.05);
}
.ynk-addlist-left{display:flex;align-items:center;gap:12px;min-width:0;}
.ynk-addlist-plus{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.14);
  border:1px solid rgba(0,0,0,.18);
  font-size:18px;
  font-weight:1000;
  flex:0 0 auto;
}
.ynk-addlist-text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.ynk-addlist-title{font-weight:1000;font-size:16px;letter-spacing:.01em;line-height:1.1;}
.ynk-addlist-sub{font-weight:750;font-size:12.5px;color:rgba(0,0,0,.70);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ynk-addlist-caret{opacity:.75;font-size:18px;font-weight:1000;flex:0 0 auto;}

.ynk-addlist-hero .ynk-watched-btn.vnsp-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  font-weight:900;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.ynk-addlist-hero .ynk-watched-btn.vnsp-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
.ynk-addlist-hero .ynk-watched-btn.vnsp-btn[data-active="1"]{
  background: rgba(217,128,40,.14);
  border-color: rgba(217,128,40,.32);
}

@media (max-width:720px){
  .ynk-addlist-hero{ max-width:none; }
  .ynk-addlist-hero .ynk-addlist-cta.vnsp-btn{ border-radius:16px; }
  .ynk-addlist-plus{ width:32px; height:32px; border-radius:12px; }
  .ynk-addlist-title{ font-size:15px; }
  .ynk-addlist-sub{ font-size:12px; }
}


.ak2-listbox{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 12px;
  max-width: 560px;
}

.ak2-kicker{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
  margin-bottom: 4px;
  position: relative;
  padding-left: 12px;
}
.ak2-kicker::before{
  content:"";
  position:absolute;
  left:0; top: 2px;
  width: 4px;
  height: 12px;
  border-radius: 3px;
  background: rgba(217,128,40,.95);
}

.ak2-next-date{
  font-weight: 700;
  color: rgba(255,255,255,.92);
  font-size: 16px;
}

.ak2-stream .ak2-provider{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(10,10,14,.72);
  border: 1px solid rgba(255,255,255,.10);
  text-decoration:none;
  color: rgba(255,255,255,.92);
  width: fit-content;
}
.ak2-provider-logo{
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .02em;
}
.ak2-season{
  font-size: 12px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.9);
}

.ak2-pref{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top: 8px;
  text-decoration:none;
  color: rgba(124,179,255,.92);
  font-weight: 650;
}
.ak2-pref:hover{ text-decoration: underline; }

.ak2-actions{
  display:grid;
  gap: 10px;
}

.ak2-addlist-btn{
  width: 100%;
  display:grid;
  grid-template-columns: 26px 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 10px;
  row-gap: 2px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.25);
  background: rgba(217,128,40,.96);
  color: #1a0f06;
  cursor:pointer;
  box-shadow: 0 18px 36px rgba(255,140,36,.18);
}

.ak2-addlist-btn .ak2-plus{
  grid-row: 1 / span 2;
  font-size: 18px;
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:center;
  width: 26px;
  height: 26px;
  border-radius: 10px;
  background: rgba(0,0,0,.10);
}

.ak2-addlist-main{
  font-weight: 900;
  font-size: 15px;
  line-height: 1.1;
}
.ak2-addlist-sub{
  grid-column: 2;
  font-size: 12px;
  opacity: .82;
  line-height: 1.2;
}
.ak2-caret{
  grid-row: 1 / span 2;
  font-size: 14px;
  opacity: .9;
}

.ak2-addlist-btn.has-any{
  filter: brightness(1.03);
}

.ak2-addlist-panel{
  border-radius: 16px;
  background: rgba(10,10,14,.82);
  border: 1px solid rgba(255,255,255,.10);
  padding: 12px;
}
.ak2-panel-title{
  font-weight: 800;
  color: rgba(255,255,255,.92);
  margin-bottom: 8px;
}
.ak2-lists{ display:grid; gap: 8px; }
.ak2-list-row{
  width: 100%;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.92);
  cursor:pointer;
  text-align:left;
}
.ak2-list-row:hover{ background: rgba(255,255,255,.06); }
.ak2-list-row.on{
  border-color: rgba(217,128,40,.55);
  background: rgba(217,128,40,.12);
}
.ak2-check{
  width: 18px; height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.18);
  position: relative;
  flex: 0 0 auto;
}
.ak2-list-row.on .ak2-check{
  border-color: rgba(217,128,40,.8);
  background: rgba(217,128,40,.25);
}
.ak2-list-row.on .ak2-check::after{
  content:"✓";
  position:absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 13px;
  font-weight: 900;
  color: rgba(255,255,255,.95);
}

.ak2-empty{
  color: rgba(255,255,255,.62);
  font-size: 13px;
  padding: 10px 8px;
}

.ak2-newlist{
  margin-top: 10px;
  display:flex;
  gap: 8px;
}
.ak2-newlist input{
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  color: rgba(255,255,255,.92);
  outline:none;
}
.ak2-newlist button{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
  cursor:pointer;
  font-weight: 800;
}
.ak2-newlist button:hover{ background: rgba(255,255,255,.14); }

.ak2-watched-btn{
  width: 100%;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  cursor:pointer;
}
.ak2-watched-btn:hover{ background: rgba(255,255,255,.08); }
.ak2-watched-btn.on{
  border-color: rgba(124,255,184,.28);
  background: rgba(124,255,184,.12);
}
.ak2-eye{ font-size: 16px; opacity: .9; }

.ak2-listbox.loading .ak2-addlist-btn,
.ak2-listbox.loading .ak2-watched-btn,
.ak2-listbox .busy{
  opacity: .75;
  pointer-events:none;
}

@media (max-width: 900px){
  .ak2-listbox{ max-width: none; }
}

/* ===========================
   LISTAS (Cards de catálogo)
   - Ativo quando body tem .ak-is-lista
=========================== */

.ak-is-lista .ak-listcards{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin: 18px 0 8px;
}

.ak-is-lista .ak-listcard{
  display:grid;
  grid-template-columns: 180px 1fr;
  gap:16px;
  padding:14px;
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.12);
  background: #000;
  box-shadow: none;
  position:relative;
  overflow:hidden;
}

.ak-is-lista .ak-listcard:before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(600px 180px at 0% 0%, rgba(var(--accent-rgb),.16), transparent 55%);
  opacity:.9;
  pointer-events:none;
}

/* fundo mais "clean": só borda (sem glow por trás) */
.ak-is-lista .ak-listcard:before{ display:none; }

.ak-is-lista .ak-listcard > *{ position:relative; }

.ak-is-lista .ak-listcard-media{ display:flex; }

.ak-is-lista .ak-listcard-cover{
  width:100%;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  position:relative;
  cursor: default;
}

.ak-is-lista .ak-listcard--poster .ak-listcard-cover,
.ak-is-lista .ak-listcard--placeholder .ak-listcard-cover{
  aspect-ratio: 2 / 3;
}

.ak-is-lista .ak-listcard--video .ak-listcard-cover{
  /* mantém padrão visual com o poster (evita desalinhamento) */
  aspect-ratio: 2 / 3;
}

.ak-is-lista .ak-listcard-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ak-is-lista .ak-listcard-cover[role="button"]{ cursor:pointer; }
.ak-is-lista .ak-listcard-cover[role="button"]:hover{ border-color: rgba(var(--accent-rgb),.35); }

.ak-is-lista .ak-listcard-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:54px;
  height:54px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  font-size: 18px;
  color: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
}

.ak-is-lista .ak-listcard-cover[role="button"]:hover .ak-listcard-play{
  transform: translate(-50%,-50%) scale(1.06);
  border-color: rgba(var(--accent-rgb),.45);
}

.ak-is-lista .ak-listcard-video-fallback{
  height:100%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(420px 220px at 30% 20%, rgba(var(--accent-rgb),.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.25));
  color: rgba(255,255,255,.9);
  font-weight:700;
}

.ak-is-lista .ak-listcard-placeholder-inner{
  height:100%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(420px 220px at 20% 20%, rgba(var(--accent-rgb),.20), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.25));
  color: rgba(255,255,255,.88);
  font-weight:700;
  letter-spacing:.02em;
}

.ak-is-lista .ak-listcard-body{ padding-top:2px; }

.ak-is-lista .ak-listcard-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.ak-is-lista .ak-listcard-num{
  min-width:34px;
  height:34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(var(--accent-rgb),.18);
  border:1px solid rgba(var(--accent-rgb),.28);
  color: #fff;
  font-weight:800;
}

.ak-is-lista .ak-listcard-title{
  margin:0;
  font-size: 1.25rem;
  line-height:1.2;
}

.ak-is-lista .ak-listcard-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin: 0 0 10px;
}

.ak-is-lista .ak-chip{
  display:inline-flex;
  gap:6px;
  align-items:baseline;
  padding:6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
  font-size:.85rem;
}

.ak-is-lista .ak-chip strong{
  color: rgba(255,255,255,.95);
  font-weight:700;
}

.ak-is-lista .ak-listcard-text p{ margin-bottom: 12px; }
.ak-is-lista .ak-listcard-text p:last-child{ margin-bottom: 0; }

@media (max-width: 820px){
  .ak-is-lista .ak-listcard{
    grid-template-columns: 1fr;
  }
  .ak-is-lista .ak-listcard-media{
    max-width: 380px;
  }
  /* no mobile: item sem pôster (apenas trailer) vira capa 16:9 e full width */
  .ak-is-lista .ak-listcard--video .ak-listcard-media{ max-width: none; width:100%; }
  .ak-is-lista .ak-listcard--video .ak-listcard-cover{ aspect-ratio: 16 / 9; width:100%; }
}

/* ===========================
   Modal de Trailer (Listas)
=========================== */

html.ak-modal-open{ overflow:hidden; }

.ak-video-modal{
  position:fixed;
  inset:0;
  z-index: 99999;
  display:none;
}

.ak-video-modal.is-open{ display:block; }

.ak-video-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(6px);
}

.ak-video-dialog{
  position: relative;
  width: min(980px, 92vw);
  margin: 7vh auto 0;
  border-radius: var(--radius2);
  border:1px solid rgba(255,255,255,.14);
  background: rgba(10,10,14,.65);
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
  overflow:hidden;
}

.ak-video-close{
  position:absolute;
  right:10px;
  top:10px;
  width:40px;
  height:40px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.35);
  color:#fff;
  font-size: 22px;
  cursor:pointer;
  z-index:2;
}

.ak-video-close:hover{ border-color: rgba(var(--accent-rgb),.40); }

.ak-video-frame{
  aspect-ratio: 16 / 9;
  width:100%;
  background: #000;
}

.ak-video-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

@media (max-width: 600px){
  .ak-video-dialog{ width: 96vw; margin-top: 12vh; }
}



/* =========================================================
   FIX MOBILE TORTO (posts) — evita 100vw/50vw no conteúdo
   Motivo: regras de "full-bleed" com 100vw podem causar
   overflow invisível -> texto/hero parecem "comidos" no mobile.
   Solução: bleed só até a borda do conteúdo (padding da .ak-prose)
========================================================= */

/* Quebra palavras/URLs gigantes pra não cortar texto */
body.single-post .ak-prose{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Código/tabelas não estourarem a largura */
body.single-post .ak-prose pre,
body.single-post .ak-prose code{
  max-width: 100%;
}
body.single-post .ak-prose pre{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body.single-post .ak-prose table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
}

/* Embeds (YouTube) responsivos e ocupando 100% do bloco */
body.single-post .ak-prose .wp-embed-responsive .wp-block-embed__wrapper{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}
body.single-post .ak-prose .wp-embed-responsive .wp-block-embed__wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* Fallback: iframe do YouTube sem wrapper */
body.single-post .ak-prose iframe[src*="youtube.com/embed"],
body.single-post .ak-prose iframe[src*="youtube-nocookie.com/embed"]{
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  display: block;
  border: 0;
}

/* Vídeo do Gutenberg */
body.single-post .ak-prose .wp-block-video video{
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Substitui o full-bleed 100vw por bleed "até a borda" do conteúdo */
@media (max-width: 560px){
  body.single-post .ak-prose figure,
  body.single-post .ak-prose .wp-block-image,
  body.single-post .ak-prose figure.wp-block-image,
  body.single-post .ak-prose figure.alignwide,
  body.single-post .ak-prose figure.alignfull,
  body.single-post .ak-prose .wp-block-embed,
  body.single-post .ak-prose .wp-block-embed.is-type-video,
  body.single-post .ak-prose .wp-block-embed-youtube,
  body.single-post .ak-prose .wp-block-video{
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
  }

  body.single-post .ak-prose p > img,
  body.single-post .ak-prose > img{
    display:block;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: none !important;
    height:auto !important;
  }
}

/* Tablet/desktop: se quiser bleed até a borda do conteúdo (18px) */
@media (min-width: 561px){
  body.single-post .ak-prose figure.alignwide,
  body.single-post .ak-prose figure.alignfull,
  body.single-post .ak-prose .wp-block-embed,
  body.single-post .ak-prose .wp-block-embed.is-type-video,
  body.single-post .ak-prose .wp-block-embed-youtube,
  body.single-post .ak-prose .wp-block-video{
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
  }
}



/* ===== Mobile drawer menu ===== */
.ak-noscroll{ overflow:hidden; }

.ak-mobile-drawer{
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

.ak-mobile-overlay{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .2s ease;
  background: rgba(0,0,0,.55);
}

.ak-mobile-panel{
  position: absolute;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(86vw, 360px);
  transform: translateX(110%);
  transition: transform .22s ease;
  background: #0b0b10;
  border-left: 1px solid rgba(255,255,255,.08);
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ak-mobile-drawer.is-open{ pointer-events: auto; }
.ak-mobile-drawer.is-open .ak-mobile-overlay{ opacity: 1; }
.ak-mobile-drawer.is-open .ak-mobile-panel{ transform: translateX(0); }

.ak-mobile-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.ak-mobile-close{
  background: transparent;
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  border-radius: 12px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.ak-mobile-panel .ak-mobile-menu{
  list-style:none;
  padding: 8px 0;
  margin: 0;
  display: grid;
  gap: 6px;
}

.ak-mobile-panel .ak-mobile-menu a{
  display:block;
  padding: 12px 12px;
  border-radius: 14px;
  color:#fff;
  text-decoration:none;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

.ak-mobile-panel .ak-mobile-menu a:hover{
  background: rgba(255,255,255,.10);
}

.ak-mobile-actions{
  margin-top: auto;
  display: grid;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Esconde menu desktop e mostra burger no mobile */
@media (max-width: 820px){
  .ak-topbar-nav{ display:none; }
  .ak-burger{ display:inline-flex; }
}
@media (min-width: 821px){
  .ak-burger{ display:none; }
}
/* ===========================
   FOOTER MINIMAL
=========================== */

.ak-footer-min{
  border-top: 1px solid rgba(255,255,255,.06);
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  padding: 18px 0;
  margin-top: 60px;
}

.ak-footer-inner{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
}

.ak-footer-name{
  font-weight: 900;
  letter-spacing: .3px;
  color: rgba(255,255,255,.92);
}

.ak-footer-links{
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  font-size: .85rem;
}

.ak-footer-links a{
  color: rgba(255,255,255,.65);
}
.ak-footer-links a:hover{
  color: var(--accent2);
}

.ak-footer-links .sep{
  opacity: .4;
}

.ak-footer-copy{
  font-size: .8rem;
  color: rgba(255,255,255,.45);
}


/* Onde assistir: aviso */
.ak-watch-disclaimer{
  margin-top: 6px;
  font-size: .82rem;
  line-height: 1.35;
  color: rgba(255,255,255,.55);
}