/*
Theme Name: VazQViral Auto
Theme URI: https://vazqviral.xyz
Description: Skin de revista automotiva para o VazQViral, tema filho do neo-magazine. Header escuro, tags vermelhas, cards limpos, tipografia de leitura, sem breadcrumb, rodape escuro e bloco de anuncio de topo (slot #Content2). Nao altera anuncios existentes, menus ou widgets.
Author: VazQViral
Template: neo-magazine
Version: 1.0.9
Text Domain: vazqviral-auto
*/

/* =========================================================================
   VazQViral - Skin "Revista Automotiva" (estilo portal de carros)
   Tema base: neo-magazine (layout flex #primary 70% + #secondary 30%,
   grid nativo .blog-archive-layout.grid-layout.column-2).
   So aplica estilo: nao mexe em grid/larguras do tema nem esconde anuncios.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Oswald:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap');

:root{
  --vqv-red:#e10600;
  --vqv-red-dark:#b00500;
  --vqv-ink:#0d0d11;
  --vqv-graphite:#17181d;
  --vqv-bg:#eef0f2;
  --vqv-card:#ffffff;
  --vqv-text:#15171c;
  --vqv-muted:#6b7280;
  --vqv-line:#e6e7ea;
}

/* ---------- Base ---------- */
body{
  background:var(--vqv-bg) !important;
  color:var(--vqv-text);
  font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.7;
}
a{ color:var(--vqv-red); }
a:hover{ color:var(--vqv-red-dark); }

h1,h2,h3,h4,.entry-title,.site-title,.widget-title{
  font-family:'Archivo','Roboto',sans-serif;
  font-weight:800;
  letter-spacing:-.01em;
}

/* ---------- Seguranca de layout (nao deixar o main esmagar a sidebar) ---------- */
.neo-magazine-main-wrapper .neo-magazine-container-wrapper #primary{ min-width:0; }
.blog-archive-layout.grid-layout{ min-width:0; }
.blog-archive-layout.grid-layout > *{ min-width:0; }

/* ---------- Faixa vermelha no topo ---------- */
#masthead.site-header{
  background:var(--vqv-ink) !important;
  border-top:4px solid var(--vqv-red);
  box-shadow:0 2px 14px rgba(0,0,0,.18);
}
.neo-magazine-top-header-wrapper,
.neo-magazine-middle-header-wrapper,
.neo-magazine-bottom-header-wrapper{
  background:transparent !important;
}

