/*
Theme Name: Professor Porcino Plus
Theme URI: https://professorporcino.com.br
Author: Professor Porcino
Author URI: https://professorporcino.com.br
Description: Tema WordPress ultra moderno e tecnológico com design futurista, glassmorphism, animações 3D e efeitos de partículas. Perfeito para desenvolvedores, instrutores e profissionais de tecnologia.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: professor-porcino
Tags: blog, education, portfolio, one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, dark-theme, modern, futuristic
*/

/* ================================================
   PROFESSOR PORCINO - TEMA WORDPRESS
   CSS Futurista com Glassmorphism e Animações 3D
   ================================================ */

/* ===== VARIÁVEIS CSS ===== */
:root {
    /* Cores Principais */
    --primary: #ff6600;
    --primary-light: #ff8533;
    --primary-dark: #cc5200;
    --secondary: #00ccff;
    
    /* Cores Dark Theme */
    --dark: #0a0a0a;
    --dark-lighter: #121212;
    --dark-medium: #1a1a1a;
    --dark-card: rgba(26, 26, 26, 0.7);
    --dark-light: #2a2a2a;
    
    /* Cores de Texto */
    --light: #f0f0f0;
    --light-dark: #cccccc;
    --text-muted: #999999;
    
    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, #ff6600 0%, #ff8533 100%);
    --gradient-secondary: linear-gradient(135deg, #00ccff 0%, #0099cc 100%);
    --gradient-dark: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    
    /* Sombras */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(255, 102, 0, 0.5);
    --shadow-glow-strong: 0 0 40px rgba(255, 102, 0, 0.8);
    
    /* Transições */
    --transition-fast: all 0.3s ease;
    --transition-medium: all 0.5s ease;
    --transition-slow: all 0.8s ease;
    
    /* Z-Index */
    --z-particles: 0;
    --z-content: 1;
    --z-navbar: 1000;
    --z-loading: 9999;
}

/* ===== RESET E BASE ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    overflow-x: hidden;
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--dark);
    color: var(--light);
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
}

/* WordPress Core Styles */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    border-radius: 8px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    color: var(--light-dark);
}

/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* Sticky Post */
.sticky {
    position: relative;
}

.sticky::before {
    content: '📌';
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.5rem;
}

/* ===== WORDPRESS SPECIFIC ===== */
.wp-block-image {
    margin: 20px 0;
}

.wp-block-image img {
    border-radius: 10px;
}

.wp-block-quote {
    background: rgba(255, 102, 0, 0.1);
    border-left: 4px solid var(--primary);
    padding: 20px;
    margin: 30px 0;
    border-radius: 8px;
}

.wp-block-code {
    background: var(--dark-light);
    padding: 15px;
    border-radius: 8px;
    overflow-x: auto;
}

.wp-block-button__link {
    background: var(--gradient-primary);
    color: #fff;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    transition: var(--transition-fast);
}

.wp-block-button__link:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-glow);
}

/* ===== ADMIN BAR ADJUSTMENT ===== */
body.admin-bar .navbar {
    top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar .navbar {
        top: 46px;
    }
}

/* ===== COMMENTS ===== */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment-body {
    background: rgba(26, 26, 26, 0.6);
    backdrop-filter: blur(10px);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.comment-author img {
    border-radius: 50%;
    border: 2px solid var(--primary);
}

.comment-meta {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.comment-content {
    margin-top: 15px;
    line-height: 1.8;
}

.comment-reply-link {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(255, 102, 0, 0.1);
    color: var(--primary);
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.9rem;
    transition: var(--transition-fast);
}

.comment-reply-link:hover {
    background: var(--primary);
    color: #fff;
}

/* ===== WIDGETS ===== */
.widget {
    background: rgba(26, 26, 26, 0.6);
    backdrop-filter: blur(10px);
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.widget-title {
    color: var(--primary);
    margin-bottom: 20px;
    font-size: 1.3rem;
}

.widget ul {
    list-style: none;
    padding: 0;
}

.widget ul li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget ul li a {
    color: var(--light-dark);
    text-decoration: none;
    transition: var(--transition-fast);
}

.widget ul li a:hover {
    color: var(--primary);
    padding-left: 5px;
}

/* ===== PAGINATION ===== */
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 40px 0;
    flex-wrap: wrap;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 102, 0, 0.1);
    border: 1px solid rgba(255, 102, 0, 0.3);
    border-radius: 50%;
    color: var(--light);
    text-decoration: none;
    transition: var(--transition-fast);
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
    transform: translateY(-3px);
}

/* ===== NAVIGATION MENU ===== */
.navigation {
    margin: 40px 0;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.nav-previous a,
.nav-next a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background: rgba(255, 102, 0, 0.1);
    border: 1px solid rgba(255, 102, 0, 0.3);
    border-radius: 25px;
    color: var(--light);
    text-decoration: none;
    transition: var(--transition-fast);
}

.nav-previous a:hover,
.nav-next a:hover {
    background: var(--primary);
    border-color: var(--primary);
    transform: translateY(-3px);
}

/* ===== SEARCH FORM ===== */
.search-form {
    display: flex;
    gap: 10px;
}

.search-form .search-field {
    flex: 1;
    padding: 12px 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    color: var(--light);
    font-family: 'Poppins', sans-serif;
}

.search-form .search-field:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.1);
}

.search-form .search-submit {
    padding: 12px 24px;
    background: var(--gradient-primary);
    border: none;
    border-radius: 25px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition-fast);
}

.search-form .search-submit:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-glow);
}

/* ===== GUTENBERG EDITOR STYLES ===== */
.editor-styles-wrapper {
    background-color: var(--dark);
    color: var(--light);
}

.editor-styles-wrapper .wp-block {
    max-width: 800px;
}

/* ===== RESPONSIVE WORDPRESS ===== */
@media (max-width: 768px) {
    .wp-caption {
        max-width: 100%;
    }
    
    .comment-author {
        flex-direction: column;
        text-align: center;
    }
    
    .nav-links {
        flex-direction: column;
    }
}

/* ===== IMPORTAÇÃO DO CSS PRINCIPAL ===== */
/* O CSS principal do tema será carregado via wp_enqueue_style() no functions.php */