/* MenuFacile v259 — escolha no MenuFacile e pagamento direto no método selecionado */
.mf-reserva-payment-box{display:grid;gap:10px;padding:13px;border:1px solid #dbe6f3;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.mf-reserva-payment-head{display:flex;align-items:flex-start;gap:10px}
.mf-reserva-payment-head>i{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:11px;background:#eef4ff;color:#2563eb;font-size:15px}
.mf-reserva-payment-head strong{display:block;color:#17233b;font-size:14px;font-weight:900;line-height:1.2}
.mf-reserva-payment-head span{display:block;margin-top:2px;color:#667085;font-size:11px;font-weight:700;line-height:1.35}
.mf-reserva-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mf-reserva-payment-option{position:relative;display:flex;align-items:center;gap:9px;min-height:54px;padding:9px 11px;border:1px solid #dce5f1;border-radius:13px;background:#f9fbfe;cursor:pointer;transition:.18s ease}
.mf-reserva-payment-option:hover{border-color:#9db7df;background:#f5f9ff}
.mf-reserva-payment-option.is-info{cursor:default;border-style:dashed;background:#fbfcfe}
.mf-reserva-payment-option.is-info:hover{border-color:#dce5f1;background:#fbfcfe}
.mf-reserva-payment-option.is-info i{color:#667085}
.mf-reserva-payment-option:has(input:checked){border-color:#2563eb;background:#eef5ff;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
.mf-reserva-payment-option input{appearance:auto!important;-webkit-appearance:radio!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#2563eb!important}
.mf-reserva-payment-option i{width:20px;text-align:center;color:#2563eb;font-size:16px}
.mf-reserva-payment-option strong{display:block;color:#17233b;font-size:12px;font-weight:900;line-height:1.15}
.mf-reserva-payment-option small{display:block;margin-top:2px;color:#667085;font-size:9.5px;font-weight:700;line-height:1.2}
.mf-reserva-payment-note{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:11px;background:#f7fafc;color:#667085;font-size:10px;font-weight:750;line-height:1.4}
.mf-reserva-payment-note i{margin-top:1px;color:#2563eb}
.mf-reserva-payment-box[data-forma="pix_online"]~#sinalReservaBox .mf-sinal-pix-key,.mf-reserva-payment-box[data-forma="cartao_online"]~#sinalReservaBox .mf-sinal-pix-key{display:none!important}

#modalPagamentoReserva{padding:16px 12px 92px!important;align-items:center!important;justify-content:center!important}
#modalPagamentoReserva .mf-reserva-payment-modal{width:min(540px,calc(100vw - 24px))!important;max-width:540px!important;max-height:calc(100vh - 116px)!important;overflow:hidden!important;border-radius:24px!important;background:#fff!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important}
#modalPagamentoReserva .modal-header{padding:17px 19px 13px!important;border-bottom:1px solid #e7edf6!important}
#modalPagamentoReserva .modal-title{font-size:20px!important;line-height:1.1!important;color:#073b21!important;font-weight:950!important;letter-spacing:-.025em!important}
#modalPagamentoReserva .modal-close{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important}
#modalPagamentoReserva .modal-body{padding:17px 19px 20px!important;overflow:auto!important;max-height:calc(100vh - 190px)!important}
.mf-reserva-pay-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 13px;border:1px solid #dbe6f3;border-radius:15px;background:#f8fbff}
.mf-reserva-pay-summary span{color:#667085;font-size:11px;font-weight:800}
.mf-reserva-pay-summary strong{color:#087443;font-size:24px;font-weight:950;white-space:nowrap}
.mf-reserva-pay-status{margin:11px 0;padding:9px 11px;border-radius:11px;background:#f7fafc;color:#475467;font-size:11px;font-weight:800;line-height:1.35;text-align:center}
.mf-reserva-pay-status[hidden]{display:none!important}
.mf-reserva-pay-status.approved{background:#eaf8ef;color:#087443}
.mf-reserva-pay-status.error{background:#fff1f0;color:#b42318}
#mfReservaPaymentBrick{min-height:80px;padding-top:4px}
#mfReservaPaymentBrick input[type="checkbox"],#mfReservaPaymentBrick input[type="radio"]{appearance:auto!important;-webkit-appearance:auto!important}
.mf-reserva-pix-result{display:none;text-align:center;padding-top:6px}
.mf-reserva-pix-result.ativo{display:grid;gap:12px}
.mf-reserva-pix-title{display:flex;align-items:center;justify-content:center;gap:9px;color:#17233b}
.mf-reserva-pix-title>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf8ef;color:#087443;font-size:17px}
.mf-reserva-pix-title strong{display:block;text-align:left;font-size:14px}
.mf-reserva-pix-title span{display:block;margin-top:2px;text-align:left;color:#667085;font-size:10px;font-weight:700}
.mf-reserva-pix-result img{display:none;width:190px;height:190px;object-fit:contain;margin:0 auto;border:1px solid #dbe6f3;border-radius:16px;background:#fff;padding:8px}
.mf-reserva-pix-result img[src]{display:block}
.mf-reserva-pix-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.mf-reserva-pix-code input{width:100%;min-width:0;height:42px;border:1px solid #d2ddec;border-radius:12px;padding:0 11px;background:#fff;color:#17233b;font-size:11px;font-weight:800}
.mf-reserva-pix-code button,.mf-reserva-payment-close{height:42px;border:0;border-radius:12px;padding:0 15px;font-weight:900;cursor:pointer}
.mf-reserva-pix-code button{background:#6d28d9;color:#fff}
.mf-reserva-payment-close{width:100%;margin-top:11px;background:#f3f6fa;color:#173b2a;border:1px solid #dbe3ed}
@media(max-width:600px){
  .mf-reserva-payment-options{grid-template-columns:1fr}
  #modalPagamentoReserva{align-items:flex-start!important;padding:10px 8px 88px!important}
  #modalPagamentoReserva .mf-reserva-payment-modal{width:100%!important;max-height:calc(100vh - 104px)!important;margin-top:6px!important;border-radius:21px!important}
  #modalPagamentoReserva .modal-header{padding:15px 15px 10px!important}
  #modalPagamentoReserva .modal-title{font-size:18px!important}
  #modalPagamentoReserva .modal-body{padding:15px!important;max-height:calc(100vh - 174px)!important}
  .mf-reserva-pay-summary strong{font-size:21px}
  .mf-reserva-pix-code{grid-template-columns:1fr}
}