/* ---------- Logo / titulo do site ---------- */
.site-title a{
  font-family:'Archivo',sans-serif !important;
  font-weight:900 !important;
  color:#fff !important;
  text-transform:uppercase;
  letter-spacing:.5px;
  font-size:34px;
}
.site-title a::first-letter{ color:var(--vqv-red); }
.site-description{ color:#b8bcc4 !important; }

/* ---------- Navegacao ---------- */
.neo-magazine-bottom-header-wrapper{
  border-top:1px solid rgba(255,255,255,.08);
}
.main-navigation ul{ background:transparent; }
.main-navigation a{
  color:#eceef2 !important;
  font-family:'Oswald','Archivo',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:15px;
  padding:16px 16px !important;
  position:relative;
  transition:color .18s ease;
}
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a{
  color:#fff !important;
}
.main-navigation > div > ul > li > a::after,
.main-navigation .navigation-area > ul > li > a::after{
  content:"";
  position:absolute; left:16px; right:16px; bottom:9px;
  height:3px; background:var(--vqv-red);
  transform:scaleX(0); transform-origin:left;
  transition:transform .2s ease;
}
.main-navigation > div > ul > li:hover > a::after,
.main-navigation .navigation-area > ul > li:hover > a::after,
.main-navigation .current-menu-item > a::after{ transform:scaleX(1); }

/* submenu (dropdown Montadoras) */
.main-navigation .sub-menu{
  background:var(--vqv-graphite) !important;
  border-top:3px solid var(--vqv-red);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  border-radius:0 0 8px 8px;
  padding:6px 0;
}
.main-navigation .sub-menu a{
  padding:11px 18px !important;
  text-transform:none;
  font-family:'Roboto',sans-serif;
  font-weight:500;
  letter-spacing:0;
  font-size:14.5px;
}
.main-navigation .sub-menu li:hover > a{ background:rgba(225,6,0,.14); }

/* busca no header (contraste no fundo escuro) */
#masthead .search-icon{ background:transparent !important; border:1px solid rgba(255,255,255,.28) !important; border-radius:8px !important; box-shadow:none !important; }
#masthead .search-icon, #masthead .search-icon i{ color:#fff !important; }
#masthead .search-icon:hover{ background:rgba(255,255,255,.14) !important; }
#masthead .search-form{ background:transparent !important; box-shadow:none !important; }
#masthead .search-field{ background:#1c1d22 !important; color:#fff !important; border:1px solid rgba(255,255,255,.22) !important; }
#masthead .search-field::placeholder{ color:#aab0b8 !important; }
#masthead .search-submit{ background:var(--vqv-red) !important; color:#fff !important; border:none !important; }

/* item de menu ativo: remover o highlight branco do tema (cobria o texto no header escuro) */
/* remove o highlight branco do tema em QUALQUER item do menu (ativo, hover, pai de dropdown) */
#masthead .main-navigation li a::before{ display:none !important; }
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current-menu-ancestor > a,
#masthead .main-navigation .menu-item-has-children:hover > a{ color:#fff !important; background:transparent !important; }

/* ---------- Bloco de anuncio de topo (entre header e conteudo) ---------- */
.vqv-ad-top{
  width:100%;
  max-width:970px;
  margin:16px auto;
  padding:0 12px;
  box-sizing:border-box;
  text-align:center;
}
.vqv-ad-top .vqv-ad-label{
  display:block;
  font-size:10px;
  color:#9aa0a8;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:6px;
  font-family:'Roboto',sans-serif;
}
.vqv-ad-top #Content2{
  width:100%;
  min-height:90px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:visible;
}
@media (max-width:768px){
  .vqv-ad-top #Content2{ min-height:100px; }
}

/* ---------- Cards de post (visual apenas, sem mexer no grid do tema) ---------- */
article.post{
  background:var(--vqv-card);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(15,18,25,.07);
  border:1px solid var(--vqv-line);
  transition:transform .18s ease, box-shadow .18s ease;
}
article.post:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(15,18,25,.14);
}
/* imagens de card SO no conteudo principal (nao afeta a sidebar) */
#primary .blog-post-image{ overflow:hidden; }
#primary .blog-post-image img{
  width:100%;
  max-width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
#primary article.post:hover .blog-post-image img{ transform:scale(1.05); }
.blog-post-detail{ padding:16px 18px 20px !important; }

/* widget de lista de posts na sidebar: miniatura pequena + titulo ao lado */
#secondary .widget{ padding:16px 14px; }
#secondary .list-post .blog-post-container.list-layout .blog-post-inner{
  display:flex !important; gap:10px; align-items:flex-start;
}
#secondary .list-post .blog-post-image{
  flex:0 0 82px !important; width:82px !important; margin:0 !important;
  overflow:hidden; border-radius:6px;
}
#secondary .list-post .blog-post-image img{
  width:82px !important; height:62px !important;
  aspect-ratio:auto !important; object-fit:cover !important; display:block;
}
#secondary .list-post .blog-post-detail{ flex:1 1 auto !important; min-width:0 !important; padding:0 !important; }
#secondary .list-post .entry-title{ font-size:14px !important; line-height:1.3 !important; margin:0 0 4px !important; }

