/*
Theme Name: Juquinha Fashion
Theme URI: https://juquinha.ia.br
Description: Tema elegante e sofisticado para a loja Juquinha Fashion - Dark + Gold
Author: Juquinha Fashion
Author URI: https://juquinha.ia.br
Template: astra
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: juquinha-fashion
*/

/* ==========================================================================
   VARIÁVEIS GLOBAIS
   ========================================================================== */

:root {
    --jf-preto-profundo: #2c2c2c;
    --jf-carvao: #3a3a3a;
    --jf-grafite: #4a4a4a;
    --jf-grafite-claro: #5a5a5a;
    --jf-dourado: #c9a96e;
    --jf-dourado-hover: #d4b87d;
    --jf-dourado-escuro: #a8893d;
    --jf-perola: #f5f0eb;
    --jf-areia: #b0a898;
    --jf-branco-quente: #faf8f5;
    --jf-erro: #e24b4a;
    --jf-sucesso: #5dca7a;
    --jf-transicao: 0.3s ease;
}

/* ==========================================================================
   BASE / CORPO DO SITE
   ========================================================================== */

body,
body.flavor-flavor {
    background-color: var(--jf-preto-profundo) !important;
    color: var(--jf-perola) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Links gerais */
a {
    color: var(--jf-dourado);
    transition: color var(--jf-transicao);
}

a:hover,
a:focus {
    color: var(--jf-dourado-hover);
}

/* Seleção de texto */
::selection {
    background-color: var(--jf-dourado);
    color: var(--jf-preto-profundo);
}

/* ==========================================================================
   TIPOGRAFIA
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    color: var(--jf-perola) !important;
    font-weight: 600;
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }

p, li, span, div {
    color: var(--jf-perola);
}

/* ==========================================================================
   CABEÇALHO / HEADER
   ========================================================================== */

.ast-primary-header,
.main-header-bar,
.ast-primary-header-bar,
header.site-header {
    background-color: var(--jf-carvao) !important;
    border-bottom: 1px solid var(--jf-grafite) !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

/* Logo / Nome do site */
.site-title a,
.ast-site-title-wrap a,
.site-branding a {
    color: var(--jf-dourado) !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.6rem !important;
    transition: color var(--jf-transicao);
}

.site-title a:hover {
    color: var(--jf-dourado-hover) !important;
}

/* Tagline */
.site-description {
    color: var(--jf-areia) !important;
    font-style: italic;
    letter-spacing: 0.5px;
}

/* Navegação principal */
.main-header-menu a,
.ast-header-break-point .main-navigation ul li a,
.main-header-bar .main-header-menu > .menu-item > a {
    color: var(--jf-perola) !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.85rem !important;
    transition: color var(--jf-transicao);
}

.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
    color: var(--jf-dourado) !important;
}

/* Submenu */
.main-header-menu .sub-menu,
.ast-desktop-popup-content,
.main-navigation .sub-menu {
    background-color: var(--jf-carvao) !important;
    border: 1px solid var(--jf-grafite) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.main-header-menu .sub-menu a {
    color: var(--jf-perola) !important;
}

.main-header-menu .sub-menu a:hover {
    color: var(--jf-dourado) !important;
    background-color: var(--jf-grafite) !important;
}

/* Menu mobile */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-header-content,
.ast-mobile-popup-content {
    background-color: var(--jf-carvao) !important;
}

.ast-mobile-popup-drawer .menu-item a {
    color: var(--jf-perola) !important;
    border-bottom-color: var(--jf-grafite) !important;
}

/* Ícone do carrinho no header */
.ast-cart-menu-wrap .count,
.ast-header-woo-cart .count {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    font-weight: 700;
}

/* ==========================================================================
   CONTEÚDO PRINCIPAL
   ========================================================================== */

.site-content,
#content,
.ast-container {
    background-color: var(--jf-preto-profundo);
}

.entry-content,
.page-content {
    color: var(--jf-perola);
}

/* Cards e blocos de conteúdo */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-comment-list li,
.ast-separate-container .ast-woocommerce-container,
.ast-article-post,
.ast-article-single,
article.post,
article.page,
.type-post,
.type-page {
    background-color: var(--jf-carvao) !important;
    border-radius: 12px;
    border: 1px solid var(--jf-grafite);
}

/* Fix post content text colors */
.entry-title,
.entry-title a,
.ast-article-post .entry-title a {
    color: var(--jf-perola) !important;
}

.entry-title a:hover {
    color: var(--jf-dourado) !important;
}

.entry-meta,
.entry-meta a,
.ast-blog-single-element.ast-taxonomy-container a,
.cat-links a {
    color: var(--jf-dourado) !important;
}

.entry-meta .posted-on,
.entry-meta .byline,
.entry-meta .posted-on a {
    color: var(--jf-areia) !important;
}

/* WooCommerce placeholder images - darken the light bg */
.woocommerce ul.products li.product .woocommerce-placeholder,
.woocommerce ul.products li.product img.wp-post-image {
    background-color: var(--jf-grafite) !important;
}

/* ==========================================================================
   BOTÕES GLOBAIS
   ========================================================================== */

.ast-button,
.button,
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
.elementor-button,
.ast-custom-button {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    border: 2px solid var(--jf-dourado) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    padding: 12px 28px !important;
    transition: all var(--jf-transicao) !important;
    cursor: pointer;
}

.ast-button:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: transparent !important;
    color: var(--jf-dourado) !important;
    border-color: var(--jf-dourado) !important;
}

/* Botão outline / secundário */
.ast-outline-button,
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--jf-dourado) !important;
    border: 2px solid var(--jf-dourado) !important;
}

