/*
Theme Name: Pixwell Child
Theme URI: https://themeforest.net/item/pixwell-modern-magazine-wordpress-theme/19457547
Template: pixwell
Author: Seu Nome
Author URI: https://seuwebsite.com
Description: Tema filho do Pixwell WordPress Theme com sistema de avaliação e posts relacionados
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pixwell
*/

/* Estilos personalizados para o tema filho */

/* Estilos para o rodapé - Comentados para evitar interferências */
/*
.pixwell-child-theme .footer-wrap {
    background-color: #222;
    color: #fff;
}

.pixwell-child-theme .footer-widget h4 {
    color: #fff;
}

.pixwell-child-theme .footer-widget ul li a {
    color: #bbb;
    text-decoration: none;
    transition: color 0.3s;
}

.pixwell-child-theme .footer-widget ul li a:hover {
    color: #fff;
}

.pixwell-child-theme .footer-bottom {
    color: #999;
    border-top: 1px solid #333;
}
*/


/* Melhorias de nitidez para imagens */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Especificamente para miniaturas de posts */
.post-thumbnail img,
.wp-post-image,
.attachment-thumbnail {
    image-rendering: auto;
    -webkit-filter: contrast(1.1) brightness(1.05);
    filter: contrast(1.1) brightness(1.05);
}

/* Melhoria para imagens em dispositivos de alta resolução */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img {
        image-rendering: auto;
        -webkit-filter: contrast(1.05);
        filter: contrast(1.05);
    }
}



/* Correção específica para o conflito entre índice sumário e imagem destacada */
/* Garantir que a imagem destacada não seja afetada pelo índice sumário */
.pix-single-featured,
.pix-featured-image,
.pix-post-featured,
.single-featured-image,
.pixwell-featured-image,
.post-featured-image,
.entry-featured-image,
.single-post .post-thumbnail,
.single .post-thumbnail,
.entry-header .post-thumbnail,
.featured-image {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Garantir que autor e ícones de compartilhamento não sejam sobrepostos */
.pix-post-meta,
.pix-author-info,
.pix-social-share,
.pix-share-buttons,
.pixwell-post-meta,
.pixwell-author,
.pixwell-share,
.post-meta,
.entry-meta,
.post-author,
.author-info,
.post-share,
.social-share,
.share-buttons {
    position: relative;
    z-index: 10;
    clear: both;
    margin: 15px 0;
}

/* Ajustes específicos para mobile - foco no conflito com índice sumário */
@media (max-width: 768px) {
    /* Garantir que a imagem destacada tenha posicionamento correto */
    .pix-single-featured,
    .pix-featured-image,
    .pix-post-featured,
    .single-featured-image,
    .pixwell-featured-image,
    .post-featured-image,
    .entry-featured-image,
    .single-post .post-thumbnail,
    .single .post-thumbnail,
    .entry-header .post-thumbnail,
    .featured-image {
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin-bottom: 30px;
        z-index: 1;
    }
    
    /* Garantir que o índice sumário não interfira com a imagem */
    #ruby-table-contents {
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        float: none !important;
        clear: both !important;
        margin: 30px 0 !important;
        z-index: 5;
    }
    
    /* Meta informações (autor, compartilhamento) */
    .pix-post-meta,
    .pix-author-info,
    .pix-social-share,
    .pix-share-buttons,
    .pixwell-post-meta,
    .pixwell-author,
    .pixwell-share,
    .post-meta,
    .entry-meta,
    .post-author,
    .author-info,
    .post-share,
    .social-share,
    .share-buttons {
        margin: 20px 0;
        padding: 10px 0;
        position: relative;
        z-index: 15;
        clear: both;
    }
    
    /* Imagens dentro dos containers */
    .pix-single-featured img,
    .pix-featured-image img,
    .pix-post-featured img,
    .single-featured-image img,
    .pixwell-featured-image img,
    .post-featured-image img,
    .entry-featured-image img,
    .post-thumbnail img,
    .featured-image img {
        position: static !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        z-index: 1;
    }
}

@media (max-width: 480px) {
    .pix-single-featured,
    .pix-featured-image,
    .pix-post-featured,
    .single-featured-image,
    .pixwell-featured-image,
    .post-featured-image,
    .entry-featured-image,
    .single-post .post-thumbnail,
    .single .post-thumbnail,
    .entry-header .post-thumbnail,
    .featured-image {
        margin-bottom: 40px;
    }
    
    #ruby-table-contents {
        margin: 40px 0 !important;
    }
    
    .pix-post-meta,
    .pix-author-info,
    .pix-social-share,
    .pix-share-buttons,
    .pixwell-post-meta,
    .pixwell-author,
    .pixwell-share,
    .post-meta,
    .entry-meta,
    .post-author,
    .author-info,
    .post-share,
    .social-share,
    .share-buttons {
        margin: 25px 0;
        padding: 15px 0;
    }
}



