.elementor-3561 .elementor-element.elementor-element-7a72272{--display:flex;--min-height:477px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.6;--overlay-mix-blend-mode:luminosity;--padding-top:100px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3561 .elementor-element.elementor-element-7a72272:not(.elementor-motion-effects-element-type-background), .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bakamunacoliving.com/wp-content/uploads/2026/06/DSC04749.webp");background-position:0px 69%;background-repeat:no-repeat;background-size:cover;}.elementor-3561 .elementor-element.elementor-element-7a72272::before, .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-background-video-container::before, .elementor-3561 .elementor-element.elementor-element-7a72272 > .e-con-inner > .elementor-background-video-container::before, .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-background-slideshow::before, .elementor-3561 .elementor-element.elementor-element-7a72272 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#352920;--background-overlay:'';}.elementor-3561 .elementor-element.elementor-element-514a293{--display:flex;}.elementor-3561 .elementor-element.elementor-element-f0cfae9{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3561 .elementor-element.elementor-element-f0cfae9 .elementor-heading-title{color:var( --e-global-color-869d790 );}.elementor-3561 .elementor-element.elementor-element-f6e54e7{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3561 .elementor-element.elementor-element-7a72272:not(.elementor-motion-effects-element-type-background), .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}}@media(max-width:767px){.elementor-3561 .elementor-element.elementor-element-7a72272{--min-height:460px;--padding-top:100px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-3561 .elementor-element.elementor-element-7a72272:not(.elementor-motion-effects-element-type-background), .elementor-3561 .elementor-element.elementor-element-7a72272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0%;}}/* Start custom CSS for shortcode, class: .elementor-element-6e7e2c *//* BAKAMUNA – MotoPress booking checkout
   Vervangt de oude Custom CSS in de Checkout-widget.
   Alleen vormgeving: geen wijzigingen aan tarieven, velden of betaalverwerking.
   17 oktober 2026 – test op /courtyard/ vóór livegang.
*/

/* Kleuren en basis */
.mphb_sc_checkout-wrapper {
  --bk-ink: #1F1612;
  --bk-text: #4A3B30;
  --bk-paper: #FFFCF3;
  --bk-stone: #E3D7BD;
  --bk-border: #D4C5A5;
  --bk-accent: #9E633B;
  --bk-accent-dark: #7D4E2C;
  --bk-error: #9E3B2F;
  width: 100%;
  max-width: 680px;
  margin-inline: auto;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--bk-ink);
}
.mphb_sc_checkout-wrapper *,
.mphb_sc_checkout-wrapper *::before,
.mphb_sc_checkout-wrapper *::after { box-sizing: border-box; }
.mphb_sc_checkout-wrapper .mphb-login-form-wrap,
.mphb_sc_checkout-wrapper .mphb-login-form-wrap p { margin-bottom: 0; }
.mphb_sc_checkout-wrapper .mphb-login-form-wrap {
  padding: 14px 28px;
  background: var(--bk-stone);
  border: 1px solid var(--bk-border);
  border-radius: 12px 12px 0 0;
  color: var(--bk-text);
  font-size: 14px;
}
.mphb_sc_checkout-wrapper a { color: var(--bk-accent-dark); }
.mphb_sc_checkout-wrapper a:hover { text-decoration: underline; }

/* Formulierkaart en secties */
.mphb_sc_checkout-wrapper .mphb_sc_checkout-form {
  overflow: hidden;
  margin: 0;
  background: var(--bk-paper);
  border: 1px solid var(--bk-stone);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(31,22,18,.10);
}
.mphb_sc_checkout-wrapper .mphb-login-form-wrap + .mphb_sc_checkout-form {
  border-top: 0;
  border-radius: 0 0 12px 12px;
}
.mphb_sc_checkout-form > .mphb-checkout-section:not(:first-of-type) { margin-top: 0; }
.mphb_sc_checkout-form .mphb-checkout-section {
  padding: 28px 32px;
  border-bottom: 1px solid var(--bk-stone);
}
.mphb_sc_checkout-form .mphb-checkout-section:last-of-type { border-bottom: 0; }

