/*
Theme Name: AppBrazil Elementor Child
Theme URI: https://www.appbrazil.com.br/
Description: Tema filho leve para Hello Elementor, preparado para a landing page AppBrazil Digital, WooCommerce e Elementor.
Author: AppBrazil
Author URI: https://www.appbrazil.com.br/
Template: hello-elementor
Version: 1.0.0
Text Domain: appbrazil-elementor-child
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --appbrazil-bg: #FFF4E5;
  --appbrazil-surface: #FFF9F0;
  --appbrazil-surface-strong: #FFECCF;
  --appbrazil-primary: #F2A300;
  --appbrazil-primary-dark: #C97E00;
  --appbrazil-border: #E9A41A;
  --appbrazil-text: #172033;
  --appbrazil-muted: #4C5568;
  --appbrazil-radius: 18px;
  --appbrazil-shadow: 0 16px 40px rgba(195, 119, 0, .10);
}

html { scroll-behavior: smooth; }
body {
  background: var(--appbrazil-bg);
  color: var(--appbrazil-text);
  font-family: "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

body, button, input, select, textarea { font-family: inherit; }
a { color: var(--appbrazil-primary-dark); }
a:hover { color: var(--appbrazil-primary); }

.elementor-kit-1,
.elementor-page,
.woocommerce-page {
  --e-global-color-primary: var(--appbrazil-primary);
  --e-global-color-text: var(--appbrazil-text);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--appbrazil-primary);
  color: #fff;
  border: 1px solid var(--appbrazil-border);
  border-radius: 12px;
  font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--appbrazil-primary-dark);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(242, 163, 0, .22);
}

.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce .cart_totals,
.woocommerce-checkout #payment,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce table.shop_table {
  background: rgba(255, 249, 240, .94);
  border: 1px solid var(--appbrazil-border);
  border-radius: var(--appbrazil-radius);
  box-shadow: var(--appbrazil-shadow);
}

.woocommerce form.checkout,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce .cart_totals,
.woocommerce-checkout #payment,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content { padding: 22px; }

.woocommerce table.shop_table { overflow: hidden; }
.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border: 1px solid #e5b65b;
  border-radius: 10px;
  background: #fffdf8;
  min-height: 44px;
}

.site-header, .site-footer { background: transparent; }

@media (max-width: 767px) {
  :root { --appbrazil-radius: 14px; }
  .woocommerce form.checkout,
  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce .cart_totals,
  .woocommerce-checkout #payment,
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content { padding: 16px; }
}
