/* Ajustes Smart: estilos do carrinho lateral, carrinho, checkout e avisos */

/* ───── Botões Aplicar / Calcular / Finalizar ───── */

/* celular: depois do toque o botão volta ao azul (o toque deixa o hover "preso"); enquanto carrega vale o estilo de carregando */
html body .wc-block-components-totals-coupon__button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .wc-block-components-totals-coupon__button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .wc-block-components-totals-coupon__button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body #wpcpr-block-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body #wpcpr-block-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body #wpcpr-block-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body .scs-frete-form .wc-block-components-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .scs-frete-form .wc-block-components-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .scs-frete-form .wc-block-components-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body .wc-block-cart__submit-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .wc-block-cart__submit-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .wc-block-cart__submit-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body .wc-block-components-checkout-place-order-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .wc-block-components-checkout-place-order-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .wc-block-components-checkout-place-order-button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body .scs-mc-form .button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .scs-mc-form .button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .scs-mc-form .button.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,
html body .scs-float-checkout__btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body .scs-float-checkout__btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body .scs-float-checkout__btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus,html body #prs-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)),html body #prs-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):hover,html body #prs-apply-btn.scs-nohover:not([class*="--loading"]):not(.is-loading):not(.scs-busy):not(:has(.wc-block-components-spinner)):focus{background-color:var(--e-global-color-primary,#2C4796)!important;border-color:var(--e-global-color-primary,#2C4796)!important;color:#fff!important}
html body .scs-nohover *{color:inherit!important}

/* enquanto carrega: fundo branco (igual ao hover) */
html body .wc-block-components-totals-coupon__button[class*="--loading"],html body .scs-frete-panel .wc-block-components-button.is-loading,html body #wpcpr-block-apply-btn.is-loading,html body .scs-mc.is-loading .scs-mc-form .button,html body #prs-apply-btn.is-loading{background-color:#fff!important;border-color:var(--e-global-color-primary,#2C4796)!important;color:var(--e-global-color-primary,#2C4796)!important;opacity:1!important}
.wc-block-components-totals-coupon__button[class*="--loading"]::after,.scs-frete-panel .wc-block-components-button.is-loading::after,#wpcpr-block-apply-btn.is-loading::after,.scs-mc.is-loading .scs-mc-form .button::after,#prs-apply-btn.is-loading::after{width:0!important}
.wc-block-components-totals-coupon__button[class*="--loading"] .wc-block-components-spinner,.scs-frete-panel .wc-block-components-button.is-loading .wc-block-components-spinner,#wpcpr-block-apply-btn.is-loading .wc-block-components-spinner,#prs-apply-btn.is-loading .wc-block-components-spinner{color:var(--e-global-color-primary,#2C4796)!important}

/* hover (e toque): fundo branco, texto e borda azuis */
body .wc-block-cart__submit-button:hover,body .wc-block-cart__submit-button:focus-visible,body .wc-block-cart__submit-button:active,
body .wc-block-components-checkout-place-order-button:hover,body .wc-block-components-checkout-place-order-button:focus-visible,body .wc-block-components-checkout-place-order-button:active,
body .wc-block-components-totals-coupon__button:hover,body .wc-block-components-totals-coupon__button:focus-visible,body .wc-block-components-totals-coupon__button:active,
body #wpcpr-block-apply-btn:hover,body #wpcpr-block-apply-btn:focus-visible,body #wpcpr-block-apply-btn:active,
body .scs-frete-form .wc-block-components-button:hover,body .scs-frete-form .wc-block-components-button:focus-visible,body .scs-frete-form .wc-block-components-button:active,
body .scs-float-checkout__btn:hover,
body .scs-mc-form .button:hover,body .scs-mc-form .button:focus-visible,body .scs-mc-form .button:active,body #prs-apply-btn:hover,body #prs-apply-btn:focus-visible,body #prs-apply-btn:active{background-color:#fff!important;border-color:var(--e-global-color-primary,#2C4796)!important;color:var(--e-global-color-primary,#2C4796)!important}
body .wc-block-cart__submit-button:hover *,body .wc-block-components-checkout-place-order-button:hover *,body .wc-block-components-totals-coupon__button:hover *,body #wpcpr-block-apply-btn:hover *,body .scs-frete-form .wc-block-components-button:hover *,body #prs-apply-btn:hover *{color:inherit!important}