/* ========================================
   CORREÇÃO BREADCRUMB - PÁGINAS DE CATEGORIA
   ======================================== */

/* Correção específica para breadcrumb nas páginas de categoria */
/* Garantir que o breadcrumb apareça sempre acima dos outros elementos */
.category .pix-breadcrumb,
.category .breadcrumb,
.category .breadcrumbs,
.category .pix-breadcrumbs,
.category .pixwell-breadcrumb,
.category .pixwell-breadcrumbs,
.category .yoast-breadcrumb,
.category .rank-math-breadcrumb,
.category .navxt-breadcrumb,
.category .breadcrumb-trail,
.category .breadcrumb-navigation,
.category .breadcrumb-wrapper,
.category .breadcrumb-container,
.category .entry-breadcrumb,
.category .page-breadcrumb,
.category .site-breadcrumb {
    position: relative !important;
    z-index: 999 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 8px 15px !important;
    margin: 10px 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    clear: both !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Estilos específicos para o breadcrumb em si */
.category .pix-breadcrumb p,
.category .breadcrumb p,
.category .breadcrumbs p,
.category .pix-breadcrumbs p,
.category .pixwell-breadcrumb p,
.category .pixwell-breadcrumbs p,
.category .yoast-breadcrumb p,
.category .rank-math-breadcrumb p,
.category .navxt-breadcrumb p,
.category .breadcrumb-trail p,
.category .breadcrumb-navigation p,
.category .breadcrumb-wrapper p,
.category .breadcrumb-container p,
.category .entry-breadcrumb p,
.category .page-breadcrumb p,
.category .site-breadcrumb p {
    position: relative !important;
    z-index: 1000 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #666 !important;
}

/* Links dentro do breadcrumb */
.category .pix-breadcrumb a,
.category .breadcrumb a,
.category .breadcrumbs a,
.category .pix-breadcrumbs a,
.category .pixwell-breadcrumb a,
.category .pixwell-breadcrumbs a,
.category .yoast-breadcrumb a,
.category .rank-math-breadcrumb a,
.category .navxt-breadcrumb a,
.category .breadcrumb-trail a,
.category .breadcrumb-navigation a,
.category .breadcrumb-wrapper a,
.category .breadcrumb-container a,
.category .entry-breadcrumb a,
.category .page-breadcrumb a,
.category .site-breadcrumb a {
    color: #0073aa !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 1001 !important;
}

.category .pix-breadcrumb a:hover,
.category .breadcrumb a:hover,
.category .breadcrumbs a:hover,
.category .pix-breadcrumbs a:hover,
.category .pixwell-breadcrumb a:hover,
.category .pixwell-breadcrumbs a:hover,
.category .yoast-breadcrumb a:hover,
.category .rank-math-breadcrumb a:hover,
.category .navxt-breadcrumb a:hover,
.category .breadcrumb-trail a:hover,
.category .breadcrumb-navigation a:hover,
.category .breadcrumb-wrapper a:hover,
.category .breadcrumb-container a:hover,
.category .entry-breadcrumb a:hover,
.category .page-breadcrumb a:hover,
.category .site-breadcrumb a:hover {
    color: #005177 !important;
    text-decoration: underline !important;
}

/* Separadores do breadcrumb */
.category .pix-breadcrumb .separator,
.category .breadcrumb .separator,
.category .breadcrumbs .separator,
.category .pix-breadcrumbs .separator,
.category .pixwell-breadcrumb .separator,
.category .pixwell-breadcrumbs .separator,
.category .yoast-breadcrumb .separator,
.category .rank-math-breadcrumb .separator,
.category .navxt-breadcrumb .separator,
.category .breadcrumb-trail .separator,
.category .breadcrumb-navigation .separator,
.category .breadcrumb-wrapper .separator,
.category .breadcrumb-container .separator,
.category .entry-breadcrumb .separator,
.category .page-breadcrumb .separator,
.category .site-breadcrumb .separator {
    color: #999 !important;
    margin: 0 5px !important;
    position: relative !important;
    z-index: 1000 !important;
}

/* Item atual do breadcrumb */
.category .pix-breadcrumb .last,
.category .breadcrumb .last,
.category .breadcrumbs .last,
.category .pix-breadcrumbs .last,
.category .pixwell-breadcrumb .last,
.category .pixwell-breadcrumbs .last,
.category .yoast-breadcrumb .last,
.category .rank-math-breadcrumb .last,
.category .navxt-breadcrumb .last,
.category .breadcrumb-trail .last,
.category .breadcrumb-navigation .last,
.category .breadcrumb-wrapper .last,
.category .breadcrumb-container .last,
.category .entry-breadcrumb .last,
.category .page-breadcrumb .last,
.category .site-breadcrumb .last {
    color: #333 !important;
    font-weight: 500 !important;
    position: relative !important;
    z-index: 1000 !important;
}

/* Garantir que o título da categoria não sobreponha o breadcrumb */
.category .pix-page-header,
.category .page-header,
.category .category-header,
.category .archive-header,
.category .entry-header,
.category .pix-category-header,
.category .pixwell-category-header,
.category .category-title-wrapper,
.category .archive-title-wrapper {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 20px !important;
}

/* Título da categoria */
.category .pix-page-header h1,
.category .page-header h1,
.category .category-header h1,
.category .archive-header h1,
.category .entry-header h1,
.category .pix-category-header h1,
.category .pixwell-category-header h1,
.category .category-title,
.category .archive-title,
.category .page-title {
    position: relative !important;
    z-index: 2 !important;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
    .category .pix-breadcrumb,
    .category .breadcrumb,
    .category .breadcrumbs,
    .category .pix-breadcrumbs,
    .category .pixwell-breadcrumb,
    .category .pixwell-breadcrumbs,
    .category .yoast-breadcrumb,
    .category .rank-math-breadcrumb,
    .category .navxt-breadcrumb,
    .category .breadcrumb-trail,
    .category .breadcrumb-navigation,
    .category .breadcrumb-wrapper,
    .category .breadcrumb-container,
    .category .entry-breadcrumb,
    .category .page-breadcrumb,
    .category .site-breadcrumb {
        padding: 6px 12px !important;
        margin: 8px 0 !important;
        font-size: 13px !important;
    }
    
    .category .pix-breadcrumb p,
    .category .breadcrumb p,
    .category .breadcrumbs p,
    .category .pix-breadcrumbs p,
    .category .pixwell-breadcrumb p,
    .category .pixwell-breadcrumbs p,
    .category .yoast-breadcrumb p,
    .category .rank-math-breadcrumb p,
    .category .navxt-breadcrumb p,
    .category .breadcrumb-trail p,
    .category .breadcrumb-navigation p,
    .category .breadcrumb-wrapper p,
    .category .breadcrumb-container p,
    .category .entry-breadcrumb p,
    .category .page-breadcrumb p,
    .category .site-breadcrumb p {
        font-size: 13px !important;
    }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 480px) {
    .category .pix-breadcrumb,
    .category .breadcrumb,
    .category .breadcrumbs,
    .category .pix-breadcrumbs,
    .category .pixwell-breadcrumb,
    .category .pixwell-breadcrumbs,
    .category .yoast-breadcrumb,
    .category .rank-math-breadcrumb,
    .category .navxt-breadcrumb,
    .category .breadcrumb-trail,
    .category .breadcrumb-navigation,
    .category .breadcrumb-wrapper,
    .category .breadcrumb-container,
    .category .entry-breadcrumb,
    .category .page-breadcrumb,
    .category .site-breadcrumb {
        padding: 5px 10px !important;
        margin: 5px 0 !important;
        font-size: 12px !important;
    }
    
    .category .pix-breadcrumb p,
    .category .breadcrumb p,
    .category .breadcrumbs p,
    .category .pix-breadcrumbs p,
    .category .pixwell-breadcrumb p,
    .category .pixwell-breadcrumbs p,
    .category .yoast-breadcrumb p,
    .category .rank-math-breadcrumb p,
    .category .navxt-breadcrumb p,
    .category .breadcrumb-trail p,
    .category .breadcrumb-navigation p,
    .category .breadcrumb-wrapper p,
    .category .breadcrumb-container p,
    .category .entry-breadcrumb p,
    .category .page-breadcrumb p,
    .category .site-breadcrumb p {
        font-size: 12px !important;
    }
}

/* Correção adicional para garantir que nenhum elemento sobreponha o breadcrumb */
.category .pix-breadcrumb,
.category .breadcrumb,
.category .breadcrumbs,
.category .pix-breadcrumbs,
.category .pixwell-breadcrumb,
.category .pixwell-breadcrumbs,
.category .yoast-breadcrumb,
.category .rank-math-breadcrumb,
.category .navxt-breadcrumb,
.category .breadcrumb-trail,
.category .breadcrumb-navigation,
.category .breadcrumb-wrapper,
.category .breadcrumb-container,
.category .entry-breadcrumb,
.category .page-breadcrumb,
.category .site-breadcrumb {
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: transform !important;
}