/* v3.6 - Espaçamento entre header do site e cabeçalho do plugin */
.single-post .wsp-pro-wrap{
    padding-top:35px !important;
}

.single-post .wsp-pro-hero{
    margin-top:0 !important;
}

@media(max-width:768px){
    .single-post .wsp-pro-wrap{
        padding-top:35px !important;
    }
}


/* v3.5 - Ajuste UOL/AMP: Arial, 18px, left, laterais menores e parágrafos mais próximos */

/* Cabeçalho do plugin em Arial */
.wsp-pro-wrap,
.wsp-pro-head,
.wsp-pro-category,
.wsp-pro-title,
.wsp-pro-meta,
.wsp-pro-share,
.wsp-share-btn{
    font-family:Arial, Helvetica, sans-serif !important;
}

/* Título um pouco menor e mais limpo */
.wsp-pro-title{
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:clamp(30px, 5vw, 48px) !important;
    line-height:1.12 !important;
    letter-spacing:-0.02em !important;
    text-align:left !important;
}

/* Categoria e metadados com Arial */
.wsp-pro-category{
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    line-height:1.3 !important;
    text-align:left !important;
}

.wsp-pro-meta,
.wsp-pro-meta span{
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    line-height:1.4 !important;
}

/* Conteúdo: Arial 18px, left, menos margem lateral e menos espaço entre parágrafos */
.wsp-pro-content{
    width:100% !important;
    max-width:720px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

.wsp-pro-content,
.wsp-pro-content p,
.wsp-pro-content li,
.wsp-pro-content span,
.wsp-pro-content div,
.wsp-pro-content blockquote{
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:18px !important;
    line-height:1.68 !important;
    color:#333333 !important;
    text-align:left !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
    hyphens:none !important;
    overflow-wrap:break-word !important;
}

/* Espaçamento entre parágrafos bastante menor */
.wsp-pro-content p{
    margin-top:0 !important;
    margin-bottom:0.78em !important;
}

/* Blocos de reação não devem criar buracos entre parágrafos */
.wsp-text-block{
    margin:0 !important;
    padding:0 !important;
}

.wsp-text-actions{
    margin:2px 0 8px 0 !important;
    padding:0 !important;
}

/* Caixa de comentário de trecho mais compacta */
.wsp-excerpt-comment-box{
    margin:4px 0 10px 0 !important;
}

/* Mobile: ocupa mais a tela, estilo portal/app */
@media(max-width:768px){
    .wsp-pro-content{
        max-width:100% !important;
        padding-left:8px !important;
        padding-right:8px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li,
    .wsp-pro-content span,
    .wsp-pro-content div,
    .wsp-pro-content blockquote{
        font-family:Arial, Helvetica, sans-serif !important;
        font-size:18px !important;
        line-height:1.66 !important;
        text-align:left !important;
    }

    .wsp-pro-content p{
        margin-bottom:0.72em !important;
    }

    .wsp-pro-title{
        text-align:center !important;
        font-size:32px !important;
    }

    .wsp-pro-category,
    .wsp-pro-meta{
        text-align:center !important;
        justify-content:center !important;
    }
}

@media(max-width:430px){
    .wsp-pro-content{
        padding-left:6px !important;
        padding-right:6px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li,
    .wsp-pro-content span,
    .wsp-pro-content div,
    .wsp-pro-content blockquote{
        font-size:18px !important;
        line-height:1.64 !important;
    }
}


/* v3.4 AMP Reading Refinement */

/* texto mais parecido com UOL/Medium */
.wsp-pro-content,
.wsp-pro-content p,
.wsp-pro-content li{
    font-size:20px !important;
    line-height:1.82 !important;
    text-align:left !important;
    color:#3f4652 !important;
}

/* reduz margens laterais exageradas */
.wsp-pro-content{
    max-width:100% !important;
    padding-left:14px !important;
    padding-right:14px !important;
}

/* celular */
@media(max-width:768px){
    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li{
        font-size:20px !important;
        line-height:1.8 !important;
    }

    .wsp-pro-content{
        padding-left:14px !important;
        padding-right:14px !important;
    }
}

/* remove fundo preto e foco indesejado */
.wsp-excerpt-react,
.wsp-excerpt-comment-toggle,
.wsp-excerpt-react:focus,
.wsp-excerpt-comment-toggle:focus,
.wsp-excerpt-react:active,
.wsp-excerpt-comment-toggle:active,
.wsp-excerpt-react:hover,
.wsp-excerpt-comment-toggle:hover{
    background:transparent !important;
    box-shadow:none !important;
    outline:none !important;
}

/* caixa de comentário clara */
.wsp-excerpt-comment-box,
.wsp-excerpt-comment-box textarea{
    background:#fafafa !important;
    color:#333 !important;
}

/* reações discretas */
.wsp-text-actions{
    margin:4px 0 12px 0 !important;
}


/* Widcyber v3.3 - leitura responsiva estilo app/AMP */

/* Container do texto mais confortável e fluido */
.wsp-pro-content{
    width:min(100%, 720px) !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:clamp(18px, 4vw, 34px) !important;
    padding-right:clamp(18px, 4vw, 34px) !important;
    box-sizing:border-box !important;
}

/* Texto com comportamento mais próximo de app de leitura */
.wsp-pro-content,
.wsp-pro-content p,
.wsp-pro-content li{
    font-family:"Varela Round", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size:clamp(16px, 2.9vw, 18px) !important;
    line-height:clamp(1.72, 2.2vw, 1.92) !important;
    color:#3f4652 !important;
    text-align:justify !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
    hyphens:auto !important;
}

/* Parágrafos com respiro de leitura, sem ficar largo demais */
.wsp-pro-content p{
    margin-top:0 !important;
    margin-bottom:clamp(1.15em, 2.8vw, 1.55em) !important;
}

/* Links dentro do texto */
.wsp-pro-content a{
    color:#c94a1b !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:3px !important;
}

/* Títulos internos fluídos */
.wsp-pro-content h2{
    font-size:clamp(22px, 4.6vw, 32px) !important;
    line-height:1.25 !important;
    margin-top:2.2em !important;
    margin-bottom:.8em !important;
}

.wsp-pro-content h3{
    font-size:clamp(19px, 4vw, 26px) !important;
    line-height:1.3 !important;
    margin-top:2em !important;
    margin-bottom:.7em !important;
}

/* Imagens e embeds responsivos dentro do conteúdo */
.wsp-pro-content img,
.wsp-pro-content video,
.wsp-pro-content iframe{
    max-width:100% !important;
    height:auto !important;
    border-radius:16px !important;
}

.wsp-pro-content iframe{
    width:100% !important;
    aspect-ratio:16/9;
}

/* Áudio/player mais limpo e adaptado ao celular */
.wsp-pro-content audio,
.wsp-pro-content .wp-audio-shortcode,
.wsp-pro-content .mejs-container{
    width:100% !important;
    max-width:100% !important;
    border-radius:14px !important;
    overflow:hidden !important;
}

/* Ajustes especiais para celular */
@media(max-width:768px){
    .wsp-pro-content{
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
        margin-top:44px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li{
        font-size:17px !important;
        line-height:1.82 !important;
        letter-spacing:.005em !important;
    }

    .wsp-pro-content p{
        margin-bottom:1.35em !important;
    }
}

/* Celulares pequenos: texto ocupa bem a tela, mas sem encostar nas bordas */
@media(max-width:430px){
    .wsp-pro-content{
        padding-left:17px !important;
        padding-right:17px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li{
        font-size:16.5px !important;
        line-height:1.78 !important;
    }
}

/* Telas grandes: evita linhas longas demais */
@media(min-width:1024px){
    .wsp-pro-content{
        max-width:700px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li{
        font-size:18px !important;
        line-height:1.9 !important;
    }
}


/* Widcyber v3.2 - reações abaixo do parágrafo alinhadas à esquerda */

.wsp-text-actions,
.wsp-pro-content .wsp-text-actions{
    justify-content:flex-start !important;
    text-align:left !important;
    gap:14px !important;
    margin:6px 0 14px 4px !important;
    padding:0 !important;
    width:100% !important;
}

.wsp-text-actions button,
.wsp-excerpt-react,
.wsp-excerpt-comment-toggle{
    font-size:11px !important;
    color:#6b7280 !important;
}

.wsp-text-actions + p,
.wsp-text-actions + .wsp-text-block{
    margin-top:0 !important;
}

@media(max-width:768px){
    .wsp-text-actions,
    .wsp-pro-content .wsp-text-actions{
        gap:12px !important;
        margin:5px 0 12px 2px !important;
    }
}


/* Widcyber v3.1 - reações de trecho ultra discretas sem afetar espaçamento dos parágrafos */

/* Mantém o espaçamento natural do texto principal */
.wsp-pro-content p{
    margin-bottom:1.35em !important;
}

/* O bloco do texto não interfere no ritmo dos parágrafos */
.wsp-text-block{
    margin:0 !important;
    padding:0 !important;
}

/* Remove totalmente cápsulas, bordas, fundo e espaço excessivo das reações por trecho */
.wsp-text-actions,
.wsp-pro-content .wsp-text-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    margin:-10px 0 18px 0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Força os botões de trecho a parecerem apenas texto/emoji */
.wsp-text-actions button,
.wsp-pro-content .wsp-text-actions button,
.wsp-text-actions .wsp-excerpt-react,
.wsp-text-actions .wsp-excerpt-comment-toggle,
button.wsp-excerpt-react,
button.wsp-excerpt-comment-toggle{
    all:unset !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    cursor:pointer !important;
    color:#6b7280 !important;
    font-family:"Varela Round", "Trebuchet MS", Arial, sans-serif !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    text-align:center !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}

.wsp-text-actions button span,
.wsp-pro-content .wsp-text-actions button span{
    color:#6b7280 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
}

/* Remove pseudo-elementos que possam estar desenhando bordas/cápsulas */
.wsp-text-actions button::before,
.wsp-text-actions button::after,
.wsp-excerpt-react::before,
.wsp-excerpt-react::after,
.wsp-excerpt-comment-toggle::before,
.wsp-excerpt-comment-toggle::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* Hover discreto */
.wsp-text-actions button:hover,
.wsp-text-actions button:hover span{
    color:#c94a1b !important;
    background:transparent !important;
}

/* A caixa de comentário de trecho continua compacta e só aparece quando aberta */
.wsp-excerpt-comment-box{
    max-width:520px !important;
    margin:4px auto 18px !important;
    padding:10px !important;
}

/* Mobile ainda mais compacto */
@media(max-width:768px){
    .wsp-text-actions,
    .wsp-pro-content .wsp-text-actions{
        gap:16px !important;
        margin:-8px 0 16px 0 !important;
    }
}


/* Widcyber v3.0 - respiro definitivo entre cabeçalho e conteúdo */

/* Menos espaço acima do cabeçalho do plugin */
.single-post .wsp-pro-wrap{
    padding-top:6px !important;
}

/* Espaço maior e mais elegante entre cabeçalho e conteúdo */
.wsp-pro-hero{
    margin-bottom:120px !important;
}

/* Conteúdo começa mais afastado */
.wsp-pro-content{
    margin-top:50px !important;
    padding-top:20px !important;
}

/* Player de áudio/vídeo com respiro profissional */
.wsp-pro-content audio,
.wsp-pro-content .wp-audio-shortcode,
.wsp-pro-content .mejs-container,
.wsp-pro-content .wp-video,
.wsp-pro-content video,
.wsp-pro-content iframe{
    margin-top:35px !important;
    margin-bottom:42px !important;
}

/* Remove separadores residuais do tema */
.single-post .entry-header,
.single-post .entry-header::before,
.single-post .entry-header::after,
.single-post .post-header,
.single-post .post-header::before,
.single-post .post-header::after,
.single-post .single-header,
.single-post .single-header::before,
.single-post .single-header::after,
.single-post .page-header,
.single-post .page-header::before,
.single-post .page-header::after,
.single-post article.post > header,
.single-post article.post > header::before,
.single-post article.post > header::after{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}

/* Mobile */
@media(max-width:768px){
    .wsp-pro-hero{
        margin-bottom:90px !important;
    }

    .wsp-pro-content{
        margin-top:38px !important;
        padding-top:16px !important;
    }

    .wsp-pro-content audio,
    .wsp-pro-content .wp-audio-shortcode,
    .wsp-pro-content .mejs-container,
    .wsp-pro-content .wp-video,
    .wsp-pro-content video,
    .wsp-pro-content iframe{
        margin-top:28px !important;
        margin-bottom:34px !important;
    }
}

@media(max-width:420px){
    .wsp-pro-hero{
        margin-bottom:84px !important;
    }

    .wsp-pro-content{
        margin-top:34px !important;
    }
}


/* Widcyber v2.9 - reações de trecho minimalistas */
.wsp-text-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:18px !important;
    margin-top:4px !important;
    margin-bottom:16px !important;
    padding:0 !important;
    line-height:1 !important;
}

.wsp-text-actions .wsp-excerpt-react,
.wsp-text-actions .wsp-excerpt-comment-toggle,
.wsp-text-actions button{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    color:#6b7280 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    cursor:pointer !important;
}

.wsp-text-actions .wsp-excerpt-react span,
.wsp-text-actions .wsp-excerpt-comment-toggle span{
    color:#6b7280 !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

.wsp-text-actions .wsp-excerpt-react:hover,
.wsp-text-actions .wsp-excerpt-comment-toggle:hover,
.wsp-text-actions .wsp-excerpt-react:hover span,
.wsp-text-actions .wsp-excerpt-comment-toggle:hover span{
    background:transparent !important;
    color:#c94a1b !important;
}

/* Caixa de comentário de trecho continua discreta */
.wsp-excerpt-comment-box{
    max-width:520px !important;
    margin:6px auto 18px !important;
    background:#fafafa !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:14px !important;
    padding:10px !important;
}

/* Ajuste fino para o fluxo de leitura */
.wsp-text-block{
    margin-bottom:1.15em !important;
}

.wsp-pro-content p{
    margin-bottom:1.35em !important;
}

@media(max-width:768px){
    .wsp-text-actions{
        gap:16px !important;
        margin-top:2px !important;
        margin-bottom:14px !important;
    }

    .wsp-text-actions .wsp-excerpt-react,
    .wsp-text-actions .wsp-excerpt-comment-toggle{
        font-size:12px !important;
    }
}


/* Widcyber v2.8 - refinamento de espaçamentos e leitura */

/* Reduz espaço que sobra entre header do site e cabeçalho do plugin */
.single-post .wsp-pro-wrap{
    padding-top:10px !important;
}

/* Remove separadores/linhas que podem sobrar do header do tema ativo */
.single-post .entry-header::before,
.single-post .entry-header::after,
.single-post .post-header::before,
.single-post .post-header::after,
.single-post .single-header::before,
.single-post .single-header::after,
.single-post .page-header::before,
.single-post .page-header::after,
.single-post article.post > header::before,
.single-post article.post > header::after,
.single-post .entry-meta::before,
.single-post .entry-meta::after,
.single-post .post-meta::before,
.single-post .post-meta::after,
.single-post .posted-on::before,
.single-post .posted-on::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* Cabeçalho do plugin mais próximo do topo e com respiro inferior maior */
.wsp-pro-hero{
    margin-top:0 !important;
    margin-bottom:78px !important;
}

/* Mais espaço entre cabeçalho e início do conteúdo quando não há navegação no topo */
.wsp-pro-content{
    margin-top:34px !important;
}

/* Categorias um pouco maiores e mais visíveis */
.wsp-pro-category{
    font-size:15px !important;
    line-height:1.35 !important;
    letter-spacing:.045em !important;
}

/* Título do post levemente menor */
.wsp-pro-title{
    font-size:clamp(30px,4.4vw,54px) !important;
    line-height:1.08 !important;
}

/* Padroniza tipografia do conteúdo do post */
.wsp-pro-content,
.wsp-pro-content p,
.wsp-pro-content li,
.wsp-pro-content blockquote,
.wsp-pro-content span,
.wsp-pro-content div{
    font-family:"Varela Round", "Trebuchet MS", Arial, sans-serif !important;
    font-size:16px !important;
    line-height:1.9 !important;
    color:#3f4652 !important;
    text-align:justify !important;
    letter-spacing:.01em !important;
}

/* Mantém títulos internos com hierarquia confortável */
.wsp-pro-content h1,
.wsp-pro-content h2,
.wsp-pro-content h3,
.wsp-pro-content h4{
    font-family:"Varela Round", "Trebuchet MS", Arial, sans-serif !important;
    color:#1f2937 !important;
    text-align:center !important;
    line-height:1.3 !important;
    letter-spacing:-.015em !important;
}

/* Espaçamento padrão entre parágrafos */
.wsp-pro-content p{
    margin-bottom:1.65em !important;
}

/* Conteúdo de imagem dentro do post com respiro */
.wsp-pro-content img{
    margin-top:18px !important;
    margin-bottom:28px !important;
}

/* Reações de trecho não devem grudar no texto */
.wsp-text-actions{
    margin-top:18px !important;
    margin-bottom:34px !important;
}

/* Mobile */
@media(max-width:768px){
    .single-post .wsp-pro-wrap{
        padding-top:8px !important;
    }

    .wsp-pro-hero{
        margin-bottom:66px !important;
    }

    .wsp-pro-content{
        margin-top:30px !important;
    }

    .wsp-pro-title{
        font-size:32px !important;
        line-height:1.12 !important;
    }

    .wsp-pro-category{
        font-size:14px !important;
    }

    .wsp-pro-content,
    .wsp-pro-content p,
    .wsp-pro-content li,
    .wsp-pro-content blockquote,
    .wsp-pro-content span,
    .wsp-pro-content div{
        font-size:16px !important;
        line-height:1.85 !important;
        text-align:justify !important;
    }
}

@media(max-width:420px){
    .wsp-pro-hero{
        margin-bottom:60px !important;
    }

    .wsp-pro-title{
        font-size:30px !important;
    }
}


/* Widcyber v2.7 - navegação movida para depois das reações */
.wsp-pro-nav-top{
    display:none !important;
}

.wsp-pro-nav-after-reactions{
    max-width:860px !important;
    margin:34px auto 0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
}

.wsp-pro-nav-after-reactions:empty{
    display:none !important;
}

.wsp-pro-nav-after-reactions + .wsp-comments-box{
    margin-top:34px !important;
}

/* Cards mais elegantes no fim da leitura */
.wsp-pro-nav-after-reactions .wsp-nav-card{
    min-height:88px !important;
    padding:13px !important;
}

.wsp-pro-nav-after-reactions .wsp-nav-card img{
    width:54px !important;
    height:76px !important;
    border-radius:12px !important;
}

@media(max-width:768px){
    .wsp-pro-nav-after-reactions{
        grid-template-columns:1fr !important;
        max-width:100% !important;
        margin-top:30px !important;
    }

    .wsp-pro-nav-after-reactions + .wsp-comments-box{
        margin-top:30px !important;
    }
}


/* Widcyber v2.6 - ajustes mobile e espaçamento */

/* Mais distância entre botões sociais e navegação */
.wsp-pro-hero{
    margin-bottom:64px !important;
}

.wsp-pro-nav-top{
    margin-top:0 !important;
    margin-bottom:48px !important;
}

/* Mantém botões sociais exatamente como estão: laranja escuro + texto branco */
.wsp-pro-share .wsp-share-btn,
.wsp-pro-share .wsp-share-btn:visited,
.wsp-pro-share a.wsp-share-btn,
.wsp-pro-share a.wsp-share-btn:visited,
.wsp-pro-share button.wsp-share-btn{
    background:#c94a1b !important;
    color:#ffffff !important;
}

/* Mobile: centralizar capa, categoria, título, metadados e botões */
@media(max-width:768px){
    .wsp-pro-hero{
        text-align:center !important;
        margin-bottom:58px !important;
        justify-items:center !important;
    }

    .wsp-pro-head{
        width:100% !important;
        text-align:center !important;
    }

    .wsp-pro-coverbox{
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .wsp-pro-category{
        text-align:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .wsp-pro-title{
        text-align:center !important;
    }

    .wsp-pro-meta{
        justify-content:center !important;
        text-align:center !important;
    }

    .wsp-pro-share{
        justify-content:center !important;
    }

    .wsp-pro-nav-top{
        margin-top:0 !important;
        margin-bottom:46px !important;
    }
}

@media(max-width:420px){
    .wsp-pro-hero{
        margin-bottom:54px !important;
    }

    .wsp-pro-share{
        gap:9px !important;
    }
}


/* Widcyber v2.5 - ajustes de acabamento */
.single-post .entry-date,
.single-post time.entry-date,
.single-post time.published,
.single-post time.updated,
.single-post .posted-on,
.single-post .post-date,
.single-post .meta-date,
.single-post .date,
.single-post .post-time,
.single-post .entry-meta time,
.single-post .post-meta time,
.single-post .elementor-post-info,
.single-post .elementor-icon-list-items.elementor-post-info{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
}

/* Garante que a data/hora do plugin continue aparecendo */
.single-post .wsp-pro-wrap .wsp-pro-meta,
.single-post .wsp-pro-wrap .wsp-pro-meta span{
    display:flex !important;
    visibility:visible !important;
    height:auto !important;
    max-height:none !important;
    opacity:1 !important;
}

/* Capa com cantos levemente arredondados */
.wsp-pro-cover,
.wsp-pro-coverbox img{
    border-radius:18px !important;
}

/* Mais respiro entre cabeçalho do plugin e navegação */
.wsp-pro-hero{
    margin-bottom:46px !important;
}

.wsp-pro-nav-top{
    margin-top:8px !important;
    margin-bottom:44px !important;
}

/* Barra de progresso de leitura fixa e discreta */
.wsp-reading-progress{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:5px;
    background:rgba(0,0,0,.08);
    z-index:999999;
    pointer-events:none;
}

.wsp-reading-progress span{
    display:block;
    width:0%;
    height:100%;
    background:#c94a1b;
    border-radius:0 999px 999px 0;
    transition:width .08s linear;
}

@media(max-width:768px){
    .wsp-pro-hero{
        margin-bottom:38px !important;
    }

    .wsp-pro-nav-top{
        margin-bottom:38px !important;
    }

    .wsp-reading-progress{
        height:4px;
    }
}


/* Widcyber: ocultação reforçada do cabeçalho/metadados/capa padrão do tema */
.single-post article > .entry-header,
.single-post article > header,
.single-post .entry-header,
.single-post .post-header,
.single-post .single-header,
.single-post .single-post-header,
.single-post .page-header,
.single-post .ast-single-post .entry-header,
.single-post .site-main > article > header.entry-header,
.single-post article.post > header.entry-header,
.single-post h1.entry-title,
.single-post .entry-title,
.single-post .post-title,
.single-post .entry-meta,
.single-post .post-meta,
.single-post .single-post-meta,
.single-post .byline,
.single-post .posted-on,
.single-post .cat-links,
.single-post .tags-links,
.single-post .author.vcard,
.single-post .post-thumbnail,
.single-post .entry-thumbnail,
.single-post .featured-image,
.single-post .single-featured-image,
.single-post .wp-post-image:not(.wsp-pro-cover):not(.wnp-featured img){
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
}

/* Mantém visíveis apenas os cabeçalhos, capas e metadados dos plugins Widcyber */
.single-post .wsp-pro-wrap,
.single-post .wsp-pro-wrap *,
.single-post .wnp-wrap,
.single-post .wnp-wrap *{
    visibility:visible;
    opacity:1;
}

.single-post .wsp-pro-wrap .wsp-pro-hero,
.single-post .wsp-pro-wrap .wsp-pro-coverbox,
.single-post .wsp-pro-wrap .wsp-pro-title,
.single-post .wsp-pro-wrap .wsp-pro-meta,
.single-post .wnp-wrap .wnp-header,
.single-post .wnp-wrap .wnp-title,
.single-post .wnp-wrap .wnp-byline,
.single-post .wnp-wrap .wnp-featured{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    max-height:none !important;
    margin-left:initial;
    margin-right:initial;
    padding:initial;
    overflow:visible !important;
    opacity:1 !important;
}

.single-post .wsp-pro-wrap .wsp-pro-hero{
    display:grid !important;
}

.single-post .wsp-pro-wrap .wsp-pro-coverbox{
    display:flex !important;
    height:400px !important;
}

.single-post .wsp-pro-wrap .wsp-pro-meta,
.single-post .wnp-wrap .wnp-byline{
    display:flex !important;
}


/* Widcyber Single Post Pro v2.2 - ajustes finais */
.single-post .entry-header,
.single-post .post-header,
.single-post .single-header,
.single-post .single-post-header,
.single-post .page-header,
.single-post .ast-single-post .entry-header,
.single-post .site-main > article > header.entry-header,
.single-post article.post > header.entry-header,
.single-post .elementor-widget-theme-post-title,
.single-post h1.entry-title{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

.single-post .wsp-pro-wrap .wsp-pro-hero{
    display:grid !important;
    visibility:visible !important;
    height:auto !important;
}
.single-post .wsp-pro-wrap .wsp-pro-coverbox{
    display:flex !important;
    visibility:visible !important;
    height:400px !important;
}
.single-post .wsp-pro-wrap .wsp-pro-title{
    display:block !important;
    visibility:visible !important;
    height:auto !important;
}

/* Botões de compartilhamento: laranja escuro + texto branco */
.wsp-pro-share .wsp-share-btn,
.wsp-pro-share .wsp-share-btn:visited,
.wsp-pro-share a.wsp-share-btn,
.wsp-pro-share a.wsp-share-btn:visited,
.wsp-pro-share button.wsp-share-btn{
    background:#c94a1b !important;
    color:#ffffff !important;
    border:0 !important;
    box-shadow:none !important;
}

.wsp-pro-share .wsp-share-btn:hover,
.wsp-pro-share a.wsp-share-btn:hover,
.wsp-pro-share button.wsp-share-btn:hover{
    background:#a83b14 !important;
    color:#ffffff !important;
}

/* Reações de trecho: texto preto, emoji visível, borda preta e sem fundo */
.wsp-text-actions button,
.wsp-text-actions button span,
.wsp-text-actions .wsp-excerpt-react,
.wsp-text-actions .wsp-excerpt-comment-toggle{
    color:#111111 !important;
}

.wsp-text-actions .wsp-excerpt-react,
.wsp-text-actions .wsp-excerpt-comment-toggle{
    background:transparent !important;
    border:2px solid #111111 !important;
    border-radius:999px !important;
    min-width:150px !important;
    padding:10px 18px !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
}

.wsp-text-actions .wsp-excerpt-react:hover,
.wsp-text-actions .wsp-excerpt-comment-toggle:hover{
    background:#111111 !important;
    color:#ffffff !important;
}

.wsp-text-actions .wsp-excerpt-react:hover span{
    color:#ffffff !important;
}

/* Reações finais: legíveis */
.wsp-post-react,
.wsp-post-react span{
    color:#111111 !important;
}
.wsp-post-react{
    background:#ffffff !important;
    border:1px solid #e2e2e2 !important;
}
.wsp-post-react:hover{
    background:#c94a1b !important;
    color:#ffffff !important;
}
.wsp-post-react:hover span{
    color:#ffffff !important;
}


/* Esconde cabeçalho padrão do single post do tema ativo para evitar duplicidade */
.single-post .entry-header,
.single-post .post-header,
.single-post .page-header,
.single-post .single-post-header,
.single-post .ast-single-post .entry-header,
.single-post .site-main > article > header.entry-header,
.single-post h1.entry-title{
    display:none !important;
}
.single-post .wsp-pro-hero h1,
.single-post .wsp-pro-wrap h1{
    display:block !important;
}

/* Widcyber Single Post Pro */
.wsp-pro-wrap{
    width:100%;
    max-width:1180px;
    margin:0 auto;
    padding:24px 18px 46px;
    color:#111827;
    font-family:inherit;
}
.wsp-pro-hero{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:34px;
    align-items:center;
    margin-bottom:28px;
    padding:28px;
    background:linear-gradient(135deg,#f5f5f5,#ffffff);
    border-radius:28px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}
.wsp-pro-coverbox{
    width:256px;
    height:400px;
    background:#eeeeee;
    border-radius:22px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 14px 40px rgba(0,0,0,.12);
}
.wsp-pro-cover{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.wsp-pro-category{
    display:inline-block;
    margin-bottom:14px;
    color:#555;
    font-size:13px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.wsp-pro-title{
    margin:0;
    color:#111827;
    font-size:clamp(34px,5vw,64px);
    line-height:1.02;
    letter-spacing:-.04em;
    font-weight:850;
}
.wsp-pro-meta{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
    color:#555;
    font-size:14px;
}
.wsp-pro-meta span:not(:last-child)::after{
    content:"•";
    margin-left:10px;
    color:#999;
}
.wsp-pro-share{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:24px;
}
.wsp-share-btn{
    border:0;
    text-decoration:none;
    cursor:pointer;
    border-radius:999px;
    padding:10px 15px;
    font-size:13px;
    font-weight:800;
    color:#fff;
    transition:.2s ease;
}
.wsp-share-btn:hover{
    transform:translateY(-1px);
    opacity:.9;
    color:#fff;
}
.wsp-whatsapp,
.wsp-facebook,
.wsp-x,
.wsp-copy{
    background:#c94a1b;
    color:#fff;
}

.wsp-pro-nav-top,
.wsp-pro-nav-bottom{
    max-width:860px;
    margin:0 auto 36px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.wsp-pro-nav-bottom{
    margin-top:44px;
}
.wsp-nav-card{
    display:flex;
    gap:14px;
    align-items:center;
    text-decoration:none;
    background:#f3f4f6;
    border:1px solid rgba(0,0,0,.06);
    border-radius:20px;
    padding:14px;
    color:#111827;
    transition:.2s ease;
    min-height:96px;
}
.wsp-nav-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    color:#111827;
}
.wsp-nav-card img{
    width:54px;
    height:74px;
    object-fit:cover;
    border-radius:10px;
    background:#e5e7eb;
    flex-shrink:0;
}
.wsp-nav-card span{
    display:block;
    color:#666;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:5px;
}
.wsp-nav-card strong{
    display:block;
    color:#111827;
    font-size:15px;
    line-height:1.25;
}
.wsp-nav-empty{
    opacity:.55;
}

.wsp-pro-content{
    max-width:760px;
    margin:0 auto;
    font-size:19px;
    line-height:1.86;
    color:#1f2937;
}
.wsp-pro-content p{
    margin:0 0 1.45em;
}
.wsp-pro-content img{
    max-width:100%;
    height:auto;
    border-radius:18px;
}
.wsp-pro-content h2,
.wsp-pro-content h3{
    line-height:1.25;
    margin-top:2em;
    color:#111827;
}
.wsp-text-block{
    position:relative;
    margin-bottom:1.35em;
}
.wsp-text-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:-8px 0 20px;
    opacity:.92;
}
.wsp-text-actions button{
    border:1.5px solid #111;
    cursor:pointer;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:800;
    background:transparent;
    color:#111;
}
.wsp-text-actions button:hover{
    background:#111;
    color:#fff;
}
.wsp-excerpt-comment-submit{
    border:0;
    cursor:pointer;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:800;
    background:#111;
    color:#fff;
}
.wsp-excerpt-comment-submit:hover{
    background:#333;
}
.wsp-excerpt-comment-box{
    display:none;
    background:#f9fafb;
    border:1px solid rgba(0,0,0,.07);
    border-radius:18px;
    padding:12px;
    margin:-8px 0 22px;
}
.wsp-excerpt-comment-box textarea{
    width:100%;
    min-height:86px;
    resize:vertical;
    border:1px solid rgba(0,0,0,.12);
    border-radius:14px;
    padding:12px;
    font-family:inherit;
    font-size:14px;
}
.wsp-excerpt-comment-box small{
    display:block;
    margin-top:8px;
    color:#555;
}

.wsp-final-reactions,
.wsp-comments-box,
.wsp-suggestions{
    max-width:860px;
    margin:48px auto 0;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:24px;
    padding:24px;
    box-shadow:0 12px 34px rgba(0,0,0,.04);
}
.wsp-final-reactions h3,
.wsp-comments-box h3,
.wsp-section-head h3{
    margin:0 0 16px;
    color:#111827;
    font-size:24px;
}
.wsp-reaction-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.wsp-post-react{
    border:0;
    cursor:pointer;
    background:#f3f4f6;
    color:#111827;
    border-radius:999px;
    padding:11px 15px;
    font-size:14px;
    font-weight:800;
}
.wsp-post-react:hover{
    background:#e5e7eb;
}

.wsp-carousel{
    display:flex;
    gap:16px;
    overflow-x:auto;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
}
.wsp-suggestion-card{
    width:138px;
    flex:0 0 138px;
    text-decoration:none;
    color:#111827;
    scroll-snap-align:start;
}
.wsp-suggestion-cover{
    width:138px;
    height:202px;
    background:#eeeeee;
    border-radius:16px;
    overflow:hidden;
    margin-bottom:10px;
}
.wsp-suggestion-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.wsp-suggestion-card strong{
    display:block;
    font-size:14px;
    line-height:1.25;
}

@media(max-width:768px){
    .wsp-pro-wrap{
        padding:14px 14px 36px;
    }
    .wsp-pro-hero{
        grid-template-columns:1fr;
        gap:22px;
        padding:18px;
        border-radius:22px;
        margin-bottom:24px;
    }
    .wsp-pro-coverbox{
        width:100%;
        max-width:256px;
        height:400px;
        margin:0 auto;
    }
    .wsp-pro-title{
        font-size:38px;
        letter-spacing:-.035em;
    }
    .wsp-pro-meta{
        font-size:13px;
    }
    .wsp-pro-content{
        font-size:18px;
        line-height:1.82;
        max-width:100%;
    }
    .wsp-pro-nav-top,
    .wsp-pro-nav-bottom{
        grid-template-columns:1fr;
        max-width:100%;
    }
    .wsp-final-reactions,
    .wsp-comments-box,
    .wsp-suggestions{
        padding:18px;
        border-radius:20px;
    }
}
@media(max-width:420px){
    .wsp-pro-title{font-size:32px;}
    .wsp-pro-content{font-size:17px;line-height:1.78;}
    .wsp-pro-coverbox{height:390px;}
    .wsp-share-btn{padding:9px 13px;}
}



/* v3.7 - Espaço real entre o menu/header do site e o card/capa do plugin.
   Fica no fim do CSS para vencer regras antigas com !important. */
body.single-post .wsp-single-wrap,
body.single-post .wsp-pro-wrap,
.single-post .wsp-single-wrap,
.single-post .wsp-pro-wrap{
    padding-top:70px !important;
}

body.single-post .wsp-hero,
body.single-post .wsp-pro-hero,
.single-post .wsp-hero,
.single-post .wsp-pro-hero{
    margin-top:0 !important;
}

/* Caso o tema esteja colando o conteúdo logo após o header */
.single-post main .wsp-pro-wrap:first-child,
.single-post .site-main .wsp-pro-wrap:first-child,
.single-post article .wsp-pro-wrap:first-child{
    margin-top:70px !important;
}

@media(max-width:768px){
    body.single-post .wsp-single-wrap,
    body.single-post .wsp-pro-wrap,
    .single-post .wsp-single-wrap,
    .single-post .wsp-pro-wrap{
        padding-top:55px !important;
    }

    .single-post main .wsp-pro-wrap:first-child,
    .single-post .site-main .wsp-pro-wrap:first-child,
    .single-post article .wsp-pro-wrap:first-child{
        margin-top:55px !important;
    }
}