/* Aplicar (cupom), Aplicar (pontos) e Calcular (frete): mesma largura e negrito, no carrinho, checkout e carrinho lateral */
body .wc-block-components-totals-coupon__button,body #wpcpr-block-apply-btn,body .scs-frete-form .wc-block-components-button,body .scs-mc-form .button,body #prs-apply-btn{flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important;padding-left:8px!important;padding-right:8px!important}
body .wc-block-components-totals-coupon__button,body .wc-block-components-totals-coupon__button *,body #wpcpr-block-apply-btn,body #wpcpr-block-apply-btn *,body .scs-frete-form .wc-block-components-button,body .scs-frete-form .wc-block-components-button *,body .scs-mc-form .button,body #prs-apply-btn,body #prs-apply-btn *{font-weight:700!important}
/* carrinho lateral: "Aplicar" e "Calcular" sem letras maiúsculas, igual ao carrinho */
body .scs-mc-form .button{text-transform:none!important;letter-spacing:normal!important}
/* carrinho lateral: texto centralizado, transição suave e ícone girando enquanto carrega (igual ao carrinho) */
body .scs-mc-form .button{justify-content:center!important;text-align:center!important;position:relative;transition:background-color .3s,color .3s,border-color .3s!important}
html body .scs-mc-form .button.scs-busy{background-color:#fff!important;border-color:var(--e-global-color-primary,#2C4796)!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;transition:none!important;pointer-events:none}
html body .scs-mc-form .button.scs-busy::before{content:""!important;display:block!important;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;box-sizing:border-box;border:4px solid var(--e-global-color-primary,#2C4796);border-left-color:transparent;border-radius:50%;animation:scs-spin 1s linear infinite}
@keyframes scs-spin{to{transform:rotate(360deg)}}
/* carrinho lateral: "Aplicar" do cupom desativado (campo vazio), igual ao carrinho */
html body #wpcpr-block-apply-btn:disabled:not(.is-loading),html body #prs-apply-btn:disabled:not(.is-loading){opacity:.55!important;cursor:default!important;pointer-events:none!important}
body .scs-mc-form .button:disabled{opacity:.55!important;cursor:default;pointer-events:none}
/* mensagem antiga do painel de pontos: virou pop-up, não aparece mais embaixo do campo */
#wpcpr-block-msg{display:none!important}
/* celular: botões do carrinho lateral um pouco mais estreitos, para o texto do campo caber inteiro */
@media (max-width:480px){body .scs-mc-form .button{flex-basis:100px!important;width:100px!important;min-width:100px!important;max-width:100px!important}}

/* ───── Painéis Cupom, Pontos Smart e Frete (carrinho e checkout): mesmo espaçamento ───── */
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wpcpr-cart-panel > .wc-block-components-panel__button,
.scs-frete-panel .wc-block-components-panel__button{display:flex;align-items:center;gap:6px;min-height:24px;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.scs-frete-panel .wc-block-components-panel__button{cursor:pointer}
.wc-block-components-totals-coupon .wc-block-components-panel__content,
.wpcpr-cart-panel .wc-block-components-panel__content,
.scs-frete-panel .wc-block-components-panel__content{padding-top:14px!important}
/* painel Cupom: "Aplicado" à direita, igual ao saldo dos Pontos Smart */
.scs-coupon-on{margin-left:auto;font-size:13px;font-weight:400;color:var(--e-global-color-primary,#2C4796);white-space:nowrap}
/* "Ganhe até X Pontos Smart" dentro do painel de pontos */
.wpcpr-cart-panel .wc-block-components-panel__content .wpcpr-cart-earn{margin:12px 0 0}
/* o aviso de erro do cupom vira pop-up (o texto embaixo do campo some) */
.wc-block-components-totals-coupon .wc-block-components-validation-error{display:none!important}

/* ───── Resumo do pedido ───── */
/* linha dos pontos: "✔ 50 Pontos Smart" (sem a palavra "Resgatar"), igual ao carrinho lateral */
[class*="wc-block-components-totals-fees__resgatar"] .wc-block-components-totals-item__label[data-pts]::before{content:"✔ "!important}
/* "Grátis" igual em todo lugar (sem letras maiúsculas) */
.wc-block-components-totals-shipping .wc-block-components-totals-item strong{text-transform:none!important}
/* preço do item: antigo (riscado) antes do novo, como no checkout; o valor nunca quebra no meio */
.wc-block-cart-item__prices .wc-block-components-product-price ins,.wc-block-cart-item__prices .price ins{order:0!important}
.wc-block-components-product-price del,.wc-block-components-product-price ins,.wc-block-components-product-price__regular,.wc-block-components-product-price__value,.wc-block-formatted-money-amount{white-space:nowrap}
/* carrinho: o painel já mostra as opções; o resumo mostra só o valor escolhido */
.wc-block-cart .wc-block-components-totals-shipping .wc-block-components-shipping-rates-control,
.wc-block-cart .wc-block-components-totals-shipping .wc-block-components-totals-shipping__change-address-button,
.wc-block-cart .wc-block-components-totals-shipping .wc-block-components-shipping-address{display:none!important}

/* ───── Remover cupom (carrinho e checkout) ───── */
.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove:hover::after,.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove:focus::after,.wc-block-components-totals-discount__coupon-list .wc-block-components-chip__remove:visited::after{width:auto!important}

/* ───── Frete (painel do carrinho e do carrinho lateral) ───── */
.scs-frete-panel .wc-block-components-text-input input{border-radius:0!important;height:50px!important}
.scs-frete-form .wc-block-components-button{background-color:var(--e-global-color-primary,#2C4796)!important;color:#fff!important;border:1px solid var(--e-global-color-primary,#2C4796)!important;border-radius:0!important;box-shadow:none!important;transition:background-color .2s,color .2s}
.scs-frete-form .wc-block-components-button *{color:inherit!important}
.scs-frete-rates{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}
.scs-frete-panel .scs-frete-rates{margin:12px 0 0}
.scs-frete-rate{display:flex!important;align-items:center;gap:10px;margin:0!important;padding:10px 12px;border:1px solid #EAEAEA;background:#fff;cursor:pointer;font-size:13px;line-height:1.35;color:#000;transition:border-color .15s,box-shadow .15s}
.scs-frete-rate:hover{border-color:#9aa4c4}
.scs-frete-rate.is-on{border-color:var(--e-global-color-primary,#2C4796);box-shadow:inset 0 0 0 1px var(--e-global-color-primary,#2C4796)}
.scs-frete-rate input{flex:none;width:16px!important;height:16px!important;margin:0!important;accent-color:var(--e-global-color-primary,#2C4796)}
.scs-frete-rate__n{flex:1 1 auto;min-width:0}
.scs-frete-rate__n small{display:block;margin-top:2px;font-size:12px;color:#6E6E6E}
.scs-frete-rate__p{flex:none;font-weight:600;white-space:nowrap;color:var(--e-global-color-primary,#2C4796)}
.scs-frete-panel .wc-block-components-button.is-loading .wc-block-components-button__text{visibility:hidden}
.scs-frete-panel .wc-block-components-button.is-loading{position:relative}
.scs-frete-panel .wc-block-components-button.is-loading .wc-block-components-spinner{position:absolute;inset:0;margin:auto}
.scs-frete-wrap .wpcpr-cart-panel__hint a,.scs-mc-panel[data-key="frete"] .scs-mc-hint a{color:#6E6E6E;text-decoration:underline}
.scs-frete-wrap .wpcpr-cart-panel__hint a:hover,.scs-mc-panel[data-key="frete"] .scs-mc-hint a:hover{color:var(--e-global-color-primary,#2C4796)}

/* ───── Carrinho lateral ───── */
/* mesmo respiro dos dois lados em tudo (cabeçalho, itens, cupom, pontos, frete, totais e botões) */
.site-header-cart-side{--scs-side:22px}
.site-header-cart-side .widget_shopping_cart,.site-header-cart-side .widget_shopping_cart_content,.site-header-cart-side .woocommerce-mini-cart-scroll,.site-header-cart-side .woocommerce-mini-cart{min-width:0!important;max-width:100%!important}
.site-header-cart-side .widget_shopping_cart_content{flex:1 1 auto;width:100%}
@media (max-width:480px){.site-header-cart-side{--scs-side:18px}}
.site-header-cart-side .cart-side-heading{padding-left:var(--scs-side)!important;padding-right:calc(var(--scs-side) - var(--scs-sb-side,0px))!important}
/* a barra de rolagem (quando aparece) ocupa parte da direita: desconta para o respiro ficar igual dos dois lados */
.site-header-cart-side .woocommerce-mini-cart-item{padding-left:var(--scs-side)!important;padding-right:calc(var(--scs-side) + 18px - var(--scs-sb,0px))!important}
.site-header-cart-side .woocommerce-mini-cart-item .remove_from_cart_button{right:calc(var(--scs-side) - var(--scs-sb,0px))!important}
.site-header-cart-side .scs-mc{padding-left:var(--scs-side)!important;padding-right:calc(var(--scs-side) - var(--scs-sb-side,0px))!important}
.site-header-cart-side .woocommerce-mini-cart__buttons,.site-header-cart-side .woocommerce-mini-cart__empty-message{padding-left:var(--scs-side)!important;padding-right:calc(var(--scs-side) - var(--scs-sb-side,0px))!important}
.scs-mc-panel[data-key="cupons"] summary:has(.scs-mc-balance)::after{margin-left:10px}
/* pontos aplicados: igual ao carrinho ("✔ 50 Pontos Smart aplicados (−R$ 1,25)" e "Remover" à direita) */
.scs-mc-applied{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:13px;line-height:1.5;color:#000}
.scs-mc-applied > span:first-child{flex:1 1 auto;min-width:0}
.scs-mc-applied .scs-mc-pts strong{color:var(--e-global-color-primary,#2C4796);font-weight:700}
.scs-mc-applied .scs-mc-link{flex:none;margin-left:0}
/* "X pontos = R$ Y de desconto · usar o máximo": sempre numa linha só (a letra diminui um pouco se precisar) */
.wpcpr-cart-panel__hint:has(.wpcpr-use-max),.scs-mc-hint:has([data-scs-mc="points-max"]){white-space:nowrap;overflow:hidden}

/* ───── Avisos (pop-ups) ───── */
/* computador: canto inferior esquerdo; celular e tablet (até 782px): topo da tela */
.scs-toasts{position:fixed;left:24px;bottom:24px;z-index:100001;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 48px));pointer-events:none}
.scs-toast{pointer-events:auto;display:flex;align-items:center;gap:16px;padding:16px 18px;background:#F0F0F0;border-left:4px solid var(--e-global-color-primary,#2C4796);color:#555;font-size:14px;line-height:1.45;box-shadow:0 6px 18px rgba(0,0,0,.12);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}
.scs-toast.is-on{opacity:1;transform:none}
.scs-toast.is-error{border-left-color:#C62828}
.scs-toast__t{flex:1 1 auto;min-width:0}
.scs-toast__x{flex:none;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;cursor:pointer;color:#555}
.scs-toast__x:focus-visible{outline:2px solid var(--e-global-color-primary,#2C4796);outline-offset:2px}
.scs-toast__x svg{width:20px;height:20px;fill:currentColor}
@media (max-width:782px){.scs-toasts{top:12px;bottom:auto;left:12px;right:12px;width:auto}.scs-toast{transform:translateY(-10px)}}

/* ───── Barra de rolagem no azul do studio ───── */
html{scrollbar-color:#2C4796 #FFFFFF}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#FFFFFF}
::-webkit-scrollbar-thumb{background:#2C4796;border-radius:0;border:2px solid #FFFFFF}
::-webkit-scrollbar-thumb:hover{background:#233a7d}

/* Carrinho com o mesmo espaçamento do checkout (sem a margem grande do tema em cima e embaixo) */
html body.woocommerce-cart #page .site-content{margin-top:0;margin-bottom:0}

/* Checkout, Resumo do pedido: título com cada palavra em maiúscula e itens com a mesma formatação do carrinho */
html body .wc-block-components-checkout-order-summary__title-text{text-transform:capitalize}
html body .wc-block-components-order-summary-item .wc-block-components-product-name{color:#000;font-size:16px;font-weight:400;line-height:1.6}
html body .wc-block-components-order-summary-item .wc-block-components-order-summary-item__individual-prices{color:#666;font-size:14px;line-height:1.4;text-transform:none}
html body .wc-block-components-order-summary-item .wc-block-components-product-metadata,html body .wc-block-components-order-summary-item .wc-block-components-product-details{color:#666;font-size:14px;line-height:1.4}
html body .wc-block-components-order-summary-item .wc-block-components-product-details__name{color:#000}
html body .wc-block-components-order-summary-item .wc-block-components-product-details__value{color:#666}

/* Carregando: o mesmo ícone em todo o site, igual ao do "Finalizar compra" (círculo de 20px, traço de 4px, uma volta por segundo).
   Botões e links: na cor do texto do botão. Áreas carregando (sobreposições): azul do studio. */
html body button.loading::before,html body .button.loading::before,
html body a[class*="product_type_"].loading::before,html body .added_to_cart.loading::before,
html body ul.products li.product .product-block a[class*="product_type_"].loading::before,
html body ul.products li.product-style-2 .product-block a[class*="product_type_"].loading::before,
html body ul.products li.product-style-3 .add_to_cart a[class*="product_type_"].loading::before,
html body ul.products li.product-style-4 .add_to_cart a[class*="product_type_"].loading::before,
html body ul.products-list li.product-list .product-caption a[class*="product_type_"].loading::before,
html body .shop-action a[class*="product_type_"].loading::before,
html body .wc-block-grid__product-add-to-cart .wp-block-button__link.loading::after,
html body .group-action .shop-action .woosw-btn.woosw-adding::after,
html body .woocommerce-mini-cart__buttons .button.scs-is-loading .scs-btn-spinner,
html body .blockUI::before,html body .shop-action .blockUI.blockOverlay::before,html body .shop-action .loader::before,
html body .loading-quick-shop .product-transition::after,html body .woobt-wrap.woobt-loading::after,
html body .scs-bottom-bar a.scs-bb-loading::after,html body .vts-spin,html body.loading::after{content:""!important;font-family:inherit!important;font-size:0!important;line-height:0!important;width:20px!important;height:20px!important;min-width:0!important;box-sizing:border-box!important;border:4px solid currentColor!important;border-left-color:transparent!important;border-radius:50%!important;background:none!important;-webkit-text-stroke:0!important;transition:none!important;animation:scs-spin 1s linear infinite!important}
html body .blockUI::before,html body .shop-action .blockUI.blockOverlay::before,html body .shop-action .loader::before,
html body .loading-quick-shop .product-transition::after,html body .woobt-wrap.woobt-loading::after,
html body .scs-bottom-bar a.scs-bb-loading::after,html body .vts-spin{color:var(--e-global-color-primary,#2C4796)!important;border-top-color:var(--e-global-color-primary,#2C4796)!important;border-right-color:var(--e-global-color-primary,#2C4796)!important;border-bottom-color:var(--e-global-color-primary,#2C4796)!important}
html body .blockUI::before,html body .woobt-wrap.woobt-loading::after,html body.loading::after{margin:-10px 0 0 -10px!important}

/* Cupom (carrinho e checkout): enquanto aplica, o campo e o botão não ficam apagados (igual a Pontos Smart e Frete); só o botão mostra o carregando */
html body .wc-block-components-totals-coupon .wc-block-components-loading-mask__children{opacity:1!important}
html body .wc-block-components-totals-coupon .wc-block-components-loading-mask>.wc-block-components-spinner{display:none!important}
/* Ícone de carregando do WooCommerce (cupom, pontos, frete, finalizar compra): sempre 20px com traço de 4px, igual em todos os botões */
html body .wc-block-components-spinner{font-size:20px!important;opacity:1!important}
html body .wc-block-components-spinner::after{opacity:1!important;transition:none!important}
/* o ícone de carregando do cupom fica dentro do texto do botão, que o WooCommerce apaga pela metade enquanto o botão está bloqueado: mantém a cor cheia */
html body .wc-block-components-button[class*="--loading"] .wc-block-components-button__text,html body .wc-block-components-button.is-loading .wc-block-components-button__text{opacity:1!important}

/* Checkout: Nome da Empresa e Inscrição Estadual só com CNPJ */
html body .scs-only-cnpj-off{display:none!important}
html body .scs-float-pay .scs-float-checkout__btn{cursor:pointer}
/* Checkout: campo Data de Nascimento com a mesma borda, altura e largura dos outros campos */
html body .wc-block-components-text-input input[type="date"]{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid color-mix(in srgb,currentcolor 80%,transparent);border-radius:0;box-shadow:none;box-sizing:border-box;color:#2b2d2f;font-family:inherit;font-size:16px;height:50px;line-height:25px;margin:0;min-height:0;width:100%}
html body .wc-block-components-text-input input[type="date"]:focus{border:1.5px solid;outline:0}
/* Botão de pagar (checkout e botão fixo do celular): enquanto envia, fundo branco, borda azul e só o carregando azul */
html body .wc-block-components-checkout-place-order-button[class*="--loading"],html body .wc-block-components-checkout-place-order-button:has(.wc-block-components-spinner),html body .scs-float-pay .scs-float-checkout__btn.is-loading{background-color:#fff!important;border-color:var(--e-global-color-primary,#2C4796)!important;color:var(--e-global-color-primary,#2C4796)!important;opacity:1!important;transition:none!important}
html body .wc-block-components-checkout-place-order-button[class*="--loading"] .wc-block-components-button__text,html body .wc-block-components-checkout-place-order-button:has(.wc-block-components-spinner) .wc-block-components-button__text{opacity:1!important}
html body .wc-block-components-checkout-place-order-button:has(.wc-block-components-spinner) .wc-block-components-checkout-place-order-button__text,html body .scs-float-pay .scs-float-checkout__btn.is-loading .wc-block-components-button__text{visibility:hidden!important}
html body .wc-block-components-checkout-place-order-button .wc-block-components-spinner,html body .scs-float-pay .scs-float-checkout__btn .wc-block-components-spinner{color:var(--e-global-color-primary,#2C4796)!important;visibility:visible!important}
/* Checkout: caixas de seleção no padrão do site (quadradas, borda igual à dos campos, azul do studio quando marcadas) */
html body .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]{border:1px solid color-mix(in srgb,#2b2d2f 80%,transparent)!important;border-radius:0!important;background-color:#fff!important;box-shadow:none!important;transition:background-color .15s,border-color .15s;cursor:pointer}
html body .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:hover{border-color:var(--e-global-color-primary,#2C4796)!important}
html body .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked{background-color:var(--e-global-color-primary,#2C4796)!important;border-color:var(--e-global-color-primary,#2C4796)!important}
html body .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus-visible{outline:2px solid var(--e-global-color-primary,#2C4796)!important;outline-offset:2px}
html body .wp-block-woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:#fff!important;color:#fff!important}
/* "S/N" (número) e "Isento" (inscrição estadual), dentro do campo */
html body #wc-shipping-better-checkbox,html body #wc-billing-better-checkbox,html body #wc-better-ie-isento-checkbox{-webkit-appearance:none!important;appearance:none!important;display:inline-grid!important;place-content:center;box-sizing:border-box;width:16px!important;height:16px!important;min-width:16px;margin:0!important;padding:0!important;border:1px solid color-mix(in srgb,#2b2d2f 80%,transparent)!important;border-radius:0!important;background:#fff!important;vertical-align:middle;cursor:pointer;transition:background-color .15s,border-color .15s}
html body #wc-shipping-better-checkbox:hover,html body #wc-billing-better-checkbox:hover,html body #wc-better-ie-isento-checkbox:hover{border-color:var(--e-global-color-primary,#2C4796)!important}
html body #wc-shipping-better-checkbox:checked,html body #wc-billing-better-checkbox:checked,html body #wc-better-ie-isento-checkbox:checked{background:var(--e-global-color-primary,#2C4796)!important;border-color:var(--e-global-color-primary,#2C4796)!important}
html body #wc-shipping-better-checkbox:checked::before,html body #wc-billing-better-checkbox:checked::before,html body #wc-better-ie-isento-checkbox:checked::before{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
html body #wc-shipping-better-checkbox:focus-visible,html body #wc-billing-better-checkbox:focus-visible,html body #wc-better-ie-isento-checkbox:focus-visible{outline:2px solid var(--e-global-color-primary,#2C4796);outline-offset:2px}
/* Checkout, Resumo do pedido: preço com desconto e "Economize" iguais ao carrinho */
html body .wc-block-components-order-summary-item__total-price .wc-block-cart-item__total-price-and-sale-badge-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
html body .wc-block-components-order-summary-item__total-price .wc-block-components-product-price,html body .wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value{color:var(--e-global-color-primary,#2C4796)!important;font-weight:600!important;font-size:14px}
html body .wc-block-components-order-summary-item .wc-block-components-sale-badge{color:#666!important;background:rgba(102,102,102,.1)!important;font-weight:400!important;font-size:12.25px;padding:0!important;border:0!important;border-radius:0!important;white-space:nowrap}
html body .wc-block-components-order-summary-item .wc-block-components-sale-badge *{color:inherit!important;font-weight:inherit!important}
/* Checkout, Resumo do pedido: o item não passa da margem direita (celular) */
html body .wc-block-components-order-summary .wc-block-components-order-summary__content{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
html body .wc-block-components-order-summary-item{max-width:100%;box-sizing:border-box}
html body .wc-block-components-order-summary-item__description{min-width:0;flex:1 1 auto}
html body .wc-block-components-order-summary-item__total-price{flex:0 0 auto;text-align:right}
@media (max-width:782px){html body .wc-block-components-order-summary-item .wc-block-components-sale-badge{font-size:10.5px!important}}

/* ── Carrinho lateral (fly cart) no mesmo visual do painel de Favoritos ── */
html body .site-header-cart-side{--scs-side:18px;width:min(420px,100vw)!important}
html body .site-header-cart-side:not(.active){transform:translate3d(100%,0,0)!important}
html body .site-header-cart-side .cart-side-heading{position:relative;min-height:63px;padding:16px 50px 16px 18px!important;border-bottom:1px solid #EAEAEA}
html body .site-header-cart-side .cart-side-title{font-size:16px;font-weight:600;color:#666}
html body .site-header-cart-side .close-cart-side{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;font-size:0;letter-spacing:0;color:#222;text-align:center;z-index:3}
html body .site-header-cart-side .close-cart-side::before{content:'\00D7';position:static;display:block;width:auto;height:auto;margin:0;background:none!important;transform:none!important;font-size:26px;font-weight:400;line-height:36px;color:#222;transition:color .2s}
html body .site-header-cart-side .close-cart-side::after{display:none!important}
html body .site-header-cart-side .close-cart-side:hover::before{color:var(--e-global-color-primary,#2C4796)}
html body .site-header-cart-side .widget_shopping_cart .product_list_widget li img{width:76px;height:76px;max-width:76px;object-fit:contain;background:#fafafa}
html body .site-header-cart-side .woocommerce-mini-cart-item>a:not(.remove){font-size:14px;font-weight:600;line-height:1.3;color:#222}
html body .site-header-cart-side .woocommerce-mini-cart-item .quantity .amount{font-weight:700}
html body .site-header-cart-side .widget_shopping_cart .buttons{gap:8px;padding-top:14px!important;padding-bottom:14px!important;border-top:1px solid #EAEAEA}
html body .site-header-cart-side .widget_shopping_cart .buttons a{display:flex;align-items:center;justify-content:center;height:auto;min-height:55px;margin:0!important;padding:16px 30px!important;font-size:16px!important;font-weight:600;letter-spacing:.28px!important;line-height:1.2}

/* Página do produto: mesmo espaço (32px) entre preço, linha, variação e personalização */
body.single-product p.price { padding-bottom: 36px !important; margin-bottom: 24px !important; }
body.single-product form.variations_form { margin-top: 0 !important; }
body.single-product .vts-vr-ui.vts-dd { margin-bottom: 24px !important; }
body.single-product .flicko_clear_attr:has(.reset_variations[style*="hidden"]) { display: none !important; }
body.single-product .flicko_clear_attr .reset_variations { margin-bottom: 16px !important; }

/* Adicionar ao carrinho: o carregamento já começa no padrão certo (bolinha azul no centro, sem texto) */
body form.cart button.single_add_to_cart_button.button.loading { pointer-events: none; cursor: progress; position: relative !important; opacity: 1 !important; background: #fff !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body form.cart button.single_add_to_cart_button.button.loading::before { content: "" !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: 18px !important; height: 18px !important; margin: -9px 0 0 -9px !important; padding: 0 !important; box-sizing: border-box; border: 2px solid #2C4796 !important; border-right-color: transparent !important; border-radius: 50% !important; background: none !important; font-size: 0 !important; animation: vts-spin .7s linear infinite !important; }
body form.cart button.single_add_to_cart_button.button.loading::after { display: none !important; }


/* ===== Carregando: todos os botões iguais ao "Finalizar compra" (fundo azul, texto some, anel branco girando no centro) ===== */
@keyframes scs-spin { to { transform: rotate(360deg); } }
body form.cart button.single_add_to_cart_button.button.loading, body form.cart button.single_add_to_cart_button.button.vts-loading,
body .add_to_cart_button.loading, body ul.products a.button.loading, body .woocommerce-mini-cart__buttons .button.scs-is-loading { position: relative !important; pointer-events: none; cursor: progress; opacity: 1 !important; background: var(--e-global-color-primary, #2C4796) !important; border-color: var(--e-global-color-primary, #2C4796) !important; color: transparent !important; -webkit-text-fill-color: transparent !important; }
body form.cart button.single_add_to_cart_button.button.loading > *, body form.cart button.single_add_to_cart_button.button.vts-loading > *, body .add_to_cart_button.loading > *, body ul.products a.button.loading > *, body .woocommerce-mini-cart__buttons .button.scs-is-loading > * { opacity: 0 !important; }
body form.cart button.single_add_to_cart_button.button.loading::before, body form.cart button.single_add_to_cart_button.button.vts-loading::before, body .add_to_cart_button.loading::before, body ul.products a.button.loading::before, body .woocommerce-mini-cart__buttons .button.scs-is-loading::before { content: "" !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: 20px !important; height: 20px !important; margin: -10px 0 0 -10px !important; padding: 0 !important; box-sizing: border-box !important; border: 3px solid #fff !important; border-left-color: transparent !important; border-radius: 50% !important; background: none !important; font-size: 0 !important; opacity: 1 !important; z-index: 3 !important; transform: none; animation: scs-spin 1s linear infinite !important; }
body form.cart button.single_add_to_cart_button.button.loading::after, body form.cart button.single_add_to_cart_button.button.vts-loading::after, body .add_to_cart_button.loading::after, body ul.products a.button.loading::after, body .woocommerce-mini-cart__buttons .button.scs-is-loading::after { display: none !important; }

/* ===== Avisos da Vitrine (favoritos etc.): entram de baixo para cima, como os outros avisos do canto inferior esquerdo ===== */
@keyframes scs-toast-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.vts-toast { animation: scs-toast-up .3s ease both !important; }
.vts-toast.is-out { opacity: 0 !important; transform: translateY(10px) !important; animation: none !important; }

/* ===== Celular: avisos da Vitrine no topo, centralizados, entrando de cima para baixo (igual aos outros avisos no celular) ===== */
@keyframes scs-toast-down { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
@media (max-width: 782px) {
  html body .vts-toasts, html.vts-has-cbar body .vts-toasts { top: 12px !important; bottom: auto !important; left: 12px !important; right: 12px !important; align-items: stretch; }
  html body .vts-toast { animation-name: scs-toast-down !important; }
  html body .vts-toast.is-out { transform: translateY(-10px) !important; }
}

/* =====================================================================
   PADRÃO DE NOTIFICAÇÕES POP-UP DO SITE
   Vale para os avisos do Ajustes Smart (scs-toast: cupom, pontos, carrinho)
   e da Vitrine Smart (vts-toast: favoritos etc.).
   - Visual: fundo branco, borda cinza fina, cantos retos, sombra leve.
   - Computador/tablet: canto inferior esquerdo, entra de baixo para cima.
   - Celular (até 782px): topo, largura toda, entra de cima para baixo.
   (posição e animação já definidas acima; aqui fica o visual único)
   ===================================================================== */
html body .scs-toast, html body .vts-toast { background: #fff !important; border: 1px solid #E2E5EA !important; border-radius: 0 !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .08) !important; }
html body .scs-toast.is-error { border-left: 3px solid #C62828 !important; }

/* ===== Página "Como montar o Maracanã" (/howto/maracana): sem o título do tema (a página já tem o seu) e o aviso de carregamento some quando o estádio 3D termina de carregar ===== */
.page-id-15217 .entry-header { display: none; }
#mrc .mrc-load[hidden] { display: none !important; }