.elementor-1065 .elementor-element.elementor-element-44cbc192{--display:flex;--min-height:50px;}.elementor-1065 .elementor-element.elementor-element-c3a47ba{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* =========================================================
   SANZZASTORE — CARRINHO (WOOCOMMERCE BLOCKS)
   Google Sans Flex + Black & White
   Escopo: apenas dentro de .wc-block-cart (não toca header/footer)
   ========================================================= */


/* ---------------------------------------------------------
   1. GOOGLE SANS FLEX
   --------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,400..700&display=swap');


/* ---------------------------------------------------------
   2. FONTE — APENAS DENTRO DO CARRINHO
   --------------------------------------------------------- */

.wc-block-cart,
.wc-block-cart *:not(svg):not(svg *):not(path):not(use):not(i) {
    font-family: 'Google Sans Flex', sans-serif !important;
}


/* ---------------------------------------------------------
   3. FUNDO E TEXTO GERAL
   --------------------------------------------------------- */

.wc-block-cart,
.wc-block-cart .wc-block-components-main,
.wc-block-cart .wc-block-components-sidebar {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.wc-block-cart h2,
.wc-block-cart span,
.wc-block-cart p,
.wc-block-cart div,
.wc-block-cart a {
    color: #ffffff !important;
}

.wc-block-cart a:hover {
    color: #cccccc !important;
}


/* ---------------------------------------------------------
   4. TABELA DE PRODUTOS (padding, bordas e linha de fecho)
   --------------------------------------------------------- */

.wc-block-cart table.wc-block-cart-items {
    background-color: #000000 !important;
    border: 1px solid #ffffff !important;
}

.wc-block-cart .wc-block-cart-items__header th {
    border-bottom: 1px solid #ffffff !important;
    padding: 16px 20px !important;
}

/* Cada linha de produto mantém a sua própria borda inferior —
   isto já cria a "linha de fecho" naturalmente após o último produto,
   sem interferir na estrutura da tabela */

.wc-block-cart .wc-block-cart-items__row {
    border-bottom: 1px solid #ffffff !important;
}

.wc-block-cart .wc-block-cart-items__row td {
    padding: 20px !important;
    vertical-align: top !important;
}

.wc-block-cart .wc-block-cart-item__total {
    padding-top: 20px !important;
}

.wc-block-cart .wc-block-components-product-metadata__description p {
    color: #aaaaaa !important;
    margin-top: 4px !important;
}


/* ---------------------------------------------------------
   5. SELETOR DE QUANTIDADE (+ / -)
   --------------------------------------------------------- */

.wc-block-cart .wc-block-components-quantity-body.elementor-page-1065 {
    background-color: #000000 !important;
    border: 1px solid #777777 !important;
    border-radius: 0 !important;
}

.wc-block-cart .wc-block-components-quantity-body.elementor-page-1065__input {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: 'Google Sans Flex', sans-serif !important;
}

.wc-block-cart .wc-block-components-quantity-body.elementor-page-1065__button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #777777 !important;
}

.wc-block-cart .wc-block-components-quantity-body.elementor-page-1065__button:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}

.wc-block-cart .wc-block-components-quantity-body.elementor-page-1065__button:disabled {
    color: #555555 !important;
}


/* ---------------------------------------------------------
   6. BOTÃO REMOVER PRODUTO (ícone lixo SVG)
   --------------------------------------------------------- */

.wc-block-cart .wc-block-cart-item__remove-link {
    color: #ffffff !important;
}

.wc-block-cart .wc-block-cart-item__remove-link svg,
.wc-block-cart .wc-block-cart-item__remove-link svg path {
    fill: #ffffff !important;
}

.wc-block-cart .wc-block-cart-item__remove-link:hover svg,
.wc-block-cart .wc-block-cart-item__remove-link:hover svg path {
    fill: #cccccc !important;
}


/* ---------------------------------------------------------
   7. SIDEBAR — "TOTAL NO CARRINHO"
   --------------------------------------------------------- */

.wc-block-cart .wc-block-cart__totals-title {
    color: #ffffff !important;
    font-weight: 600;
}

.wc-block-cart .wc-block-components-totals-wrapper {
    border-top: 1px solid #333333 !important;
}

.wc-block-cart .wc-block-components-totals-item__label,
.wc-block-cart .wc-block-components-totals-item__value {
    color: #ffffff !important;
}

.wc-block-cart .wc-block-components-totals-footer-item {
    font-weight: 600;
}


/* ---------------------------------------------------------
   8. PAINEL "ADICIONAR CUPÃO"
   --------------------------------------------------------- */

.wc-block-cart .wc-block-components-totals-coupon {
    border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
}

.wc-block-cart .wc-block-components-panel__button {
    color: #ffffff !important;
    font-family: 'Google Sans Flex', sans-serif !important;
    font-size: 13px !important;
}

/* Seta do acordeão (SVG) */

.wc-block-cart .wc-block-components-panel__button-icon,
.wc-block-cart .wc-block-components-panel__button-icon path {
    fill: #ffffff !important;
}

/* Campo e botão "Aplicar" dentro do painel de cupão, quando aberto */

.wc-block-cart .wc-block-components-totals-coupon__input input {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #777777 !important;
    border-radius: 0 !important;
    font-family: 'Google Sans Flex', sans-serif !important;
}

.wc-block-cart .wc-block-components-totals-coupon__input input:focus {
    border-color: #ffffff !important;
    box-shadow: none !important;
}

.wc-block-cart .wc-block-components-totals-coupon__button {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'Google Sans Flex', sans-serif !important;
    text-transform: uppercase;
    font-size: 13px !important;
}

.wc-block-cart .wc-block-components-totals-coupon__button:hover {
    background: #ffffff !important;
    color: #000000 !important;
}


/* ---------------------------------------------------------
   9. BOTÃO "FINALIZAR COMPRAS" (hover corrigido)
   --------------------------------------------------------- */

html body .wc-block-cart .wc-block-cart__submit-button.contained {
    background: #000000 !important;
    color: #ffffff !important;

    border: 1px solid #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: 'Google Sans Flex', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase;

    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}

html body .wc-block-cart .wc-block-cart__submit-button.contained:hover,
html body .wc-block-cart .wc-block-cart__submit-button.contained:focus {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

/* Força a cor do texto interno também no hover,
   caso o span não herde corretamente */

html body .wc-block-cart .wc-block-cart__submit-button.contained:hover .wc-block-components-button__text,
html body .wc-block-cart .wc-block-cart__submit-button.contained:focus .wc-block-components-button__text {
    color: #000000 !important;
}


/* ---------------------------------------------------------
   10. MOBILE
   --------------------------------------------------------- */

@media (max-width: 768px) {

    .wc-block-cart .wc-block-cart__submit-button.contained {
        width: 100%;
    }

    .wc-block-cart .wc-block-components-quantity-body.elementor-page-1065__input {
        font-size: 14px !important;
    }
}/* End custom CSS */