/* QR Meu Negócio — WooCommerce UI v2.1.1 */

/* =========================================================
   CARRINHO
   Botão principal laranja/amarelo da marca.
   Hover/focus: preto com texto branco.
   Compatível com WooCommerce Blocks e templates clássicos.
   ========================================================= */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button,
body.woocommerce-cart .checkout-button,
body.woocommerce-cart a.checkout-button,
body.woocommerce-cart button.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a,
body.woocommerce-cart .wp-element-button {
    background: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #000 !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:focus,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:focus,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-cart .checkout-button:focus,
body.woocommerce-cart a.checkout-button:hover,
body.woocommerce-cart a.checkout-button:focus,
body.woocommerce-cart button.checkout-button:hover,
body.woocommerce-cart button.checkout-button:focus,
body.woocommerce-cart .wc-proceed-to-checkout a:hover,
body.woocommerce-cart .wc-proceed-to-checkout a:focus,
body.woocommerce-cart .wp-element-button:hover,
body.woocommerce-cart .wp-element-button:focus {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}


/* =========================================================
   CHECKOUT v2.2.3
   Restaura explicitamente cabeçalho/menu e rodapé.
   A página deve usar Elementor Largura Total ou modelo padrão.
   ========================================================= */
body.woocommerce-checkout:not(.woocommerce-order-received) header.site-header,
body.woocommerce-checkout:not(.woocommerce-order-received) #site-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .site-header,
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-location-header,
body.woocommerce-checkout:not(.woocommerce-order-received) [data-elementor-type="header"],
body.woocommerce-checkout:not(.woocommerce-order-received) footer.site-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) #site-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) .site-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) .elementor-location-footer,
body.woocommerce-checkout:not(.woocommerce-order-received) [data-elementor-type="footer"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* O menu também havia sido ocultado por uma versão anterior. */
body.woocommerce-checkout:not(.woocommerce-order-received) nav.elementor-nav-menu--main {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Não forçamos margens do conteúdo: Elementor/tema controlam o layout. */

/* Botões do checkout seguem a identidade QR Meu Negócio. */
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-button,
body.woocommerce-checkout:not(.woocommerce-order-received) button[type="submit"],
body.woocommerce-checkout:not(.woocommerce-order-received) #place_order,
body.woocommerce-checkout:not(.woocommerce-order-received) .button.alt,
body.woocommerce-checkout:not(.woocommerce-order-received) .wp-element-button {
    background: #F4B400 !important;
    border-color: #F4B400 !important;
    color: #000 !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-button:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-button:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) button[type="submit"]:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) button[type="submit"]:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) #place_order:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) #place_order:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) .button.alt:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) .button.alt:focus,
body.woocommerce-checkout:not(.woocommerce-order-received) .wp-element-button:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) .wp-element-button:focus {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* Acessibilidade */
body.woocommerce-cart .wc-block-cart__submit-button:focus-visible,
body.woocommerce-checkout:not(.woocommerce-order-received) .wc-block-components-button:focus-visible,
body.woocommerce-checkout:not(.woocommerce-order-received) button:focus-visible {
    outline: 3px solid rgba(244,180,0,.35) !important;
    outline-offset: 2px;
}
