/*
Theme Name: Tecnew Suprimentos
Theme URI: https://tecnewsuprimentos.com.br
Author: Tecnew Suprimentos
Author URI: https://tecnewsuprimentos.com.br
Description: Tema WordPress profissional para Tecnew Suprimentos com suporte completo a WooCommerce. Design moderno, otimizado para performance e SEO, desenvolvido para atender às necessidades de e-commerce e páginas institucionais.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tecnew
Domain Path: /languages
WooCommerce: Yes
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Tags: e-commerce, woocommerce, responsive-layout, custom-background, custom-logo, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, full-site-editing, block-patterns, style-variations

/*
 * IMPORTANTE: Este arquivo é servido no frontend quando SCRIPT_DEBUG está ativado;
 * na maioria dos casos, o arquivo style.min.css será servido. Não é recomendado
 * usar o Editor de Arquivos do Tema para modificar este stylesheet. Em vez disso,
 * adicione as substituições de estilo necessárias via "CSS Adicional" no Editor do Site.
 */

/* === CSS VARIABLES - DESIGN SYSTEM === */
:root {
  --tecnew-teal-dark: #015457;
  --tecnew-teal: #006C6F;
  --tecnew-teal-light: #017075;
  --tecnew-green: #00A67F;
  --tecnew-green-light: #00d4a0;
  --tecnew-gold: #E6D070;
  --tecnew-gold-light: #F0E4A0;
  --tecnew-dark: #0a1a1b;
  --tecnew-gray: #64748b;
  --tecnew-light: #f9fafb;
  --glass-bg: rgba(255, 255, 255, 0.95);
  --glass-border: rgba(255, 255, 255, 0.2);
  --shadow-soft: 0 4px 20px rgba(0, 166, 127, 0.1);
  --shadow-medium: 0 8px 30px rgba(0, 166, 127, 0.15);
  --shadow-strong: 0 15px 50px rgba(0, 166, 127, 0.2);
  --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

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

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: #ffffff;
  color: #1a1a1a;
  overflow-x: hidden;
  line-height: 1.6;
  width: 100%;
  max-width: 100%;
}

/* === CONTAINER PADRÃO === */
.container,
#topbar > div,
#header > div,
.newsletter-container,
.footer-contact-container,
.footer-grid,
.footer-bottom-container {
  max-width: 1168px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* === LINKS === */
a {
  color: var(--tecnew-green);
  text-decoration: none;
  transition: var(--transition-smooth);
}

a:hover {
  color: var(--tecnew-teal-dark);
  text-decoration: underline;
}

/* === BOTÕES === */
button,
.btn,
input[type="submit"],
input[type="button"] {
  background: var(--tecnew-green);
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: var(--transition-smooth);
  text-decoration: none;
  display: inline-block;
}

button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: var(--tecnew-teal-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-medium);
  text-decoration: none;
  color: #ffffff;
}

/* === FORMULÁRIOS === */
input,
textarea,
select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e5e7eb;
  border-radius: 6px;
  font-size: 16px;
  transition: var(--transition-smooth);
  background: #ffffff;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--tecnew-green);
  box-shadow: 0 0 0 3px rgba(0, 166, 127, 0.1);
}

/* === IMAGENS === */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* === RESPONSIVIDADE === */
@media (max-width: 768px) {
  .container,
  #topbar > div,
  #header > div,
  .newsletter-container,
  .footer-contact-container,
  .footer-grid,
  .footer-bottom-container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

/* === WOOCOMMERCE OVERRIDES === */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  background: var(--tecnew-light);
  border-left: 4px solid var(--tecnew-green);
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0 6px 6px 0;
}

.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before {
  color: var(--tecnew-green);
}

.woocommerce button.button,
.woocommerce a.button,
.woocommerce button.button.alt {
  background: var(--tecnew-green);
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-weight: 600;
  transition: var(--transition-smooth);
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover {
  background: var(--tecnew-teal-dark);
  color: #ffffff;
}

/* === ACESSIBILIDADE === */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Foco para navegação por teclado */
*:focus {
  outline: 2px solid var(--tecnew-green);
  outline-offset: 2px;
}

/* === SKIP LINKS === */
.skip-link {
  position: absolute;
  top: -40px;
  left: 6px;
  background: var(--tecnew-green);
  color: #ffffff;
  padding: 8px;
  text-decoration: none;
  border-radius: 0 0 6px 6px;
  z-index: 100000;
}

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