/* ═══════════════════════════════════════════════════════════════
   CHECKOUT — Estilo mínimo usando cores do site
   Aplica em is-checkout / is-cart / is-account.
   ═══════════════════════════════════════════════════════════════ */

/* Header simplificado no checkout/account: só o logo (clicável, volta pra home).
   Esconde topbar marquee + nav + busca + ícone de carrinho + botão hamburguer. */
body.woocommerce-checkout .topbar,
body.woocommerce-account .topbar {
    display: none !important;
}
body.woocommerce-checkout #site-header nav,
body.woocommerce-account #site-header nav,
body.woocommerce-checkout #site-header button,
body.woocommerce-account #site-header button,
body.woocommerce-checkout #site-header a[data-cart-drawer-toggle],
body.woocommerce-account #site-header a[data-cart-drawer-toggle] {
    display: none !important;
}
/* Centraliza o logo (único elemento visível restante no flex container) */
body.woocommerce-checkout #site-header .container-fluid-sevet,
body.woocommerce-account #site-header .container-fluid-sevet {
    justify-content: center !important;
}

/* Esconde bloco "Adicionar cupom" no checkout/cart */
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
body.woocommerce-cart .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
body.woocommerce-checkout .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-totals-coupon {
    display: none !important;
}

:root {
    --sevet-primary: #0058f3;
    --sevet-primary-hover: #0048d3;
    --sevet-border: #e0e0e0;
}

/* Tipografia consistente nas páginas WC */
body.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-account {
    font-family: 'Montserrat', sans-serif;
}

/* Botão CTA principal — azul da marca */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout button.wc-block-components-button.contained,
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart a.checkout-button {
    background: var(--sevet-primary) !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 14px 28px !important;
    border: none !important;
    transition: background 0.15s;
    cursor: pointer;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background: var(--sevet-primary-hover) !important;
}

/* Inputs — foco azul da marca */
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout select:focus {
    border-color: var(--sevet-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 243, 0.15) !important;
}

/* Total final do pedido em azul (destaque) */
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: var(--sevet-primary) !important;
    font-weight: 700 !important;
}

/* Link de cupom em azul */
body.woocommerce-checkout .wc-block-components-totals-coupon__button,
body.woocommerce-cart .wc-block-components-totals-coupon__button {
    color: var(--sevet-primary) !important;
}

/* Opção de pagamento selecionada — borda azul */
body.woocommerce-checkout .wc-block-components-radio-control__option--checked {
    border-color: var(--sevet-primary) !important;
}

/* Botão Cart Drawer dentro do header do site não fica no checkout — sem mexer */

/* Em mobile (<900px), o WC Blocks renderiza o resumo do pedido 2x via Slot/Fill:
   - .wp-block-woocommerce-checkout-totals-block → painel colapsável no topo
     (com chevron, fica retraído por padrão e abre ao clicar) — MANTER
   - .checkout-order-summary-block-fill-wrapper → cópia full inline embaixo,
     antes do botão FINALIZAR — REMOVER (redundante com o do topo)
   No desktop, o sidebar lateral continua intacto. */
@media (max-width: 900px) {
    body.woocommerce-checkout .checkout-order-summary-block-fill-wrapper {
        display: none !important;
    }
}

/* Footer no checkout/account não precisa do mt-12/mt-20 do tema —
   gerava espaço em branco grande entre o final do form e a faixa de selos. */
body.woocommerce-checkout footer.bg-sevet-primary,
body.woocommerce-account footer.bg-sevet-primary {
    margin-top: 0 !important;
}

/* Reduz o espaço entre o header (logo) e o "Resumo do pedido" no checkout.
   Origem do gap:
   1. Header tinha py-5 mobile / py-[30px] desktop  → encurta padding-bottom
   2. WC Blocks adiciona padding-top: 24px no .wp-block-woocommerce-checkout */
body.woocommerce-checkout #site-header .container-fluid-sevet {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout {
    padding-top: 0 !important;
}
body.woocommerce-checkout main#main { min-height: 0 !important; }

/* Esconde o aviso "Você está fazendo o check-out como convidado" abaixo do email. */
body.woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
    display: none !important;
}

/* Loja vende só pro Brasil — esconde o seletor de país no checkout. O WC Blocks
   já não permite escolher outro país (woocommerce_specific_allowed_countries=["BR"]),
   então o valor submetido fica BR. Também escondemos a label "País" do form clássico. */
body.woocommerce-checkout .wc-block-components-address-form__country,
body.woocommerce-checkout #billing_country_field,
body.woocommerce-checkout #shipping_country_field {
    display: none !important;
}

/* CPF gate — destaque vermelho + asterisco no campo CPF e visual travado nos demais. */
body.woocommerce-checkout #billing_cpf_field input {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 1px rgba(229, 57, 53, 0.15);
}
body.woocommerce-checkout #billing_cpf_field label {
    color: #e53935 !important;
    font-weight: 600;
}
body.woocommerce-checkout #billing_cpf_field label::after {
    content: " *";
    color: #e53935;
    font-weight: 700;
}
body.woocommerce-checkout #billing_cpf_field .required {
    color: #e53935 !important;
}
body.woocommerce-checkout .form-row.sevet-cpf-locked input,
body.woocommerce-checkout .form-row.sevet-cpf-locked select,
body.woocommerce-checkout .form-row.sevet-cpf-locked textarea {
    background-color: #f5f5f5 !important;
    cursor: not-allowed;
    opacity: 0.65;
}
body.woocommerce-checkout .form-row.sevet-cpf-locked label {
    opacity: 0.6;
}

/* CPF — sem destaque vermelho no estado vazio inicial. O WC já marca .has-error
   quando o usuário sai do campo sem preencher (UX nativa, não em load). */