.ast-outline-button:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
}

/* ==========================================================================
   FORMULÁRIOS
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
    background-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
    border: 1px solid var(--jf-grafite-claro) !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    transition: border-color var(--jf-transicao);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--jf-dourado) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201, 169, 110, 0.2) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--jf-areia) !important;
}

label {
    color: var(--jf-perola) !important;
    font-weight: 500;
}

/* ==========================================================================
   WOOCOMMERCE - LOJA / CATÁLOGO
   ========================================================================== */

/* Grid de produtos */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: var(--jf-carvao);
    border: 1px solid var(--jf-grafite);
    border-radius: 12px;
    overflow: hidden;
    transition: all var(--jf-transicao);
    padding-bottom: 16px !important;
}

.woocommerce ul.products li.product:hover {
    border-color: var(--jf-dourado);
    box-shadow: 0 8px 30px rgba(201, 169, 110, 0.1);
    transform: translateY(-4px);
}

/* Imagem do produto */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product a img {
    border-radius: 12px 12px 0 0;
    transition: transform 0.5s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.05);
}

/* Nome do produto na vitrine */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    color: var(--jf-perola) !important;
    font-size: 1rem !important;
    font-weight: 600;
    padding: 8px 16px 4px !important;
}

/* Preço na vitrine */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price span {
    color: var(--jf-dourado) !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 0 16px;
}

/* Preço antigo (riscado) */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del span {
    color: var(--jf-areia) !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}

/* Badge de promoção */
.woocommerce span.onsale {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    font-weight: 700;
    border-radius: 6px !important;
    padding: 4px 12px !important;
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
    min-height: auto !important;
    min-width: auto !important;
}

/* Botão adicionar ao carrinho na vitrine */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    border-radius: 6px !important;
    margin: 8px 16px 0 !important;
    width: calc(100% - 32px) !important;
    text-align: center;
    font-size: 0.8rem !important;
    padding: 10px 16px !important;
}

.woocommerce ul.products li.product .button:hover {
    background-color: var(--jf-dourado-hover) !important;
}

/* Estrelas de avaliação */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
    color: var(--jf-dourado) !important;
}

/* Contagem de resultados e ordenação */
.woocommerce-result-count,
.woocommerce-ordering select {
    color: var(--jf-areia) !important;
}

/* ==========================================================================
   WOOCOMMERCE - PÁGINA DO PRODUTO
   ========================================================================== */

/* Galeria de imagens */
.woocommerce div.product div.images {
    background-color: var(--jf-carvao);
    border-radius: 12px;
    overflow: hidden;
}

/* Título do produto */
.woocommerce div.product .product_title {
    color: var(--jf-perola) !important;
    font-size: 1.8rem !important;
    font-weight: 700;
}

