/*
Theme Name: AIMEK Sistemas
Theme URI: https://example.com/aimek
Author: AIMEK Sistemas
Author URI: https://example.com
Description: Tema WordPress moderno e leve para emissor de notas fiscais (B2B). Suporta Gutenberg, imagens destacadas, menus, widgets e overlay mobile vindo da direita.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: aimek-sistemas
Tags: custom-logo, custom-menu, accessibility-ready, block-styles, responsive-layout
*/

:root{
  --aimek-navy: #1F2A44;
  --aimek-green: #34A853;
  --aimek-neutral: #F5AF55;
  --aimek-white: #ffffff;
  --aimek-max-width: 1200px;
  --aimek-pad: 20px;
  --aimek-radius: 12px;
  --aimek-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

body {
  font-family: var(--aimek-font);
  color: var(--aimek-navy);
  margin:0;
  background: var(--aimek-white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{ color: var(--aimek-green); text-decoration: none; }
a:hover{ text-decoration: underline; }

.container{
  max-width: var(--aimek-max-width);
  margin: 0 auto;
  padding: 0 var(--aimek-pad);
}

/* Header */
.site-header{
  background: transparent;
  padding: 18px 0;
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.site-branding { display:flex; align-items:center; gap:14px; }
.site-logo img{ max-height:56px; }
.site-title{ font-weight:700; letter-spacing:1px; font-size:1.25rem; color:var(--aimek-navy); margin:0; }
.site-description{ margin:0; font-size:0.9rem; color: #556; }

/* Navigation */
.primary-navigation{ display:flex; gap:18px; align-items:center; }
.primary-navigation a{ color:var(--aimek-navy); font-weight:600; }

/* Mobile menu button */
.menu-toggle{
  display:none;
  background:none;
  border:0;
  font-size:1.1rem;
}

/* Overlay menu (from right) */
.overlay-menu{
  position: fixed;
  top:0;
  right: -100%;
  width: 85%;
  max-width: 360px;
  height:100%;
  background: var(--aimek-white);
  box-shadow: -12px 0 30px rgba(31,42,68,0.15);
  transition: right 0.32s ease;
  z-index: 9999;
  padding:28px;
}
.overlay-menu.open{ right:0; }
.overlay-close{ display:block; margin-left:auto; background:none; border:0; font-size:1.2rem; }

/* Hero */
.hero{
  display:flex;
  gap:40px;
  align-items:center;
  padding:60px 0;
}
.hero .hero-content{ flex:1; }
.hero .hero-cta{ margin-top:18px; display:flex; gap:12px; }
.btn{ padding:12px 18px; border-radius:10px; font-weight:600; border:0; cursor:pointer; }
.btn-primary{ background:var(--aimek-navy); color:var(--aimek-white); }
.btn-outline{ background:transparent; border:2px solid var(--aimek-navy); color:var(--aimek-navy); }

/* Sections */
.section{ padding:48px 0; }
.section .section-title{ font-size:1.6rem; font-weight:700; margin-bottom:18px; color:var(--aimek-navy); }

/* Simple responsive grid */
.grid{ display:grid; gap:20px; grid-template-columns: repeat(3, 1fr); }
@media (max-width:900px){ .grid{ grid-template-columns: repeat(2, 1fr);} .hero{flex-direction:column;}}
@media (max-width:600px){ .grid{ grid-template-columns:1fr;} .menu-toggle{ display:block; } .primary-navigation{ display:none; } }

/* Footer */
.site-footer{ background: #F7F7F8; padding:30px 0; margin-top:40px; color:#223; }

/* Small helpers */
.kicker{ font-weight:600; color:var(--aimek-green); display:inline-block; margin-bottom:8px; }

/* Performance: prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }
}

#post {
    margin-top: 110px;
    margin-bottom: 50px;
}
#post h1 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}
.post-body img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.post-item {
    float: left;
    border-bottom: 1px solid #3b5353;
    padding-bottom: 10px;
}
.post-title a {
    color: #000;
}
.post-item img {
    float: left;
    margin-right: 20px;
    width: 22%;
    height: auto;
}
.post-item h2 {
    font-size: 24px;
    font-weight: bold;
}
.post-item .btn {
    float: right;
    background: #34a853;
    border: 0;
}
.post-item .btn:hover {
    background: #3fcb64;
}
.post-meta {
    margin: 10px 0;
    width: 100%;
    float: left;
}
#sidebar h2 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
}
.wpsc-shortcode-container {
    background-color: #fff !important;
    color: #000 !important;
}
.wpsc-shortcode-container {
    background-color: #fff !important;
    border: none !important;
}
.wpsc-link {
    color: #34a853 !important;
}