/* === HOTFIX de acessibilidade do WP (evita "Skip to content/footer" visível) === */
.screen-reader-text,
.skip-link {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.screen-reader-text:focus,
.skip-link:focus {position:static;width:auto;height:auto;margin:0;padding:0;clip:auto}

/* === MOBILE-FIRST ULTRA LEVE (WooHoo + WooCommerce) ======================= */
:root{
  --brand:#6A0DAD; --brand-2:#9B30FF; --text:#111; --muted:#666; --soft:#F7F7F7;
  --r:12px; --accent-yellow:#FFD400; --yshadow:rgba(255,212,0,.35);
}

/* Reset enxuto + tipografia */
html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,*:before,*:after{box-sizing:inherit}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Ubuntu,Cantarell,sans-serif;color:var(--text);background:#fff;line-height:1.45;font-size:16px}
a{color:inherit;text-decoration:none}

/* Barra topo (se usada pelo tema) */
.site-header .announcement-bar,.header-topbar .announcement-bar,.woocommerce-store-notice{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;text-align:center;padding:8px 12px;font-weight:700
}

/* === LISTAGEM (grid tipo Shopify) ======================================== */
.woocommerce ul.products{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:start
}
.woocommerce ul.products li.product{border:1px solid #eee;background:#fff;border-radius:var(--r);overflow:hidden}
.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;line-height:1.35;min-height:40px;margin:10px 12px 6px}
.woocommerce ul.products li.product .price{margin:0 12px 12px;font-weight:800}
.woocommerce ul.products li.product .onsale{position:absolute;left:10px;top:10px;background:#111;color:#fff;padding:6px 10px;border-radius:10px;font-weight:700;z-index:2}

/* === BOTÕES GERAIS (roxo) ================================================= */
:where(.woocommerce) :where(a.button,button.button,input.button,#respond input#submit,.products li.product a.button,.add_to_cart_button,.single_add_to_cart_button,.woohoo-buy-now,.button.buy-now){
  background:var(--brand)!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:16px 18px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.3px
}
:where(.woocommerce) :where(a.button:hover,button.button:hover,input.button:hover,#respond input#submit:hover,.products li.product a.button:hover,.add_to_cart_button:hover,.single_add_to_cart_button:hover,.woohoo-buy-now:hover,.button.buy-now:hover){
  background:linear-gradient(45deg,var(--brand),var(--brand-2))!important
}
.single-product .single_add_to_cart_button:disabled,.single-product .single_add_to_cart_button.disabled{background:#b086d2!important;cursor:not-allowed}
.woocommerce a.added_to_cart{display:none}

/* === PÁGINA DE PRODUTO ==================================================== */
.single-product .product_title{font-size:24px;font-weight:800;margin:6px 0 8px}
.single-product :where(p.price,.price){font-size:20px;font-weight:800;color:var(--brand);margin:6px 0 14px}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{display:block;padding:0 0 8px;border:0}
.woocommerce div.product form.cart .variations select{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff}
.woocommerce .quantity .qty{width:92px;padding:10px 8px;border:1px solid #ddd;border-radius:10px;text-align:center}

/* "Escolher" grande + nossos botões */
.single-product form.cart{display:grid;grid-auto-flow:row;gap:10px}
.single-product form.cart .single_add_to_cart_button{
  font-size:16px;padding:16px 28px;border-radius:12px;min-height:52px;width:100%;display:inline-flex;align-items:center;justify-content:center
}
.jb-actions-under-add{display:grid;grid-template-columns:1fr;gap:8px}
#finalizar-pedido-btn{
  display:block;background:var(--accent-yellow);color:#111;font-weight:900;border-radius:12px;
  padding:14px 22px;text-align:center;width:100%;min-height:50px;border:0;box-shadow:0 6px 18px var(--yshadow)
}
#finalizar-pedido-btn:hover{background:#ffb300}
#escolher-mais-btn{
  display:block;background:#f2ecff;color:#2a145e;font-weight:800;border-radius:12px;
  padding:12px 18px;text-align:center;border:1px solid #e6dbff
}

/* Mensagem “adicionado ao carrinho” chamativa e central */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:#f6f0ff;border-left:6px solid var(--brand);color:#2a145e;font-weight:700;
  font-size:15px;padding:12px 14px;border-radius:10px;margin:12px 0;text-align:center
}
.jb-link-go-checkout{font-weight:900;border-bottom:2px solid currentColor}
.jb-link-go-cart{opacity:.9}

/* Tabs enxutas */
.woocommerce-Tabs-panel{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}
.woocommerce-tabs ul.tabs{border:0}
.woocommerce-tabs ul.tabs li{border:0;background:var(--soft);border-radius:10px;margin-right:8px}
.woocommerce-tabs ul.tabs li a{padding:10px 14px;font-weight:600}

/* Esconde meta poluente */
.single-product .product_meta,.single-product .sku_wrapper,.single-product .posted_in,.single-product .tagged_as,.single-product .product_id{display:none!important}

/* === CARRINHO / CHECKOUT LIMPOS ========================================== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background:var(--brand)!important;color:#fff!important;border-radius:12px!important;padding:14px 18px!important;font-weight:900!important
}
.woocommerce form .form-row :where(input,input.input-text,select,textarea){padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff}
.woocommerce form .form-row .required{color:#c62828}
.woocommerce-breadcrumb{font-size:12px;color:#888}
.woocommerce-breadcrumb a{color:#888}
.woocommerce-breadcrumb a:hover{color:#555}

/* === BARRA ROXA FIXA (itens no carrinho) ================================= */
#jb-cart-bar{
  position:fixed;left:10px;right:10px;top:10px;z-index:9999;background:linear-gradient(90deg,var(--brand),var(--brand-2));
  color:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.12)
}
#jb-cart-bar .spc{opacity:.45}
#jb-cart-bar a{background:#fff;color:#2a145e;padding:8px 12px;border-radius:10px;font-weight:800}
#jb-cart-bar .bar-checkout{background:#ffd400;color:#111}

/* Cabeçalho/Rodapé clean + seleção */
.site-header,.site-footer{background:#fff}
::selection{background:var(--brand-2);color:#fff}

/* === DESKTOP (efeitos só quando sobra GPU) ================================ */
@media (min-width:769px){
  .woocommerce ul.products{gap:14px}
  .woocommerce ul.products li.product{transition:transform .18s ease,box-shadow .18s ease}
  .woocommerce ul.products li.product:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
  :where(.woocommerce) :where(a.button,button.button,input.button,#respond input#submit,.single_add_to_cart_button){
    box-shadow:0 0 12px rgba(155,48,255,.35),0 0 20px rgba(106,13,173,.35);transition:transform .18s ease,box-shadow .18s ease
  }
  :where(.woocommerce) :where(a.button:hover,button.button:hover,input.button:hover,#respond input#submit:hover,.single_add_to_cart_button:hover){
    transform:translateY(-2px);box-shadow:0 0 16px rgba(155,48,255,.6),0 0 30px rgba(106,13,173,.6)
  }
  .single-product .product_title{font-size:26px}
  .single-product :where(p.price,.price){font-size:22px}
}