/*
Theme Name: MaTSuBa Consultorias em TI
Theme URI: https://matsuba.com.br
Author: MaTSuBa
Author URI: https://matsuba.com.br
Description: Tema WordPress moderno e tecnológico, com visual Dark Mode, efeitos neon, tipografia futurista e layout 100% responsivo com Bootstrap 5. Otimizado para portais de tecnologia, blogs de programação e conteúdo tech.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 2.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jpfc-pro
Tags: dark-mode, technology, blog, bootstrap, responsive, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* =========================================
   RESET BÁSICO
   ========================================= */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* =========================================
   ESTILOS GLOBAIS (COMPLEMENTAM O CSS INLINE)
   ========================================= */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    transition: all 0.3s ease;
}

/* Remove sublinhado padrão de links */
a:hover, a:focus {
    text-decoration: none;
}

/* Acessibilidade: Foco visível para navegação por teclado */
a:focus, 
button:focus, 
input:focus, 
select:focus, 
textarea:focus {
    outline: 2px solid var(--tech-neon-cyan, #00f0ff);
    outline-offset: 2px;
}

/* =========================================
   MELHORIAS DE ACESSIBILIDADE
   ========================================= */
/* Pula para o conteúdo principal (skip link) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--tech-neon-cyan, #00f0ff);
    color: var(--tech-bg-dark, #05070a);
    padding: 8px 16px;
    z-index: 10000;
    font-weight: 700;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 0;
}

/* =========================================
   OCULTAR ELEMENTOS IMPRIMESSÃO
   ========================================= */
@media print {
    .tech-navbar,
    .tech-sidebar,
    .tech-footer,
    .tech-share-wrapper,
    .tech-pagination,
    .tech-post-nav {
        display: none !important;
    }
    
    body {
        background: #fff !important;
        color: #000 !important;
    }
    
    .tech-article,
    .tech-page-article {
        background: #fff !important;
        color: #000 !important;
        border: none !important;
        box-shadow: none !important;
    }
}

/* =========================================
   SCROLLBAR CUSTOMIZADA (WEBKIT)
   ========================================= */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0a0c10;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--tech-neon-cyan, #00f0ff), var(--tech-neon-purple, #b026ff));
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--tech-neon-cyan, #00f0ff);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--tech-neon-cyan, #00f0ff) #0a0c10;
}

/* =========================================
   SELEÇÃO DE TEXTO
   ========================================= */
::selection {
    background: var(--tech-neon-cyan, #00f0ff);
    color: var(--tech-bg-dark, #05070a);
}

::-moz-selection {
    background: var(--tech-neon-cyan, #00f0ff);
    color: var(--tech-bg-dark, #05070a);
}

/* =========================================
   ANIMAÇÕES SUAVES GLOBAIS
   ========================================= */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}