/* Titels: normale leesbare letters, zonder 9px-spatiëring */
.mphb_sc_checkout-form .mphb-booking-details-title,
.mphb_sc_checkout-form .mphb-customer-details-title,
.mphb_sc_checkout-form .mphb-price-breakdown-title {
  margin: 0 0 18px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--bk-stone);
  font-family: 'Playfair Display', serif;
  font-size: 22px !important;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: normal;
  color: var(--bk-ink);
}
.mphb_sc_checkout-form .mphb-booking-details-title::before,
.mphb_sc_checkout-form .mphb-customer-details-title::before {
  display: block;
  margin-bottom: 5px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--bk-text);
}
.mphb_sc_checkout-form .mphb-booking-details-title::before { content: 'Your booking'; }
.mphb_sc_checkout-form .mphb-customer-details-title::before { content: 'About you'; }

/* Verblijfsdata en kamergegevens */
.mphb_sc_checkout-form .mphb-check-in-date,
.mphb_sc_checkout-form .mphb-check-out-date {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 9px;
  color: var(--bk-text);
  font-size: 15px;
}
.mphb_sc_checkout-form .mphb-check-in-date > span:first-child,
.mphb_sc_checkout-form .mphb-check-out-date > span:first-child {
  min-width: 75px;
  color: var(--bk-text);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.mphb_sc_checkout-form .mphb-check-in-date strong,
.mphb_sc_checkout-form .mphb-check-out-date strong { color: var(--bk-ink); }
.mphb_sc_checkout-form .mphb-reserve-rooms-details { margin-top: 18px; }
.mphb_sc_checkout-form .mphb-room-details {
  margin-bottom: 12px;
  padding: 20px;
  border-radius: 10px;
  background: var(--bk-stone);
}
.mphb_sc_checkout-form .mphb-room-details:last-child { margin-bottom: 0; }
.mphb_sc_checkout-form .mphb-room-number {
  margin-bottom: 8px;
  color: var(--bk-text);
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  letter-spacing: normal;
}
.mphb_sc_checkout-form .mphb-room-type-title {
  margin-bottom: 16px;
  color: var(--bk-ink);
  font-size: 16px !important;
  line-height: 1.5;
  font-weight: 600;
}
.mphb_sc_checkout-form .mphb-room-type-title a { color: var(--bk-accent-dark); }

/* Labels en uitleg goed leesbaar */
.mphb_sc_checkout-form .mphb-customer-details label,
.mphb_sc_checkout-form .mphb-room-details label {
  display: block;
  margin-bottom: 6px;
  color: var(--bk-text);
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .02em;
  text-transform: none;
}
.mphb_sc_checkout-form .mphb-required-fields-tip,
.mphb_sc_checkout-form .mphb-required-fields-tip small {
  margin-bottom: 18px;
  color: var(--bk-text) !important;
  font-family: 'Inter', sans-serif;
  font-size: 14px !important;
  line-height: 1.6;
  letter-spacing: normal;
}
.mphb_sc_checkout-form label abbr,
.mphb_sc_checkout-form .mphb-required-fields-tip abbr {
  color: var(--bk-error);
  border: 0;
  text-decoration: none;
}
.mphb_sc_checkout-form .mphb-customer-details br,
.mphb_sc_checkout-form .mphb-room-details br { display: none; }
.mphb_sc_checkout-form .mphb-customer-details p,
.mphb_sc_checkout-form .mphb-room-details p { margin-bottom: 16px; }

/* Velden: behoud bestaande tweekolomsindeling op groot scherm */
.mphb_sc_checkout-form .mphb-adults-chooser,
.mphb_sc_checkout-form .mphb-guest-name-wrapper,
.mphb_sc_checkout-form .mphb-customer-name,
.mphb_sc_checkout-form .mphb-customer-last-name {
  display: inline-block;
  width: calc(50% - 9px);
  vertical-align: top;
}
.mphb_sc_checkout-form .mphb-adults-chooser,
.mphb_sc_checkout-form .mphb-customer-name { margin-right: 14px; }
.mphb_sc_checkout-form input[type='text'],
.mphb_sc_checkout-form input[type='email'],
.mphb_sc_checkout-form input[type='tel'],
.mphb_sc_checkout-form select,
.mphb_sc_checkout-form textarea {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 11px 14px;
  background: var(--bk-paper);
  border: 1px solid var(--bk-border);
  border-radius: 7px;
  color: var(--bk-ink);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.4;
}
.mphb_sc_checkout-form textarea { min-height: 94px; resize: vertical; }
.mphb_sc_checkout-form input:focus-visible,
.mphb_sc_checkout-form select:focus-visible,
.mphb_sc_checkout-form textarea:focus-visible {
  outline: 2px solid var(--bk-accent);
  outline-offset: 2px;
}
.mphb_sc_checkout-form input::placeholder,
.mphb_sc_checkout-form textarea::placeholder { color: #716254; opacity: 1; }

/* Prijsopbouw: rustige tabel zonder zware kaders en verticale lijnen */
.mphb_sc_checkout-form .mphb-room-price-breakdown-wrapper {
  padding: 24px 32px;
  background: var(--bk-paper);
}
/* Het thema voegt eigen tabelranden toe; uitsluitend hier overschrijven. */
.mphb_sc_checkout-wrapper .mphb-price-breakdown,
.mphb_sc_checkout-wrapper .mphb-price-breakdown tr,
.mphb_sc_checkout-wrapper .mphb-price-breakdown th,
.mphb_sc_checkout-wrapper .mphb-price-breakdown td {
  border: 0 !important;
  box-shadow: none;
}
.mphb_sc_checkout-wrapper .mphb-price-breakdown {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background: transparent;
  color: var(--bk-text);
  font-family: 'Inter', sans-serif;
}
.mphb_sc_checkout-wrapper .mphb-price-breakdown :is(th, td) {
  padding: 13px 8px;
  border-bottom: 1px solid var(--bk-border) !important;
  background: transparent;
  color: var(--bk-text);
  text-align: left !important;
  vertical-align: middle;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
}
/* Bedragen rechts; Total en Deposit links, in plaats van gecentreerd. */
.mphb_sc_checkout-wrapper .mphb-price-breakdown :is(th, td):last-child,
.mphb_sc_checkout-wrapper .mphb-price-breakdown .mphb-table-price-column {
  text-align: right !important;
}
.mphb_sc_checkout-wrapper .mphb-price-breakdown tfoot :is(th, td) {
  color: var(--bk-ink);
  font-size: 16px;
  font-weight: 600;
}
.mphb_sc_checkout-wrapper .mphb-price-breakdown tfoot tr:last-child :is(th, td) {
  border-bottom: 0 !important;
}
.mphb_sc_checkout-wrapper .mphb-price-breakdown-accommodation { color: var(--bk-accent-dark); }
.mphb_sc_checkout-wrapper .mphb-price-breakdown-rate { color: var(--bk-text); font-size: 13px; }

/* Totaal en 20%-aanbetaling: dezelfde horizontale marge */
.mphb_sc_checkout-form .mphb-total-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 32px;
  margin: 0;
  border-top: 1px solid var(--bk-border);
  background: var(--bk-stone);
}
.mphb_sc_checkout-form .mphb-total-price output {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  color: var(--bk-text);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  letter-spacing: normal;
}
.mphb_sc_checkout-form .mphb-total-price-field {
  color: var(--bk-ink);
  font-family: 'Playfair Display', serif;
  font-size: 24px;
  font-weight: 600;
}
/* MotoPress plaatst de aanbetaling onder de totaalprijs. */
.mphb_sc_checkout-form .mphb-deposit-amount,
.mphb_sc_checkout-form p:has(.mphb-deposit-amount-field) {
  margin: 0;
  padding: 16px 32px 10px;
  color: var(--bk-ink);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.mphb_sc_checkout-form .mphb-deposit-amount-field {
  color: var(--bk-ink);
  font-weight: 700;
}

/* Betaalmethode en voorwaarden */
.mphb_sc_checkout-form #mphb-billing-details {
  padding: 22px 32px;
  background: var(--bk-paper);
}
.mphb_sc_checkout-form .mphb-gateway-chooser-title {
  margin-bottom: 12px;
  color: var(--bk-ink);
  font-family: 'Playfair Display', serif;
  font-size: 20px;
}
.mphb_sc_checkout-form .mphb-gateways-list { margin: 0 0 16px; padding: 0; list-style: none; }
.mphb_sc_checkout-form .mphb-gateways-list li { margin-bottom: 10px; }
.mphb_sc_checkout-form .mphb-gateway-title { color: var(--bk-ink); font-size: 15px; }
.mphb_sc_checkout-form .mphb-gateway-description { color: var(--bk-text); font-size: 14px; }
.mphb_sc_checkout-form input[type='checkbox'],
.mphb_sc_checkout-form input[type='radio'] { accent-color: var(--bk-accent); }
.mphb_sc_checkout-form .mphb-checkout-terms-wrapper { padding-inline: 32px; }
.mphb_sc_checkout-form .mphb-checkout-terms-wrapper label { color: var(--bk-text); font-size: 15px; }
.mphb_sc_checkout-form .mphb-errors-wrapper:not(.mphb-hide) {
  margin: 12px 32px;
  padding: 12px 16px;
  border: 1px solid #dca9a1;
  border-radius: 8px;
  background: #fff4f2;
  color: var(--bk-error);
  font-size: 14px;
}

/* Boeken: knop blijft groot en duidelijk */
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper {
  margin: 0;
  padding: 24px 32px 28px;
  background: var(--bk-paper);
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper input[type='submit'],
.mphb_sc_checkout-form input.button[type='submit'] {
  display: block;
  width: 100%;
  min-height: 54px;
  padding: 14px 24px;
  border: 0;
  border-radius: 999px;
  background: var(--bk-accent);
  color: var(--bk-paper);
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease;
}
.mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper input[type='submit']:hover,
.mphb_sc_checkout-form input.button[type='submit']:hover { background: var(--bk-accent-dark); }
.mphb_sc_checkout-form input[type='submit']:focus-visible { outline: 3px solid var(--bk-ink); outline-offset: 3px; }

/* Mobiel */
@media (max-width: 560px) {
  .mphb_sc_checkout-wrapper .mphb-login-form-wrap,
  .mphb_sc_checkout-form .mphb-checkout-section,
  .mphb_sc_checkout-form .mphb-room-price-breakdown-wrapper,
  .mphb_sc_checkout-form .mphb-total-price,
  .mphb_sc_checkout-form .mphb-deposit-amount,
  .mphb_sc_checkout-form p:has(.mphb-deposit-amount-field),
  .mphb_sc_checkout-form .mphb_sc_checkout-submit-wrapper,
  .mphb_sc_checkout-form #mphb-billing-details {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mphb_sc_checkout-form .mphb-checkout-terms-wrapper { padding-inline: 20px; }
  .mphb_sc_checkout-form .mphb-adults-chooser,
  .mphb_sc_checkout-form .mphb-guest-name-wrapper,
  .mphb_sc_checkout-form .mphb-customer-name,
  .mphb_sc_checkout-form .mphb-customer-last-name {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .mphb_sc_checkout-form .mphb-room-details { padding: 16px; }
  .mphb_sc_checkout-form .mphb-total-price output { flex-wrap: wrap; }
}/* End custom CSS */