/* ==========================================================================
   Modo catálogo/orçamento WhatsApp (2026-10-16) · tema-diogenes-base
   Modal "Finalizar pelo WhatsApp" + botões verdes nos carrinhos.
   Carregado nas páginas comuns (Elementor/Loja) e na jornada, então é tudo escopado
   em #dio-orc-modal / [data-dio-orc] com valores explícitos.
   ========================================================================== */

html.orc-lock,html.orc-lock body{overflow:hidden!important}

/* botões dos carrinhos */
#offcanvasDrawer_carrinho a.dmc-checkout--wa,
body.dio-jc .woocommerce .wc-proceed-to-checkout a.checkout-button.jc-btn--wa,
body.dio-jc a.checkout-button.jc-btn--wa{
  background:#1fa855!important;background-color:#1fa855!important;color:#fff!important;
  box-shadow:0 8px 20px -10px rgba(31,168,85,.8)!important;gap:10px
}
#offcanvasDrawer_carrinho a.dmc-checkout--wa:hover,
body.dio-jc .woocommerce .wc-proceed-to-checkout a.checkout-button.jc-btn--wa:hover,
body.dio-jc a.checkout-button.jc-btn--wa:hover{background:#178c46!important;background-color:#178c46!important}
#offcanvasDrawer_carrinho a.dmc-checkout--wa svg,a.jc-btn--wa svg{flex-shrink:0}

/* modal */
#dio-orc-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#0f172a;line-height:1.45;-webkit-font-smoothing:antialiased}
#dio-orc-modal[hidden]{display:none!important}
#dio-orc-modal *,#dio-orc-modal *::before,#dio-orc-modal *::after{box-sizing:border-box}
#dio-orc-modal .orc-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .18s}
#dio-orc-modal .orc-dialog{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:20px;
  box-shadow:0 24px 60px rgba(15,23,42,.3);padding:30px 26px 22px;transform:translateY(12px) scale(.98);opacity:0;transition:transform .18s,opacity .18s}
#dio-orc-modal.is-open .orc-backdrop{opacity:1}
#dio-orc-modal.is-open .orc-dialog{transform:none;opacity:1}

#dio-orc-modal .orc-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f5f9;color:#475569;
  font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0}
#dio-orc-modal .orc-x:hover{background:#e2e8f0;color:#0f172a}

#dio-orc-modal .orc-badge{display:inline-flex;width:56px;height:56px;border-radius:50%;background:#e8f8ee;color:#1fa855;align-items:center;justify-content:center;margin:0 0 12px}
#dio-orc-modal .orc-badge--ok{background:#dcfce7;color:#16a34a}
#dio-orc-modal h2{font-size:21px;font-weight:700;margin:0 0 6px;color:#0f172a;letter-spacing:-.01em;line-height:1.25;text-transform:none;font-family:inherit}
#dio-orc-modal .orc-sub{font-size:14px;color:#64748b;margin:0 0 18px}

#dio-orc-modal .orc-field{display:block;margin:0 0 12px}
#dio-orc-modal .orc-field span{display:block;font-size:13.5px;font-weight:600;color:#0f172a;margin:0 0 6px}
#dio-orc-modal .orc-field input{display:block;width:100%;height:48px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 14px;
  font-size:16px;color:#0f172a;font-family:inherit;outline:none;box-shadow:none;margin:0;transition:border-color .15s,box-shadow .15s}
#dio-orc-modal .orc-field input:focus{border-color:#1fa855;box-shadow:0 0 0 4px rgba(31,168,85,.15)}
#dio-orc-modal .orc-field input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.12)}

#dio-orc-modal .orc-erro{margin:2px 0 12px;padding:10px 12px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:14px}
#dio-orc-modal .orc-erro[hidden]{display:none}

#dio-orc-modal .orc-enviar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:6px 0 0;border:0;border-radius:14px;
  background:#1fa855;color:#fff!important;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none!important;
  box-shadow:0 10px 22px -12px rgba(31,168,85,.9);transition:background .15s,transform .05s}
#dio-orc-modal .orc-enviar:hover{background:#178c46}
#dio-orc-modal .orc-enviar:active{transform:translateY(1px)}
#dio-orc-modal .orc-enviar:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(31,168,85,.3)}
#dio-orc-modal .orc-enviar.is-loading{pointer-events:none;opacity:.85}
#dio-orc-modal .orc-enviar.is-loading svg{display:none}
#dio-orc-modal .orc-enviar.is-loading::before{content:"";width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:orcSpin .7s linear infinite}
@keyframes orcSpin{to{transform:rotate(360deg)}}

#dio-orc-modal .orc-legal{margin:12px 0 0;text-align:center;font-size:12.5px;color:#94a3b8}
#dio-orc-modal .orc-ok{text-align:center}
#dio-orc-modal .orc-ok[hidden],#dio-orc-modal .orc-form[hidden]{display:none}
#dio-orc-modal .orc-voltar{display:block;width:100%;margin:10px 0 0;height:46px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;color:#0f172a;
  font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}
#dio-orc-modal .orc-voltar:hover{background:#f8fafc}

@media (max-width:480px){
  #dio-orc-modal{align-items:flex-end;padding:0}
  #dio-orc-modal .orc-dialog{max-width:none;border-radius:20px 20px 0 0;padding:26px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(40px)}
}
@media (prefers-reduced-motion:reduce){
  #dio-orc-modal .orc-dialog,#dio-orc-modal .orc-backdrop{transition:none}
}