/*
Theme Name: H2 Plásticos Standalone
Theme URI: https://www.h2plasticos.com.br/
Author: H2 Plásticos Engenharia Termoplástica
Author URI: https://www.h2plasticos.com.br/
Description: Tema oficial WordPress standalone, 100% autônomo, sem builders ou dependências pagas para o portal industrial da H2 Plásticos. Inclui Hero nativa com carrossel dinâmico, páginas de produtos de elastômeros, poliamidas, resinas circulares PCR e linha FIX de aditivos com dados estruturados para SEO e Descoberta de Agentes IA.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: h2plasticos
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
*/

/* WordPress core classes */
.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: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.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; }

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');

/* Typography Guarantee for H2 Plásticos Standalone */
body, p, li, .font-body, article, .post-excerpt {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .font-headline, #blog-hero h1, .hero-title {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.font-label, .badge-label, .cat-badge, button.font-label {
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ── Menu Fixo / Sticky Navigation ── */
html, body {
    overflow-x: clip !important;
}

#mainNav, nav.h2-sticky-nav {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
}

.admin-bar #mainNav,
.admin-bar nav.h2-sticky-nav {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar #mainNav,
    .admin-bar nav.h2-sticky-nav {
        top: 46px !important;
    }
}

/* ── Página de Leitura do Blog: Ocultar botão de amostra, manter apenas WhatsApp ── */
body.single #btnFloatingAmostra,
body.single-post #btnFloatingAmostra,
body[class*="blog-post"] #btnFloatingAmostra,
.single #btnFloatingAmostra,
.single-post #btnFloatingAmostra {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* ── H2 Plásticos Core Utility Fallbacks (Zero Dependency on JS) ── */
:root {
    --h2-primary: #005b8e;
    --h2-secondary: #00639b;
    --h2-sustainable: #42b05c;
    --h2-surface-dim: #f5f5f5;
    --h2-on-surface: #1a1a1a;
}
.bg-primary { background-color: #005b8e !important; }
.text-primary { color: #005b8e !important; }
.border-primary { border-color: #005b8e !important; }

.bg-secondary { background-color: #00639b !important; }
.text-secondary { color: #00639b !important; }
.border-secondary { border-color: #00639b !important; }

.bg-sustainable { background-color: #42b05c !important; }
.text-sustainable { color: #42b05c !important; }
.border-sustainable { border-color: #42b05c !important; }

.bg-surface-dim { background-color: #f5f5f5 !important; }

/* ── Blog & Typography Formatting (Prose & WordPress Gutenberg Blocks) ── */
.prose, .entry-content, article {
    color: #1f1f1f;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.prose p, .entry-content p, .wp-block-paragraph {
    margin-bottom: 1.5rem !important;
    line-height: 1.85 !important;
    font-size: 16px !important;
    color: #374151 !important;
}
.prose h1, .prose h2, .prose h3, .prose h4, .wp-block-heading, .blog-card h2, .blog-card h3 {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #111827 !important;
    letter-spacing: -0.02em !important;
}
.prose h2, .wp-block-heading {
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    margin-top: 2.25rem !important;
    margin-bottom: 0.85rem !important;
}
.prose h3 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    margin-top: 1.75rem !important;
    margin-bottom: 0.65rem !important;
}
.prose ul, .entry-content ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.prose ol, .entry-content ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.prose li, .entry-content li {
    margin-bottom: 0.5rem !important;
    line-height: 1.6 !important;
    color: #374151 !important;
}
.prose img, .wp-block-image img, figure.aligncenter img {
    border-radius: 0.25rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    max-width: 100% !important;
    height: auto !important;
}
.prose strong, .entry-content strong, .wp-block-paragraph strong {
    font-weight: 700 !important;
    color: #111827 !important;
}