/* Preço na página do produto */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .price .amount {
    color: var(--jf-dourado) !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

/* Descrição curta */
.woocommerce div.product .woocommerce-product-details__short-description {
    color: var(--jf-areia);
    line-height: 1.7;
    border-left: 3px solid var(--jf-dourado);
    padding-left: 16px;
    margin: 16px 0;
}

/* Seletor de quantidade */
.woocommerce .quantity .qty {
    background-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
    border: 1px solid var(--jf-grafite-claro) !important;
    border-radius: 6px !important;
    width: 70px;
    text-align: center;
}

/* Botão comprar na página do produto */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    font-size: 1rem !important;
    padding: 14px 36px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: var(--jf-dourado-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(201, 169, 110, 0.3);
}

/* SKU e categorias */
.woocommerce div.product .product_meta {
    color: var(--jf-areia) !important;
    border-top: 1px solid var(--jf-grafite);
    padding-top: 16px;
    margin-top: 16px;
}

.woocommerce div.product .product_meta a {
    color: var(--jf-dourado) !important;
}

/* Abas (descrição, avaliações, etc) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid var(--jf-grafite) !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom-color: var(--jf-grafite) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--jf-areia) !important;
    font-weight: 500;
    padding: 12px 20px !important;
    transition: color var(--jf-transicao);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--jf-dourado) !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid var(--jf-dourado) !important;
    margin-bottom: -2px !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    background-color: var(--jf-carvao) !important;
    border-radius: 0 0 12px 12px;
    padding: 24px !important;
}

/* Produtos relacionados */
.woocommerce .related > h2,
.woocommerce .upsells > h2 {
    color: var(--jf-perola) !important;
}

/* ==========================================================================
   WOOCOMMERCE - CARRINHO
   ========================================================================== */

.woocommerce-cart table.cart,
.woocommerce table.shop_table {
    background-color: var(--jf-carvao) !important;
    border: 1px solid var(--jf-grafite) !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.woocommerce table.shop_table th {
    background-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    border: none !important;
}

.woocommerce table.shop_table td {
    color: var(--jf-perola) !important;
    border-top: 1px solid var(--jf-grafite) !important;
}

.woocommerce table.shop_table td.product-name a {
    color: var(--jf-perola) !important;
    font-weight: 600;
}

.woocommerce table.shop_table td.product-name a:hover {
    color: var(--jf-dourado) !important;
}

/* Total do carrinho */
.woocommerce .cart-collaterals .cart_totals {
    background-color: var(--jf-carvao) !important;
    border: 1px solid var(--jf-grafite) !important;
    border-radius: 12px;
    padding: 20px !important;
}

.woocommerce .cart_totals h2 {
    color: var(--jf-perola) !important;
    font-size: 1.2rem !important;
    border-bottom: 1px solid var(--jf-grafite);
    padding-bottom: 12px;
}

/* Botão atualizar carrinho */
.woocommerce button[name="update_cart"] {
    background-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
    border-color: var(--jf-grafite-claro) !important;
}

/* Botão finalizar compra */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    font-size: 1rem !important;
    padding: 16px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--jf-dourado-hover) !important;
}

/* Cupom */
.woocommerce .coupon .input-text {
    background-color: var(--jf-grafite) !important;
    border-color: var(--jf-grafite-claro) !important;
    color: var(--jf-perola) !important;
}

/* Remover item */
.woocommerce a.remove {
    color: var(--jf-erro) !important;
}

/* ==========================================================================
   WOOCOMMERCE - CHECKOUT
   ========================================================================== */

.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-checkout-review-order {
    background-color: var(--jf-carvao);
    border: 1px solid var(--jf-grafite);
    border-radius: 12px;
    padding: 24px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    background-color: var(--jf-carvao) !important;
    border: 1px solid var(--jf-grafite) !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

/* Títulos das seções do checkout */
.woocommerce-checkout h3,
.woocommerce-checkout h3#order_review_heading {
    color: var(--jf-perola) !important;
    font-size: 1.2rem !important;
    border-bottom: 2px solid var(--jf-dourado);
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* Botão finalizar pedido */
.woocommerce #place_order {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    font-size: 1.1rem !important;
    padding: 16px 32px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    width: 100%;
    letter-spacing: 1px !important;
}

.woocommerce #place_order:hover {
    background-color: var(--jf-dourado-hover) !important;
    box-shadow: 0 4px 20px rgba(201, 169, 110, 0.3);
}

/* Mensagens do WooCommerce */
.woocommerce-message {
    background-color: var(--jf-carvao) !important;
    border-top-color: var(--jf-sucesso) !important;
    color: var(--jf-perola) !important;
}

.woocommerce-info {
    background-color: var(--jf-carvao) !important;
    border-top-color: var(--jf-dourado) !important;
    color: var(--jf-perola) !important;
}

.woocommerce-error {
    background-color: var(--jf-carvao) !important;
    border-top-color: var(--jf-erro) !important;
    color: var(--jf-perola) !important;
}

.woocommerce-message::before {
    color: var(--jf-sucesso) !important;
}

.woocommerce-info::before {
    color: var(--jf-dourado) !important;
}

.woocommerce-error::before {
    color: var(--jf-erro) !important;
}

/* ==========================================================================
   WOOCOMMERCE - MINHA CONTA
   ========================================================================== */

.woocommerce-MyAccount-navigation ul {
    background-color: var(--jf-carvao);
    border: 1px solid var(--jf-grafite);
    border-radius: 12px;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid var(--jf-grafite);
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
    color: var(--jf-perola) !important;
    padding: 12px 20px;
    display: block;
    transition: all var(--jf-transicao);
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: var(--jf-grafite);
    color: var(--jf-dourado) !important;
    border-left: 3px solid var(--jf-dourado);
}

