/*
Theme Name: Lumiq Theme
Theme URI: https://lumiq.com.br
Description: Tema puro de blocos para Lumiq — e-commerce de iluminação de design, segmento médio-alto. Full Site Editing, WooCommerce, tipografia Playfair Display + Inter, paleta Obsidiana/Ouro Velho/Marfim.
Author: Lumiq
Author URI: https://lumiq.com.br
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lumiq-theme
Tags: e-commerce, woocommerce, full-site-editing, block-theme, custom-colors, custom-fonts
*/

/* ==========================================================================
   Lumiq Theme — Estilos complementares
   Regras que theme.json não suporta: transições, animações, pseudo-elementos.
   Para cores, tipografia e spacing, usar SEMPRE theme.json.
   ========================================================================== */

/* --- Transições globais --- */

/* Botões: hover suave com micro-lift */
.wp-block-button__link {
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(184, 150, 90, 0.3);
}

/* Links de navegação: transição de cor */
.wp-block-navigation-item__content {
  transition: color 0.2s ease;
}

/* --- Teatro de Luz — Sombras dramáticas --- */

/* Cards de produto: sombra dramática no hover */
.wc-block-grid__product,
.wp-block-post {
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.wc-block-grid__product:hover,
.wp-block-post:hover {
  box-shadow: 0 8px 32px rgba(26, 26, 26, 0.15);
  transform: translateY(-2px);
}

/* Imagens de produto: transição suave no hover */
.wc-block-grid__product-image img {
  transition: transform 0.4s ease;
}

.wc-block-grid__product-image:hover img {
  transform: scale(1.03);
}

/* --- Focus states (acessibilidade) --- */

*:focus-visible {
  outline: 2px solid var(--wp--preset--color--ouro-velho);
  outline-offset: 2px;
}

/* --- Scrollbar customizada (Webkit) --- */

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--wp--preset--color--marfim);
}

::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--prata-fosca);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wp--preset--color--grafite);
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--wp--preset--color--prata-fosca) var(--wp--preset--color--marfim);
}