/* Booking preview on the Atraen contact shell. Fields and the button reuse the
   theme's contact-form classes; these rules add the time picker and states in
   the same palette (white pills on the warm panel, black selection, orange
   hover) rather than the old site's booking widget. */
.bkp-hidden{display:none!important}
.bkp-notice{margin:0 0 var(--fixed-sizes--size-6);padding:var(--fixed-sizes--size-4) var(--fixed-sizes--size-5,20px);border:1px dashed var(--_colors---main-color--brown-color);border-radius:var(--radius-sizes--radius-main);background-color:var(--_colors---main-color--white-color);color:var(--_colors---nutral-color--200);font-size:var(--_typography---body-4--font-size);line-height:1.5;text-align:left}
.bkp-notice strong{color:var(--_colors---main-color--black-color);font-weight:500}
.bkp-notice a,.bkp-alt a{color:var(--_colors---main-color--black-color);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.bkp{text-align:left}
.bkp-head{display:flex;align-items:center;justify-content:space-between;gap:var(--fixed-sizes--size-3);margin-bottom:var(--fixed-sizes--size-4)}
.bkp-head .bkp-step{margin:0}
.bkp-sample{flex:none;padding:4px 12px;border-radius:4rem;background-color:var(--_colors---main-color--white-color);color:var(--_colors---main-color--brown-color);font-size:var(--_typography---body-4--font-size);line-height:1.5}
.bkp-week{display:flex;align-items:center;justify-content:space-between;gap:var(--fixed-sizes--size-3);margin-bottom:var(--fixed-sizes--size-4)}
.bkp-week .body-text-main{text-align:center}
.bkp-arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--_colors---main-color--transparent);border-radius:50%;background-color:var(--_colors---main-color--white-color);color:var(--_colors---main-color--black-color);cursor:pointer;transition:background-color .4s,color .4s}
.bkp-arrow:not(:disabled):hover{background-color:var(--_colors---main-color--black-color);color:var(--_colors---main-color--white-color)}
.bkp-arrow:disabled{opacity:.35;cursor:not-allowed}
.bkp-days,.bkp-pills{display:flex;flex-wrap:wrap;gap:var(--fixed-sizes--size-2,8px)}
.bkp-days{margin-bottom:var(--fixed-sizes--size-6)}
.bkp-pill{display:inline-flex;align-items:center;gap:8px;min-height:2.75rem;padding:0 var(--fixed-sizes--size-4);border:1px solid var(--_colors---main-color--transparent);border-radius:4rem;background-color:var(--_colors---main-color--white-color);color:var(--_colors---main-color--black-color);font-family:inherit;font-size:var(--_typography---body-4--font-size);line-height:1.2;cursor:pointer;transition:border-color .4s,background-color .4s,color .4s}
.bkp-pill:hover{border-color:var(--_colors---main-color--primary-color)}
.bkp-pill[aria-pressed="true"]{border-color:var(--_colors---main-color--black-color);background-color:var(--_colors---main-color--black-color);color:var(--_colors---main-color--white-color)}
.bkp-dot{flex:none;width:6px;height:6px;border-radius:50%;background-color:var(--_colors---nutral-color--600)}
.bkp-dot--open{background-color:var(--_colors---main-color--primary-color)}
.bkp-group+.bkp-group{margin-top:var(--fixed-sizes--size-6)}
.bkp-group-label{margin:0 0 var(--fixed-sizes--size-3);color:var(--_colors---nutral-color--300);font-size:var(--_typography---body-4--font-size)}
.bkp-more{display:inline-block;margin-top:var(--fixed-sizes--size-3);padding:6px 0;border:0;background:none;color:var(--_colors---main-color--black-color);font-family:inherit;font-size:var(--_typography---body-4--font-size);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bkp-empty,.bkp-tz,.bkp-et{color:var(--_colors---nutral-color--300);font-size:var(--_typography---body-4--font-size)}
.bkp-empty{margin:0 0 var(--fixed-sizes--size-4)}
.bkp-tz{margin:var(--fixed-sizes--size-6) 0 0}
.bkp-summary{margin-bottom:var(--fixed-sizes--size-6);padding:var(--fixed-sizes--size-4) var(--fixed-sizes--size-5,20px);border-radius:var(--radius-sizes--radius-main);background-color:var(--_colors---main-color--white-color)}
.bkp-summary p{margin:0}
.bkp-summary .contact-form-label{margin-bottom:4px}
.bkp-selected{color:var(--_colors---main-color--black-color);font-size:var(--_typography---body-2--font-size)}
.bkp-et{margin-top:4px!important}
.bkp-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--fixed-sizes--size-6)}
.bkp .contact-form-field{width:100%;color:var(--_colors---main-color--black-color)}
.bkp .bkp-textarea{min-height:6.5rem;resize:vertical}
.bkp-req{color:var(--_colors---main-color--brown-color)}
.bkp-opt{color:var(--_colors---nutral-color--400);font-size:var(--_typography---body-4--font-size)}
.bkp-err{display:block;min-height:1.2em;margin-top:6px;color:#b42318;font-size:var(--_typography---body-4--font-size)}
.bkp-err:empty{min-height:0;margin:0}
.bkp-submit{display:block;border:0;color:var(--_colors---main-color--white-color);font-family:inherit}
.bkp-submit:disabled,.bkp-submit:disabled:hover{background-color:var(--_colors---nutral-color--400);cursor:not-allowed}
.bkp-why{margin:var(--fixed-sizes--size-3) 0 0;color:var(--_colors---nutral-color--200);font-size:var(--_typography---body-4--font-size);line-height:1.5;text-align:center}
.bkp-alt{margin:var(--fixed-sizes--size-6) 0 0;color:var(--_colors---nutral-color--300);font-size:var(--_typography---body-4--font-size);text-align:center}
.bkp :focus-visible,.bkp-notice a:focus-visible,.bkp-alt a:focus-visible{outline:2px solid var(--_colors---main-color--black-color);outline-offset:2px}
@media (max-width:560px){.bkp-row{grid-template-columns:1fr}.bkp-head{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.bkp-pill,.bkp-arrow{transition:none}}