/* ==========================================================================
   RODAPÉ / FOOTER
   ========================================================================== */

.site-footer,
.ast-footer-overlay,
footer.site-footer {
    background-color: var(--jf-carvao) !important;
    border-top: 1px solid var(--jf-grafite);
}

.site-footer .ast-small-footer {
    background-color: var(--jf-preto-profundo) !important;
    border-top: 1px solid var(--jf-grafite);
}

footer p,
footer a,
footer span,
footer div,
.site-footer * {
    color: var(--jf-areia) !important;
}

footer a:hover,
.site-footer a:hover {
    color: var(--jf-dourado) !important;
}

/* Widgets do footer */
.footer-widget-area .widget-title,
.site-footer .widget-title {
    color: var(--jf-perola) !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--jf-dourado);
}

/* ==========================================================================
   SIDEBAR / WIDGETS
   ========================================================================== */

.widget {
    background-color: var(--jf-carvao);
    border: 1px solid var(--jf-grafite);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.widget-title {
    color: var(--jf-perola) !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--jf-dourado);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.widget ul li a {
    color: var(--jf-areia) !important;
    transition: color var(--jf-transicao);
}

.widget ul li a:hover {
    color: var(--jf-dourado) !important;
}

/* Filtro de preço WooCommerce */
.woocommerce .widget_price_filter .ui-slider {
    background-color: var(--jf-grafite) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--jf-dourado) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: var(--jf-dourado) !important;
    border-color: var(--jf-dourado-escuro) !important;
}

/* ==========================================================================
   PAGINAÇÃO
   ========================================================================== */

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.ast-pagination a,
.page-numbers {
    color: var(--jf-perola) !important;
    background-color: var(--jf-grafite) !important;
    border-color: var(--jf-grafite-claro) !important;
    border-radius: 6px !important;
    transition: all var(--jf-transicao);
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.ast-pagination a:hover,
.page-numbers:hover {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    border-color: var(--jf-dourado) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.ast-pagination .page-numbers.current {
    background-color: var(--jf-dourado) !important;
    color: var(--jf-preto-profundo) !important;
    border-color: var(--jf-dourado) !important;
    font-weight: 700;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.woocommerce .woocommerce-breadcrumb,
.ast-breadcrumbs {
    color: var(--jf-areia) !important;
    font-size: 0.85rem;
}

.woocommerce .woocommerce-breadcrumb a,
.ast-breadcrumbs a {
    color: var(--jf-areia) !important;
}

.woocommerce .woocommerce-breadcrumb a:hover,
.ast-breadcrumbs a:hover {
    color: var(--jf-dourado) !important;
}

/* ==========================================================================
   BARRA DE BUSCA
   ========================================================================== */

.search-form .search-field {
    background-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
    border: 1px solid var(--jf-grafite-claro) !important;
    border-radius: 6px !important;
}

.search-form .search-field:focus {
    border-color: var(--jf-dourado) !important;
}

/* ==========================================================================
   MINI CARRINHO (DROPDOWN)
   ========================================================================== */

.ast-site-header-cart .widget_shopping_cart,
.woocommerce .widget_shopping_cart {
    background-color: var(--jf-carvao) !important;
    border: 1px solid var(--jf-grafite) !important;
    border-radius: 12px;
}

.woocommerce .widget_shopping_cart .cart_list li {
    border-bottom-color: var(--jf-grafite) !important;
}

.woocommerce .widget_shopping_cart .cart_list li a {
    color: var(--jf-perola) !important;
}

.woocommerce .widget_shopping_cart .total {
    border-top-color: var(--jf-grafite) !important;
    color: var(--jf-perola) !important;
}

.woocommerce .widget_shopping_cart .total .amount {
    color: var(--jf-dourado) !important;
}

/* ==========================================================================
   SCROLL BAR CUSTOMIZADA
   ========================================================================== */

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

::-webkit-scrollbar-track {
    background: var(--jf-preto-profundo);
}

::-webkit-scrollbar-thumb {
    background: var(--jf-grafite-claro);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--jf-dourado);
}

/* ==========================================================================
   ANIMAÇÕES E EFEITOS SUTIS
   ========================================================================== */

/* Fade in ao carregar */
@keyframes jf-fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.woocommerce ul.products li.product {
    animation: jf-fadeIn 0.5s ease forwards;
}

.woocommerce ul.products li.product:nth-child(2) { animation-delay: 0.1s; }
.woocommerce ul.products li.product:nth-child(3) { animation-delay: 0.2s; }
.woocommerce ul.products li.product:nth-child(4) { animation-delay: 0.3s; }

/* Transição suave em todos os elementos interativos */
a, button, input, .product, .widget {
    transition: all var(--jf-transicao);
}