/* ==========================================================
   SEM SOMBRA - regra da loja
   Nenhum botao, cartao ou input usa sombra.
   ========================================================== */

*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

.btn,
.btn-primary,
.btn-outline,
.btn-danger,
.btn-success,
.btn-ghost,
.admin-btn,
.admin-tab-btn,
.action-btn,
.btn-hero-primary,
.btn-hero-secondary,
.btn-add-cart,
.btn-quick-wa,
.tag-filter-btn,
.pay-badge,
.mobile-menu-toggle {
  box-shadow: none !important;
}

input,
select,
textarea,
.admin-input,
.admin-select,
.admin-textarea,
.admin-login-input,
.form-control,
.catalog-search-input,
.home-search-input {
  box-shadow: none !important;
}

.card,
.admin-card,
.admin-metric-card,
.admin-panel-section,
.admin-login-card,
.admin-login-back,
.product-card,
.service-box,
.promo-banner,
.footer-col,
.stat-card,
.cart-card,
.cart-items-card,
.cart-summary-card,
.checkout-card,
.order-review-card,
.catalog-controls,
.institutional-card,
.summary-card {
  box-shadow: none !important;
}

/* Borda no lugar da sombra - Flat design */
.admin-card,
.admin-metric-card,
.admin-login-card,
.admin-login-back,
.card,
.product-card {
  border: 1px solid var(--border-light, #e5ece5);
}

/* A borda escura que existia aqui (#1e3325) virava um quadro pesado em volta
   de cada bloco. Virou um verde bem claro: separa o cartao do fundo sem
   parecer borda preta. */

.admin-card,
.admin-metric-card {
  border-color: #d3ded5;
}

/* Foco visivel sem sombra: outline no lugar do box-shadow */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--verde-floresta, #206A0B);
  outline-offset: 2px;
}

/* Excecao: a busca do cabecalho tem a borda verde no proprio container. O
   input nao pode receber o outline global, senao vira uma segunda linha. */
.header-search-input,
.header-search-input:focus,
.header-search-input:focus-visible {
  outline: none;
  box-shadow: none;
  border: none;
}
