
/* FOXsalon · integração do agendamento real à identidade Studio Bellezza */
#foxfy-booking-form{position:relative;border:1px solid rgba(113,62,51,.08);box-shadow:0 24px 70px rgba(65,39,34,.12)}
#foxfy-booking-form textarea{width:100%;min-height:92px;padding:12px;border:1px solid #ded2c7;background:#fffdfa;color:#493d3a;resize:vertical;outline:0}
#foxfy-booking-form textarea:focus{border-color:#ae705a}
#foxfy-booking-form .field small{color:#a99890;font-size:8px;font-weight:400}
.booking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:-8px 0 5px}
.booking-steps span{display:flex;align-items:center;gap:6px;padding:9px 8px;border-bottom:1px solid #dfd2c7;color:#a8958d;font-size:8px;letter-spacing:.08em}
.booking-steps span b{color:#bb8b4f;font:400 13px Georgia,serif}.booking-steps span.is-current{border-bottom-color:#a86452;color:#713e33}
.booking-client-identity{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;background:#f1e3da;border:1px solid #ddc9bc;color:#6c4d45}
.booking-client-identity>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#a86452;color:white}.booking-client-identity small{display:block;font-size:7px;letter-spacing:.12em}.booking-client-identity b{display:block;margin-top:3px;color:#3f302d;font-family:Georgia,serif;font-size:15px}.booking-client-identity p{display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 0;color:#8c7770;font-size:9px}.booking-client-identity>a{color:#884f42;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.booking-summary{padding:15px 16px;border:1px solid #ded2c7;background:#f4e9e0}.booking-summary>span{color:#9a6c58;font-size:8px;font-weight:700;letter-spacing:.14em}.booking-summary p{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:9px 0 0}.booking-summary b{color:#4e3c38;font-size:11px}.booking-summary em{color:#9b714f;font-size:10px;text-align:right}.booking-summary b:nth-of-type(2),.booking-summary b:nth-of-type(3){grid-column:1/-1;color:#81706a;font-size:9px;font-weight:500}.booking-summary.is-ready{border-color:#c49a78;background:#f4e3d6}
.booking-payment-choice{display:grid;gap:13px;padding:17px;border:1px solid #dcc8bb;background:#f2e5dc}.booking-payment-choice h3{margin:4px 0;color:#4c3531;font:400 22px Georgia,serif}.booking-payment-choice p{margin:0;color:#7b6862;font-size:10px;line-height:1.55}.booking-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.booking-payment-options label{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid #dbc9bd;background:#fffaf5;letter-spacing:0!important;text-transform:none!important}.booking-payment-options input{width:auto!important;min-height:0!important;margin-top:2px}.booking-payment-options span{display:grid;gap:3px}.booking-payment-options b{color:#4a3935;font-size:10px}.booking-payment-options small{color:#8a7770;font-size:8px}.booking-payment-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddc9bc}.booking-payment-breakdown>span{display:grid;gap:4px;padding:10px;background:#fffaf6;color:#89736c;font-size:8px}.booking-payment-breakdown b{color:#543d37;font-size:12px}.booking-payment-dev-note{color:#a05d51;font-size:8px;line-height:1.5}
.booking-submit{min-height:54px}.booking-submit:disabled{cursor:not-allowed;opacity:.55;transform:none!important}
.foxfy-payment-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(46,29,27,.72);backdrop-filter:blur(8px)}.foxfy-payment-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;background:#fffaf5;color:#493b38;box-shadow:0 28px 90px rgba(0,0,0,.32)}.foxfy-payment-close{position:absolute;top:13px;right:13px;width:36px;height:36px;border:1px solid #dfcec1;background:#fff;color:#79564c;font-size:22px}.foxfy-mp-brand-logo,.foxfy-mp-approved-logo{width:150px;height:auto;margin-bottom:18px}.foxfy-payment-dialog h2{margin:8px 0 8px;font-size:35px}.foxfy-payment-dialog p{color:#77645e;line-height:1.6}.foxfy-payment-amount{display:flex;justify-content:space-between;gap:15px;margin:20px 0;padding:14px;background:#f0e2d8}.foxfy-payment-amount b{color:#713e33}.foxfy-payment-loading,.foxfy-payment-error{padding:12px;background:#f4e8df;font-size:10px}.foxfy-payment-error{color:#a34c43}.foxfy-pix-result{display:grid;grid-template-columns:180px 1fr;gap:18px;margin-top:16px}.foxfy-pix-result img{width:180px}.foxfy-pix-result textarea{width:100%;height:80px}.foxfy-payment-security{display:block;margin-top:14px;color:#95817a;font-size:8px;line-height:1.5}.foxfy-payment-approved{text-align:center}.foxfy-payment-approved-icon{display:grid;width:58px;height:58px;place-items:center;margin:0 auto 12px;border-radius:50%;background:#e0ede2;color:#5b8664;font-size:28px}.foxfy-payment-approved-status{color:#5b8664;font-size:9px;font-weight:700;letter-spacing:.12em}.foxfy-payment-approved-summary{display:grid;gap:1px;margin:18px 0;background:#dfcec1}.foxfy-payment-approved-summary>div{display:flex;justify-content:space-between;padding:10px 12px;background:#fff}.foxfy-payment-approved-actions{display:grid;gap:8px;margin-top:18px}.foxfy-payment-approved-actions a{display:flex;justify-content:center;padding:13px;background:#713e33;color:#fff;text-decoration:none}.foxfy-payment-modal[hidden]{display:none!important}
.nc-toast{z-index:10000!important}
@media(max-width:680px){.booking-steps{grid-template-columns:1fr 1fr}.booking-payment-options{grid-template-columns:1fr}.booking-payment-breakdown{grid-template-columns:1fr}.booking-client-identity{grid-template-columns:38px minmax(0,1fr)}.booking-client-identity>a{grid-column:2}.foxfy-payment-dialog{padding:24px 17px}.foxfy-pix-result{grid-template-columns:1fr}.foxfy-pix-result img{margin:auto}}

/* FOXsalon 1.0.1 DEV — resumo de pagamento coerente com a política escolhida */
.booking-payment-breakdown.is-total-only{grid-template-columns:minmax(0,1fr)!important}
.booking-payment-breakdown.is-total-only>span:first-child{grid-column:1/-1;width:100%}
.booking-payment-breakdown.is-split{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.booking-payment-breakdown>span[hidden]{display:none!important}
@media(max-width:680px){
  .booking-payment-breakdown.is-total-only{grid-template-columns:1fr!important}
  .booking-payment-breakdown.is-split{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .booking-payment-breakdown.is-split>span:first-child{grid-column:1/-1}
}


/* FOXsalon 1.0.10 DEV — refinamento do resumo de pagamento */
.booking-payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.booking-payment-heading>div{min-width:0;flex:1}
.booking-payment-choice .eyebrow{color:#7d5147!important;font-weight:700;letter-spacing:.18em}
.booking-payment-choice h3{color:#3f2926!important;font-size:24px;line-height:1.08}
.booking-payment-choice p{color:#705c57!important}
.booking-mp-badge{display:flex;min-width:126px;align-items:center;justify-content:center;align-self:center;padding:8px 11px;border:1px solid rgba(98,72,65,.12);border-radius:12px;background:rgba(255,253,250,.92);box-shadow:0 8px 20px rgba(72,47,42,.06)}
.booking-mp-badge[hidden]{display:none!important}
.booking-mp-badge img{display:block;width:104px;height:auto}
.booking-payment-breakdown>span{color:#78635d;font-size:9px}
.booking-payment-breakdown b{color:#3f2926;font-size:18px;line-height:1.05;letter-spacing:-.02em}
.booking-payment-breakdown.is-total-only>span:first-child{padding:13px 12px}
.booking-payment-breakdown.is-total-only>span:first-child b{font-size:21px}
@media(max-width:680px){
  .booking-payment-heading{align-items:flex-start;gap:12px}
  .booking-payment-choice h3{font-size:22px}
  .booking-mp-badge{min-width:105px;padding:7px 9px;border-radius:10px}
  .booking-mp-badge img{width:88px}
  .booking-payment-breakdown b{font-size:17px}
  .booking-payment-breakdown.is-total-only>span:first-child b{font-size:20px}
}
@media(max-width:420px){
  .booking-payment-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .booking-mp-badge{min-width:92px;padding:6px 8px}
  .booking-mp-badge img{width:78px}
}