/* tag de categoria (vermelha, estilo revista) */
.post-categories{ margin-bottom:10px; }
.post-categories a{
  display:inline-block !important;
  background:var(--vqv-red) !important;
  color:#fff !important;
  border:none !important;
  font-family:'Oswald',sans-serif;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.7px;
  font-size:11.5px;
  padding:4px 10px !important;
  border-radius:4px !important;
  line-height:1.4;
}
.post-categories a:hover{ background:var(--vqv-red-dark) !important; color:#fff !important; }

.entry-title{ line-height:1.28; margin:0 0 10px; }
.entry-title a{ color:var(--vqv-ink); }
.entry-title a:hover{ color:var(--vqv-red); }
.post-excerpt{ color:var(--vqv-muted); font-size:14.5px; }
.post-meta,.post-meta a{ color:#9aa0a8 !important; font-size:12.5px; }

/* ---------- Sidebar / widgets ---------- */
.widget-area .widget{
  background:var(--vqv-card);
  border:1px solid var(--vqv-line);
  border-radius:12px;
  padding:20px 20px;
  margin-bottom:24px;
}
.widget-title{
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--vqv-ink);
  border-left:5px solid var(--vqv-red);
  padding-left:10px;
  margin-bottom:16px;
}
.widget a{ color:var(--vqv-text); }
.widget a:hover{ color:var(--vqv-red); }
.widget li{ border-bottom:1px solid var(--vqv-line); padding:8px 0; }

/* ---------- Post individual (single) ---------- */
.single .entry-title,.single .post-title{
  font-size:38px !important;
  line-height:1.14;
  color:var(--vqv-ink) !important;
}
.single .entry-content{
  max-width:730px;
  font-size:17px;
  line-height:1.7;
  color:#26282e;
}
.single .entry-content p{ font-size:17px; line-height:1.7; margin:0 0 16px; }
.single .entry-content li{ font-size:17px; line-height:1.65; }
.single .entry-content blockquote{ font-size:17px; line-height:1.6; }
.single .entry-content h2{
  font-size:23px; margin:32px 0 12px;
  padding-bottom:8px; border-bottom:2px solid var(--vqv-line);
  color:var(--vqv-ink);
}
.single .entry-content h3{ font-size:18px; margin:24px 0 8px; color:var(--vqv-graphite); }
.single .entry-content a{ text-decoration:underline; }
.single .entry-content img,.single .wp-block-image img{ border-radius:12px; }
.single .entry-content ul li{ margin-bottom:8px; }

/* respiro do conteudo no single/pagina (o article e um card; dar padding lateral) */
.single article.post .breadcrumb-trail,
.single article.post .entry-header,
.single article.post .entry-meta,
.single article.post .entry-content,
.single article.post .entry-footer,
.page article.post .entry-header,
.page article.post .entry-content{ padding-left:36px; padding-right:36px; }
/* remove as migalhas de pao (breadcrumb) para nao deixar link colado no anuncio do topo */
.single .breadcrumb-trail,
.single .breadcrumbs,
.single nav[class*="breadcrumb"]{ display:none !important; }
.single article.post .entry-header{ padding-top:26px; }
.single article.post .entry-content{ padding-bottom:32px; }
.single article.post .post-thumbnail{ margin:22px 0 12px; }
.single .related-posts,
.single .comments-area{ padding-left:36px; padding-right:36px; padding-top:10px; }
@media (max-width:640px){
  .single article.post .breadcrumb-trail,
  .single article.post .entry-header,
  .single article.post .entry-meta,
  .single article.post .entry-content,
  .single article.post .entry-footer,
  .page article.post .entry-header,
  .page article.post .entry-content,
  .single .related-posts,
  .single .comments-area{ padding-left:18px; padding-right:18px; }
}

/* ---------- Botoes / paginacao ---------- */
.navigation.pagination a,.navigation.pagination span,
.wp-block-button__link,.more-link,button,input[type="submit"]{
  border-radius:8px !important;
}
.navigation.pagination .current,
.navigation.pagination a:hover{
  background:var(--vqv-red) !important;
  color:#fff !important;
  border-color:var(--vqv-red) !important;
}
.more-link,input[type="submit"]{
  background:var(--vqv-red) !important; color:#fff !important;
  border:none !important; font-family:'Oswald',sans-serif;
  text-transform:uppercase; letter-spacing:.5px;
}

/* ---------- Rodape escuro ---------- */
.site-footer{
  background:var(--vqv-ink) !important;
  color:#c4c8d0;
  border-top:4px solid var(--vqv-red);
}
.site-footer a{ color:#e7e9ee; }
.site-footer a:hover{ color:var(--vqv-red); }
.site-footer .widget-title{ color:#fff; border-left-color:var(--vqv-red); }
.site-footer .widget{ background:transparent; border:none; padding:0; }
.site-footer li{ border-bottom-color:rgba(255,255,255,.08); }

/* ---------- Responsivo ---------- */
@media (max-width:640px){
  .site-title a{ font-size:26px; }
  .single .entry-title,.single .post-title{ font-size:28px !important; }
}