/* ============================================================
   Imagine Spain — MotoPress Hotel Booking huisstijl
   (zoekformulier, datepicker groen/rood, resultaten, checkout)
   Laadt NA mphb-styles zodat onze stijl wint.
   ============================================================ */

/* ---- Zoekformulier (boekingsbalk + /search-availability/) ---- */
.mphb_sc_search-form { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }
.mphb_sc_search-form > p { flex: 1 1 180px; margin: 0; min-width: 150px; }
.mphb_sc_search-form .mphb-required-fields-tip {
  flex-basis: 100%; order: 99; margin: .25rem 0 0; padding: 0;
  font-size: var(--fs-300); color: var(--c-ink-muted);
}
.mphb_sc_search-form label {
  display: block; font-weight: 600; font-size: var(--fs-300);
  color: var(--c-ink); margin-bottom: .35rem; letter-spacing: .01em;
}
.mphb_sc_search-form input,
.mphb_sc_search-form select {
  width: 100%; min-height: 50px; padding: .75rem .9rem;
  border: 1px solid var(--c-sand-300); border-radius: var(--radius-sm);
  background: #fff; color: var(--c-ink); font: inherit; line-height: 1.2;
}
.mphb_sc_search-form input:focus,
.mphb_sc_search-form select:focus { border-color: var(--c-accent); outline: 2px solid var(--c-accent-soft); }
.mphb_sc_search-submit-button-wrapper { display: flex; align-items: flex-end; flex: 1 1 160px; }
.mphb_sc_search-form button[type="submit"],
.mphb_sc_search-form .mphb_sc_search-submit-button-wrapper button {
  width: 100%; min-height: 50px; border: 0; cursor: pointer;
  background: var(--c-accent); color: #fff; font-weight: 600;
  border-radius: var(--radius-pill); padding: .85rem 1.5rem;
  transition: background var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.mphb_sc_search-form button[type="submit"]:hover { background: var(--c-accent-strong); transform: translateY(-1px); }

/* Op de losse /search-availability/ pagina: zet het formulier in een kaart */
.page-template-default .mphb_sc_search-wrapper,
body:not(.home) .mphb_sc_search-wrapper {
  background: #fff; border: 1px solid var(--c-border);
  border-radius: var(--radius-lg); box-shadow: var(--shadow);
  padding: var(--space-4); max-width: var(--container); margin-inline: auto;
}

/* ---- Datepicker (kbwood) — groen = beschikbaar, rood = geboekt ---- */
.mphb-datepick-popup {
  font-family: var(--font-body) !important;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-lg) !important;
  background: #fff !important; padding: .4rem !important;
}
.mphb-datepick-popup .datepick-month-header,
.mphb-datepick-popup .datepick-month-header select { color: var(--c-ink); font-weight: 600; font-family: var(--font-head); }
.mphb-datepick-popup .datepick-month th { color: var(--c-ink-muted); font-weight: 600; }
.mphb-datepick-popup .datepick-days-cell,
.mphb-datepick-popup td a, .mphb-datepick-popup td span {
  border-radius: 8px !important; transition: background var(--dur), color var(--dur); border: 0 !important;
}

/* Beschikbaar / selecteerbaar = groen */
.mphb-datepick-popup .mphb-date-selectable,
.mphb-datepick-popup .mphb-selectable-date,
.mphb-datepick-popup .mphb-available-date,
.mphb-datepick-popup .datepick-days-cell.datepick-selectable {
  background: #e7f6ec !important; color: #1c7a44 !important; font-weight: 600 !important;
}
.mphb-datepick-popup .mphb-date-selectable:hover,
.mphb-datepick-popup .mphb-selectable-date:hover,
.mphb-datepick-popup .datepick-days-cell.datepick-selectable:hover {
  background: #2f8f5b !important; color: #fff !important;
}

/* Geboekt / niet beschikbaar = rood */
.mphb-datepick-popup .mphb-unselectable-date,
.mphb-datepick-popup .mphb-mark-as-unavailable--check-in,
.mphb-datepick-popup .mphb-mark-as-unavailable--check-out {
  background: #fdeaea !important; color: #c0392b !important;
  text-decoration: line-through; cursor: not-allowed;
}

/* Verleden / buiten seizoen / andere maand = gedempt grijs */
.mphb-datepick-popup .mphb-past-date,
.mphb-datepick-popup .mphb-out-of-season-date,
.mphb-datepick-popup .datepick-other-month,
.mphb-datepick-popup .datepick-unselectable {
  color: var(--c-ink-muted) !important; background: transparent !important; opacity: .55; text-decoration: none;
}
/* Geselecteerde aankomst/vertrek + range */
.mphb-datepick-popup .datepick-current-day,
.mphb-datepick-popup .mphb-check-in-date,
.mphb-datepick-popup .mphb-check-out-date { background: var(--c-accent) !important; color: #fff !important; }
.mphb-datepick-popup .datepick-highlight { background: var(--c-accent-soft) !important; color: var(--c-accent-strong) !important; }

/* ---- Legenda onder de boekingsbalk ---- */
.mphb-legend { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-2); font-size: var(--fs-300); color: var(--c-ink-soft); }
.mphb-legend span { display: inline-flex; align-items: center; gap: .4rem; }
.mphb-legend i { width: 14px; height: 14px; border-radius: 4px; display: inline-block; }
.mphb-legend .is-free { background: #e7f6ec; border: 1px solid #2f8f5b; }
.mphb-legend .is-booked { background: #fdeaea; border: 1px solid #c0392b; }

/* ---- Zoekresultaten / accommodatielijst ---- */
.mphb_sc_search-results, .mphb-room-type-list { display: grid; gap: var(--space-4); grid-template-columns: 1fr; }
.mphb_room-type, .mphb-room-type {
  background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-lg);
  overflow: hidden; box-shadow: var(--shadow-sm);
}
.mphb_room-type img, .mphb-room-type img { width: 100%; height: auto; }
.mphb-price, .mphb_price, .mphb-room-type-price { color: var(--c-accent-strong); font-weight: 700; font-family: var(--font-head); font-size: var(--fs-500); }

/* ---- Knoppen MotoPress (boeken, toevoegen, checkout, coupon) ---- */
.mphb_sc_book-button a,
button.mphb-load-more-button,
.mphb_widget_booking_form button,
.mphb-booking button[type="submit"],
input[type="submit"].mphb-submit,
.mphb-coupon-block button {
  background: var(--c-accent) !important; color: #fff !important; border: 0 !important;
  border-radius: var(--radius-pill) !important; padding: .8rem 1.6rem !important;
  font-weight: 600 !important; cursor: pointer; transition: background var(--dur);
}
.mphb_sc_book-button a:hover,
.mphb-booking button[type="submit"]:hover { background: var(--c-accent-strong) !important; }

/* Kortingscode-veld */
.mphb-coupon-block { display: flex; gap: var(--space-2); flex-wrap: wrap; align-items: center; }
.mphb-coupon-block input { padding: .7rem .9rem; border: 1px solid var(--c-sand-300); border-radius: var(--radius-sm); }

/* ============================================================
   Accommodatie-detailpagina (moderne 2-koloms layout)
   ============================================================ */
.accommodation-single { padding-bottom: var(--space-7); }
.detail-hero { padding-top: var(--space-5); }
.breadcrumbs { font-size: var(--fs-300); color: var(--c-ink-muted); margin-bottom: var(--space-2); }
.breadcrumbs a:hover { color: var(--c-accent-strong); }
.detail-hero__head h1, .accommodation-single .mphb-room-type-title, .accommodation-single h1 { font-size: var(--fs-800); margin: 0; }

/* Galerij: grote hero-foto + compacte thumbnail-grid (WP [gallery]) */
.detail-gallery { margin-top: var(--space-4); }
.detail-gallery > a.mphb-lightbox { display: block; border-radius: var(--radius-lg); overflow: hidden; margin-bottom: .6rem; }
.detail-gallery > a.mphb-lightbox img { width: 100%; height: clamp(320px, 44vw, 560px); object-fit: cover; display: block; transition: transform .6s var(--ease); }
.detail-gallery > a.mphb-lightbox:hover img { transform: scale(1.03); }
.detail-gallery .mphb-room-type-gallery-wrapper { width: 100%; }
.detail-gallery .gallery {
  display: grid !important; gap: .6rem;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  width: 100%; margin: 0 !important;
}
.detail-gallery .gallery-item { width: auto !important; margin: 0 !important; float: none !important; padding: 0 !important; }
.detail-gallery .gallery-icon { margin: 0 !important; border-radius: var(--radius); overflow: hidden; }
.detail-gallery .gallery-icon img { width: 100% !important; height: 130px; object-fit: cover; border: 0 !important; padding: 0 !important; transition: transform .5s var(--ease); }
.detail-gallery .gallery-icon a:hover img { transform: scale(1.06); }
.detail-gallery .gallery-caption { display: none !important; }

/* 2-koloms grid */
.detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: var(--space-6); align-items: start; padding-top: var(--space-6); }
.detail-main { min-width: 0; }
.detail-block + .detail-block { margin-top: var(--space-6); }
.detail-block h2 { font-size: var(--fs-600); margin-bottom: var(--space-3); }
.detail-description :where(p, li) { color: var(--c-ink-soft); }

/* Kenmerken als chips/grid */
.detail-attributes .mphb-single-room-type-attributes,
.detail-attributes .mphb-room-type-attributes { display: grid; gap: var(--space-3); grid-template-columns: repeat(auto-fill, minmax(180px,1fr)); list-style: none; padding: 0; margin: 0; }
.detail-attributes .mphb-room-type-facilities { grid-column: 1 / -1; }
.mphb-single-room-type-attributes > *,
.detail-attributes [class*="mphb-room-type-"] {
  background: var(--c-sand-50); border: 1px solid var(--c-border); border-radius: var(--radius);
  padding: var(--space-3); display: flex; flex-direction: column; gap: .2rem;
}
.mphb-attribute-title { font-weight: 600; color: var(--c-ink); font-size: var(--fs-300); text-transform: uppercase; letter-spacing: .04em; }
.mphb-attribute-value { color: var(--c-ink-soft); font-size: var(--fs-500); font-family: var(--font-head); }

/* Sticky boekingskaart */
.detail-aside { position: sticky; top: calc(var(--header-h) + 1rem); }
.booking-card { background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: var(--space-4); }
.booking-card__price { border-bottom: 1px solid var(--c-border); padding-bottom: var(--space-3); margin-bottom: var(--space-3); }
.booking-card__price .mphb-price, .booking-card__price .mphb_price { font-size: var(--fs-700); }
.booking-card .mphb-legend { margin-top: var(--space-3); }

@media (max-width: 900px) {
  .detail-grid { grid-template-columns: 1fr; gap: var(--space-5); }
  .detail-aside { position: static; }
  .detail-gallery .mphb-single-room-type-gallery-wrapper,
  .detail-gallery .mphb-gallery { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   Datepicker LICHTER & moderner (minder zwart)
   ============================================================ */
.mphb-datepick-popup, .hasDatepick + .mphb-datepick-popup { color: var(--c-ink) !important; }
.mphb-datepick-popup .datepick-nav, .mphb-datepick-popup .datepick-ctrl { background: transparent !important; }
.mphb-datepick-popup .datepick-cmd, .mphb-datepick-popup a.datepick-cmd,
.mphb-datepick-popup .datepick-cmd-prev, .mphb-datepick-popup .datepick-cmd-next {
  background: var(--c-sand-100) !important; color: var(--c-ink) !important;
  border: 0 !important; border-radius: 8px !important;
}
.mphb-datepick-popup .datepick-cmd:hover { background: var(--c-accent) !important; color: #fff !important; }
.mphb-datepick-popup .datepick-month-header,
.mphb-datepick-popup .datepick-month-header select {
  background: #fff !important; color: var(--c-ink) !important; font-family: var(--font-head) !important; border: 0 !important;
}
.mphb-datepick-popup .datepick-month table { background: #fff !important; }
.mphb-datepick-popup .datepick-month th { background: #fff !important; color: var(--c-ink-muted) !important; font-weight: 600 !important; }
.mphb-datepick-popup .datepick-week-end td { background: transparent !important; }
/* verwijder eventuele zwarte default-vlakken */
.mphb-datepick-popup td { background: #fff !important; }
.mphb-datepick-popup .datepick-today, .mphb-datepick-popup .datepick-days-cell.datepick-today {
  box-shadow: inset 0 0 0 2px var(--c-accent) !important; background: #fff !important; color: var(--c-ink) !important; font-weight: 700 !important;
}

/* ============================================================
   FIX-pass: inline beschikbaarheidskalender lichter (was te zwart)
   + galerij-hero volle breedte
   ============================================================ */
.detail-gallery > a.mphb-lightbox { display: block !important; width: 100% !important; }
.detail-gallery > a.mphb-lightbox img { width: 100% !important; }

/* Inline kalender (.mphb-calendar) — chrome licht/modern */
.mphb-calendar.mphb-datepick, .mphb-calendar {
  background: #fff !important; color: var(--c-ink) !important;
  border: 1px solid var(--c-border) !important; border-radius: var(--radius) !important; overflow: hidden;
}
.mphb-calendar a { color: var(--c-ink) !important; }
/* De zwarte balken: nav (Prev/Today/Next) + maand/jaar-koppen */
.mphb-calendar [class*="datepick-nav"],
.mphb-calendar [class*="datepick-ctrl"],
.mphb-calendar [class*="datepick-cmd"],
.mphb-calendar .datepick-month-header,
.mphb-calendar caption {
  background: var(--c-sand-100) !important; color: var(--c-ink) !important;
  border: 0 !important; font-family: var(--font-head) !important; font-weight: 600 !important;
}
.mphb-calendar [class*="datepick-cmd"]:hover,
.mphb-calendar [class*="datepick-nav"] a:hover { color: var(--c-accent-strong) !important; background: var(--c-accent-soft) !important; }
.mphb-calendar .datepick-month th { background: #fff !important; color: var(--c-ink-muted) !important; }
.mphb-calendar .datepick-month td { background: #fff !important; }
/* Beschikbaar groen / geboekt rood ook in de inline kalender */
.mphb-calendar .mphb-date-selectable, .mphb-calendar .mphb-available-date { background: #e7f6ec !important; color: #1c7a44 !important; }
.mphb-calendar .mphb-unselectable-date, .mphb-calendar .mphb-mark-as-unavailable--check-in, .mphb-calendar .mphb-mark-as-unavailable--check-out { background: #fdeaea !important; color: #c0392b !important; }
.mphb-calendar .mphb-past-date, .mphb-calendar .datepick-other-month { color: var(--c-ink-muted) !important; opacity: .5; }
/* laat 2 maanden niet uit de kaart lopen */
.mphb-calendar { overflow-x: auto; }
.booking-card .mphb-calendar-title, .booking-card h2 { font-size: var(--fs-500); }

/* ============================================================
   FIX-pass 2: hero volle breedte · fonts boekingsmodule · witruimte
   ============================================================ */

/* 1. Eerste foto = volledige hero-breedte (featured image zit in <p.post-thumbnail>) */
.detail-gallery .post-thumbnail { margin: 0 0 .8rem; padding: 0; max-width: none; }
.detail-gallery .post-thumbnail a { display: block; border-radius: var(--radius-lg); overflow: hidden; }
.detail-gallery .post-thumbnail img {
  width: 100% !important; height: clamp(360px, 52vw, 620px);
  object-fit: cover; display: block; transition: transform .6s var(--ease);
}
.detail-gallery .post-thumbnail a:hover img { transform: scale(1.03); }

/* 2. Boekingsmodule met de site-fonts */
.booking-card, .booking-card input, .booking-card select, .booking-card button, .booking-card textarea,
.mphb-calendar, .mphb-calendar *, .mphb_sc_search-form, .mphb_sc_search-form *,
[class^="mphb-"], [class*=" mphb-"], [class^="mphb_"], [class*=" mphb_"] {
  font-family: var(--font-body) !important;
}
.booking-card h1, .booking-card h2, .booking-card h3,
.mphb-calendar-title, .mphb-reservation-form-title,
.booking-card__price .mphb-price, .booking-card__price .mphb_price {
  font-family: var(--font-head) !important;
}

/* 3. Meer witruimte — modern & luchtig */
.detail-grid { gap: var(--space-7); padding-top: var(--space-7); }
.detail-block + .detail-block { margin-top: var(--space-7); }
.detail-gallery .gallery { gap: .85rem; }
.detail-hero { padding-top: var(--space-6); }
.detail-hero__head { margin-bottom: var(--space-2); }

/* Alinea's / kopjes in de omschrijving royaal laten ademen */
.detail-description > * + * { margin-top: 1.35rem; }
.detail-description h2, .detail-description h3 { margin-top: 2.75rem; margin-bottom: .85rem; }
.detail-description ul, .detail-description ol { padding-left: 1.4rem; margin-block: 1.1rem; }
.detail-description li + li { margin-top: .5rem; }
.detail-description p { line-height: 1.75; }

/* Kenmerken-kaartjes iets ruimer */
.detail-attributes .mphb-single-room-type-attributes { gap: var(--space-4); margin-top: var(--space-2); }
.booking-card { padding: var(--space-5); }
.booking-card__price { padding-bottom: var(--space-4); margin-bottom: var(--space-4); }

/* Reviews-blok lucht geven */
.detail-main .grp-google-reviews, .detail-main [class*="reviews"] { margin-block: var(--space-4); }

/* ---- Standalone zoekbalk (overzichtspagina) ---- */
.booking-bar--standalone { background: var(--c-sand-50); border: 1px solid var(--c-border); box-shadow: var(--shadow-sm); max-width: var(--container); margin-inline: auto; }

/* ---- Inline kalender: toon 1 maand in de smalle boekingskaart ---- */
.booking-card .mphb-calendar .datepick-month + .datepick-month { display: none !important; }
.booking-card .mphb-calendar .datepick { width: 100% !important; }
.booking-card .mphb-calendar table.datepick-month { width: 100% !important; }

/* ============================================================
   CHECKOUT / RESERVERING — moderne huisstijl
   ============================================================ */
.mphb_sc_checkout-wrapper, .mphb_cb_reserve_rooms { max-width: 820px; margin-inline: auto; }
.mphb_sc_checkout-form { display: grid; gap: var(--space-4); }

/* Elke sectie = kaart */
.mphb-checkout-section {
  background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-lg);
  padding: var(--space-5); box-shadow: var(--shadow-sm);
}
.mphb-checkout-section > h2, .mphb-checkout-section > h3,
.mphb-booking-details-title, .mphb-room-number, .mphb-services-details-title,
.mphb-price-breakdown-title, .mphb-customer-details-title, .mphb-coupon-title {
  font-family: var(--font-head); color: var(--c-ink); margin: 0 0 var(--space-3);
}
.mphb-booking-details-title, .mphb-price-breakdown-title, .mphb-customer-details-title { font-size: var(--fs-600); }
.mphb-room-number { font-size: var(--fs-500); }
.mphb-services-details-title { font-size: var(--fs-400); text-transform: uppercase; letter-spacing: .05em; color: var(--c-ink-muted); }

/* Check-in/out weergave */
.mphb-check-in-date, .mphb-check-out-date { margin: .25rem 0; color: var(--c-ink-soft); }
.mphb-check-in-date strong, .mphb-check-out-date strong { color: var(--c-ink); }

/* Accommodatie-blok binnen de sectie */
.mphb-room-details { background: var(--c-sand-50); border: 1px solid var(--c-border); border-radius: var(--radius); padding: var(--space-4); margin-top: var(--space-3); }
.mphb-room-type-title a { color: var(--c-accent-strong); font-weight: 600; }

/* Velden */
.mphb_sc_checkout-form label, .mphb_cb_reserve_rooms label { font-weight: 600; font-size: var(--fs-300); display: inline-block; margin-bottom: .3rem; }
.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 input[type="number"],
.mphb_sc_checkout-form select, .mphb_sc_checkout-form textarea,
.mphb-coupon-block input {
  padding: .7rem .9rem; border: 1px solid var(--c-sand-300); border-radius: var(--radius-sm);
  font: inherit; background: #fff; color: var(--c-ink); min-height: 46px; max-width: 100%;
}
.mphb-guest-name-wrapper, .mphb-adults-chooser, .mphb-customer-details p { display: flex; flex-direction: column; gap: .1rem; margin-block: var(--space-2); }
.mphb-guest-name-wrapper input, .mphb-customer-details input, .mphb-customer-details select { width: 100%; }

/* Services-lijst */
.mphb_sc_checkout-services-list { list-style: none; padding: 0; margin: var(--space-2) 0 0; display: grid; gap: .4rem; }
.mphb_sc_checkout-services-list li { display: flex; align-items: center; gap: .6rem; padding: .6rem .8rem; background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius-sm); flex-wrap: wrap; }
.mphb_sc_checkout-services-list input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--c-accent); }

/* Kortingscode */
.mphb-coupon-block { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.mphb-coupon-block .button, .mphb-coupon-block button { background: var(--c-accent) !important; color: #fff !important; border: 0 !important; border-radius: var(--radius-pill) !important; padding: .7rem 1.4rem !important; font-weight: 600; cursor: pointer; }

/* Prijsopbouw-tabellen */
.mphb-checkout-section table, .mphb_sc_checkout-form table { width: 100%; border-collapse: collapse; margin-block: var(--space-2); }
.mphb-checkout-section table th, .mphb-checkout-section table td { padding: .55rem .4rem; text-align: left; border-bottom: 1px solid var(--c-border); font-size: var(--fs-400); }
.mphb-checkout-section table th { color: var(--c-ink-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; font-size: var(--fs-300); }
.mphb-checkout-section table td:last-child, .mphb-checkout-section table th:last-child { text-align: right; }
.mphb-price, .mphb-checkout-section .mphb-price { color: var(--c-accent-strong); font-weight: 700; font-family: var(--font-head); }
/* Totaal benadrukken */
.mphb-total, tr.mphb-total td, .mphb-price-breakdown-total, .mphb-grand-total {
  font-size: var(--fs-600) !important; font-family: var(--font-head); color: var(--c-ink) !important; font-weight: 700;
  border-top: 2px solid var(--c-ink) !important;
}

/* Reserve/Book knop — prominent */
.mphb-submit-button-wrapper { margin-top: var(--space-3); }
.mphb-submit-button-wrapper input[type="submit"], .mphb_sc_checkout-form input[type="submit"],
.mphb_cb_reserve_rooms input[type="submit"], .mphb_sc_checkout-form button[type="submit"], .button.button-primary {
  background: var(--c-accent) !important; color: #fff !important; border: 0 !important;
  border-radius: var(--radius-pill) !important; padding: 1rem 2.4rem !important;
  font-family: var(--font-body); font-size: var(--fs-500) !important; font-weight: 600 !important;
  cursor: pointer; box-shadow: 0 8px 22px rgba(224,122,31,.35); transition: background var(--dur), transform var(--dur);
}
.mphb-submit-button-wrapper input[type="submit"]:hover, .button.button-primary:hover { background: var(--c-accent-strong) !important; transform: translateY(-2px); }

/* ============================================================
   DATEPICKER v2 — modern, licht, zichtbare begin/eind + range
   (correcte MotoPress kbwood-classes)
   ============================================================ */
.mphb-datepick-popup, .mphb-calendar.mphb-datepick {
  border: 1px solid var(--c-border) !important; border-radius: var(--radius) !important;
  background: #fff !important; padding: .5rem !important; font-family: var(--font-body) !important;
}
.mphb-datepick-popup { box-shadow: var(--shadow-lg) !important; }

/* Nav + maand/jaar-header licht */
.mphb-datepick-popup .datepick-nav, .mphb-datepick-popup .datepick-ctrl,
.mphb-calendar .datepick-nav, .mphb-calendar .datepick-ctrl,
.datepick-month-header { background: transparent !important; color: var(--c-ink) !important; border: 0 !important; }
.datepick-cmd, .datepick-cmd-prev, .datepick-cmd-next, .datepick-cmd-today, .datepick-cmd-clear, .datepick-cmd-close {
  color: var(--c-ink) !important; background: transparent !important; font-weight: 600 !important; text-transform: none !important;
}
.datepick-cmd:hover { color: var(--c-accent-strong) !important; }
/* Maand/jaar-dropdowns licht (waren zwart) */
.mphb-datepick-popup select, .mphb-calendar select, .datepick-month-header select {
  background: var(--c-sand-100) !important; color: var(--c-ink) !important;
  border: 1px solid var(--c-border) !important; border-radius: 6px !important; padding: .2rem .5rem !important; font-family: var(--font-head) !important;
}
.datepick-month th { background: #fff !important; color: var(--c-ink-muted) !important; font-weight: 600 !important; }

/* Dag-cellen: groter, luchtig, rond */
.datepick-month td { padding: 2px !important; background: #fff !important; }
.datepick-month td a, .datepick-month td span {
  display: block !important; min-width: 34px; height: 34px; line-height: 34px !important;
  text-align: center; border-radius: 9px !important; border: 0 !important; font-weight: 500; transition: background .15s, color .15s;
}

/* Beschikbaar = groen */
.mphb-selectable-date, .mphb-available-date, .mphb-selectable-date--check-in, .mphb-selectable-date--check-out {
  background: #e7f6ec !important; color: #1c7a44 !important;
}
.mphb-selectable-date:hover, .mphb-available-date:hover { background: #2f8f5b !important; color: #fff !important; }

/* Geboekt / niet beschikbaar = rood */
.mphb-booked-date, .mphb-unselectable-date--check-in, .mphb-unselectable-date--check-out, .mphb-earlier-min-date, .mphb-later-max-date {
  background: #fdeaea !important; color: #c0392b !important; text-decoration: line-through; cursor: not-allowed;
}
/* Verleden / buiten seizoen / andere maand = grijs */
.mphb-past-date, .mphb-out-of-season-date, .mphb-out-of-season-date--check-in, .mphb-out-of-season-date--check-out,
.datepick-other-month a, .datepick-disabled {
  color: var(--c-ink-muted) !important; background: transparent !important; opacity: .5; text-decoration: none; cursor: default;
}

/* RANGE tussen begin en eind = licht terracotta band */
.mphb-selected-date, .datepick-highlight {
  background: var(--c-accent-soft) !important; color: var(--c-accent-strong) !important; border-radius: 0 !important; font-weight: 600 !important;
}
/* BEGIN / EIND = terracotta gevuld — duidelijk zichtbaar */
.mphb-selected-date--check-in, .mphb-selected-date--check-out, .datepick-selected {
  background: var(--c-accent) !important; color: #fff !important; font-weight: 700 !important; box-shadow: 0 2px 8px rgba(224,122,31,.45);
}
.mphb-selected-date--check-in { border-radius: 9px 0 0 9px !important; }
.mphb-selected-date--check-out { border-radius: 0 9px 9px 0 !important; }
.datepick-today a { box-shadow: inset 0 0 0 2px var(--c-accent) !important; }

/* ============================================================
   ZOEKRESULTATEN — moderne resultaat-kaarten (sr-card)
   ============================================================ */
/* Volle breedte binnen de content-pagina (geen transform-hacks) */
.page-id-68 .entry-content > * { max-width: 1120px; }
.mphb_sc_search_results-wrapper { width: auto; max-width: 1120px; margin-inline: auto; position: static; transform: none; }

/* Samenvattings-header */
.sr-head { text-align: center; margin-bottom: var(--space-6); max-width: none; }
.sr-head__title { font-size: var(--fs-700); margin-top: .4rem; }
.sr-head__meta { display: flex; justify-content: center; align-items: center; gap: .5rem 1rem; flex-wrap: wrap; color: var(--c-ink-soft); font-size: var(--fs-400); margin: var(--space-3) auto 0; max-width: none; }
.sr-head__meta b { color: var(--c-ink); font-weight: 600; }
.sr-head__meta .sep::before { content: "·"; color: var(--c-ink-muted); }
.sr-head__empty { color: var(--c-ink-soft); max-width: 52ch; margin: var(--space-3) auto 0; }
.sr-head__actions { display: flex; justify-content: center; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }

/* Resultaat-kaart: foto links, info rechts */
.sr-card {
  display: grid;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-bottom: var(--space-5);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.sr-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
@media (min-width: 760px) { .sr-card { grid-template-columns: 44% 1fr; } }

.sr-card__media { position: relative; display: block; min-height: 240px; overflow: hidden; }
@media (min-width: 760px) { .sr-card__media { min-height: 300px; } }
.sr-card__media img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 62%;
  transition: transform .5s var(--ease);
}
.sr-card:hover .sr-card__media img { transform: scale(1.04); }

.sr-card__body { padding: var(--space-4) var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.sr-card__title { font-size: var(--fs-600); margin: 0; }
.sr-card__title a { color: var(--c-ink); }
.sr-card__title a:hover { color: var(--c-accent-strong); }
.sr-card__excerpt { color: var(--c-ink-soft); font-size: var(--fs-300); max-width: none; margin: 0; }

.sr-card__foot {
  margin-top: auto;
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap;
  border-top: 1px solid var(--c-border); padding-top: var(--space-3);
}
.sr-card__price p { margin: 0; max-width: none; }
.sr-card__price .mphb-price { font-family: var(--font-head); color: var(--c-accent-strong); font-weight: 700; font-size: var(--fs-600); }
.sr-card__price { color: var(--c-ink-muted); font-size: var(--fs-300); }

/* Knoppen in de kaart: View = ghost, Book = primary */
.sr-card__actions { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.sr-card__actions p { margin: 0 !important; }
.sr-card__actions a, .sr-card__actions button {
  display: inline-block; cursor: pointer;
  border-radius: var(--radius-pill) !important;
  padding: .7rem 1.5rem !important;
  font-weight: 600 !important; font-size: var(--fs-300) !important;
  transition: background var(--dur), color var(--dur), transform var(--dur);
  margin: 0 !important; border: 2px solid transparent;
}
.sr-card__actions a.button.mphb-view-details-button, .sr-card__actions a.mphb-view-details-button {
  background: transparent !important; color: var(--c-ink) !important;
  border: 2px solid var(--c-ink) !important;
}
.sr-card__actions a.button.mphb-view-details-button:hover, .sr-card__actions a.mphb-view-details-button:hover { background: var(--c-ink) !important; color: #fff !important; }
.sr-card__actions .mphb_sc_book-button a,
.sr-card__actions button, .sr-card__actions input[type="submit"] {
  background: var(--c-accent) !important; color: #fff !important; border: 0 !important;
}
.sr-card__actions .mphb_sc_book-button a:hover,
.sr-card__actions button:hover, .sr-card__actions input[type="submit"]:hover {
  background: var(--c-accent-strong) !important; transform: translateY(-2px);
}

/* ============================================================
   GLOBALE CONSISTENTIE — font, typografie, knoppen (ELKE pagina)
   Laadt als laatste zodat plugin-stijlen verliezen.
   ============================================================ */
/* Koppen = Varela Round, ook in plugins/MotoPress */
h1, h2, h3, h4, h5, h6,
.mphb-room-type-title, .mphb-room-number, .mphb-booking-details-title,
.mphb-price-breakdown-title, .mphb-customer-details-title, .mphb-calendar-title,
.mphb-reservation-form-title, .entry-title, .mphb-room-type-view-title {
  font-family: var(--font-head) !important;
}
/* Body-tekst + formuliervelden = Montserrat */
body, p, li, td, th, label, input, select, textarea, .mphb-attribute-value {
  font-family: var(--font-body) !important;
}
/* Prijzen = Varela Round (zoals overal) */
.mphb-price, .mphb_price, .mphb-room-type-price, [class*="mphb-price"] { font-family: var(--font-head) !important; }

/* ALLE call-to-action / plugin-knoppen = huisstijl-pill.
   Uitgezonderd: mijn eigen .btn-varianten, de hamburger en de datepicker-navigatie. */
button:not(.nav-toggle):not(.btn):not(.video-card):not([class*="datepick"]):not([class*="flex-"]):not([class*="slick"]),
input[type="submit"]:not(.btn), input[type="button"]:not(.btn),
.button:not(.btn), a.button:not(.btn), .wp-block-button__link:not(.btn), .mphb-button:not(.btn) {
  font-family: var(--font-body) !important; font-weight: 600 !important; font-size: var(--fs-400) !important;
  line-height: 1.2 !important; background: var(--c-accent) !important; color: #fff !important;
  border: 0 !important; border-radius: var(--radius-pill) !important; padding: .7rem 1.6rem !important;
  cursor: pointer; transition: background var(--dur) var(--ease), transform var(--dur) var(--ease); text-decoration: none;
}
button:not(.nav-toggle):not(.btn):not(.video-card):not([class*="datepick"]):hover,
input[type="submit"]:not(.btn):hover, .button:not(.btn):hover, a.button:not(.btn):hover, .mphb-button:not(.btn):hover {
  background: var(--c-accent-strong) !important; transform: translateY(-1px);
}
/* Datepicker-navigatie NIET als pill (blijft tekst-link) */
.mphb-datepick-popup button, .mphb-calendar button, .datepick-ctrl a, .datepick-cmd, .datepick-nav a {
  background: transparent !important; color: var(--c-ink) !important; border-radius: 6px !important;
  padding: .3rem .6rem !important; box-shadow: none !important; font-size: var(--fs-300) !important;
}

/* ---- FIX: twee-maanden datepicker naast elkaar (niet overlappend) ---- */
.mphb-datepick-popup { width: auto !important; max-width: 95vw !important; overflow: visible !important; }
.mphb-datepick-popup .datepick { width: auto !important; }
.mphb-datepick-popup .datepick-month-row { display: flex !important; gap: 20px !important; align-items: flex-start; }
.mphb-datepick-popup .datepick-month { float: none !important; display: inline-block !important; width: auto !important; vertical-align: top; margin: 0 !important; }
.mphb-datepick-popup .datepick-month + .datepick-month { margin-left: 20px !important; }
.mphb-datepick-popup .datepick-month table { width: auto !important; margin: 0 !important; border-collapse: separate !important; border-spacing: 1px; }
.mphb-datepick-popup .datepick-month td a, .mphb-datepick-popup .datepick-month td span { min-width: 32px; }

/* ============================================================
   MY ACCOUNT  (WP login form + MotoPress account area)
   ============================================================ */
.page-id-2625 .entry-content,
.mphb-account,
.mphb_sc_account { max-width: 480px; margin-inline: auto; }

/* Login form as a branded card */
#loginform {
	background: var(--c-surface, #fff);
	border: 1px solid var(--c-line, #e7ded3);
	border-radius: var(--radius-lg, 18px);
	box-shadow: 0 18px 50px -28px rgba(20,15,11,.35);
	padding: clamp(1.6rem, 4vw, 2.4rem);
	max-width: 480px;
	margin: 0 auto;
}
#loginform p { margin: 0 0 1.1rem; }
#loginform label {
	display: block;
	font-family: var(--font-body, inherit);
	font-weight: 600;
	font-size: var(--fs-300, .9rem);
	color: var(--c-ink, #2a2016);
	line-height: 1.5;
}
#loginform input[type="text"],
#loginform input[type="email"],
#loginform input[type="password"] {
	display: block;
	width: 100%;
	margin-top: .4rem;
	padding: .75rem .95rem;
	border: 1px solid var(--c-line, #e7ded3);
	border-radius: var(--radius, 12px);
	background: #fff;
	font-size: 1rem;
	color: var(--c-ink, #2a2016);
	transition: border-color .15s ease, box-shadow .15s ease;
}
#loginform input[type="text"]:focus,
#loginform input[type="email"]:focus,
#loginform input[type="password"]:focus {
	outline: none;
	border-color: var(--c-accent, #e07a1f);
	box-shadow: 0 0 0 3px rgba(224,122,31,.18);
}
#loginform .forgetmenot { display: flex; align-items: center; gap: .5rem; font-weight: 500; }
#loginform .forgetmenot label { display: flex; align-items: center; gap: .5rem; font-weight: 500; margin: 0; }
#loginform .forgetmenot input { margin: 0; }
#loginform .submit { margin-bottom: 0; }
#loginform #wp-submit,
#loginform input[type="submit"] {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: .85rem 1.5rem;
	border: none;
	border-radius: 999px;
	background: var(--c-accent, #e07a1f);
	color: #fff;
	font-family: var(--font-body, inherit);
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: .01em;
	transition: background .15s ease, transform .15s ease;
}
#loginform #wp-submit:hover,
#loginform input[type="submit"]:hover { background: var(--c-accent-strong, #c9660f); transform: translateY(-1px); }

/* "Lost your password?" link under the form */
#nav, .login #nav, p#nav {
	max-width: 480px;
	margin: 1rem auto 0;
	text-align: center;
	font-size: var(--fs-300, .9rem);
}
#nav a { color: var(--c-accent, #e07a1f); font-weight: 600; text-decoration: none; }
#nav a:hover { text-decoration: underline; }

/* Logged-in MotoPress account: tables & nav */
.mphb-account table { width: 100%; border-collapse: collapse; }
.mphb-account table th, .mphb-account table td { padding: .7rem .8rem; border-bottom: 1px solid var(--c-line, #e7ded3); text-align: left; }

/* MotoPress lege-reservering-melding is dubbelop met onze sr-head */
.mphb-empty-cart-message { display: none; }

/* In zoekresultaten is .sr-card de kaart — outer .mphb-room-type wordt neutraal */
.mphb_sc_search_results-wrapper .mphb-room-type {
  background: transparent; border: 0; box-shadow: none; border-radius: 0;
  overflow: visible; padding: 0; margin: 0 0 var(--space-5);
}
.mphb_sc_search_results-wrapper .sr-card { margin-bottom: 0; }

/* Geen "(+€125 taxes and fees)" bij prijsvertoningen van accommodaties (Jim 06-07-2026) */
.mphb-tax-information { display: none !important; }

/* ============================================================
   BOOKING-WIDGET (detailpagina) — premium make-over
   ============================================================ */

/* ---- Prijsblok: label-regel + grote prijs, geen lelijke afbreking ---- */
.detail-aside .mphb-regular-price {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .55rem;
  margin: 0 0 var(--space-3); max-width: none;
}
.detail-aside .mphb-regular-price > strong {
  display: block; width: 100%;
  font-family: var(--font-body); font-weight: 600; font-size: .78rem;
  text-transform: uppercase; letter-spacing: .12em; color: var(--c-ink-muted);
  margin-bottom: .15rem;
}
.detail-aside .mphb-regular-price .mphb-price { font-size: clamp(2rem, 2.6vw, 2.6rem); line-height: 1; }
.mphb-price-period {
  border-bottom: none !important; text-decoration: none !important; cursor: default;
  font-family: var(--font-body) !important; font-weight: 500;
  font-size: var(--fs-300); color: var(--c-ink-muted); white-space: nowrap;
}

/* ---- Sectiekoppen in de widget ---- */
.detail-aside .mphb-calendar-title,
.detail-aside .mphb-reservation-form-title {
  font-size: var(--fs-500) !important;
  margin: var(--space-4) 0 var(--space-2);
  padding-top: var(--space-4);
  border-top: 1px solid var(--c-border);
}

/* ---- Inline beschikbaarheids-kalender: weg met het 1998-frame ---- */
.mphb-calendar .datepick,
.mphb-calendar .datepick-inline {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
  width: 100% !important; font-family: var(--font-body) !important;
}
.mphb-calendar .datepick-nav, .mphb-calendar .datepick-ctrl {
  display: flex; gap: .4rem; align-items: center; justify-content: flex-start;
  background: transparent !important; border: 0 !important; padding: 0 0 .5rem !important; float: none !important;
}
.mphb-calendar .datepick-cmd {
  display: inline-block; padding: .3rem .8rem !important; border-radius: var(--radius-pill) !important;
  background: var(--c-sand-100) !important; color: var(--c-ink) !important;
  font-size: .8rem !important; font-weight: 600 !important; text-decoration: none !important;
  border: 0 !important; transition: background var(--dur), color var(--dur);
}
.mphb-calendar .datepick-cmd:hover { background: var(--c-accent) !important; color: #fff !important; }
.mphb-calendar .datepick-cmd.datepick-disabled { opacity: .35; pointer-events: none; }
.mphb-calendar .datepick-header {
  background: transparent !important; border: 0 !important;
  display: flex; gap: .5rem; justify-content: center; padding: .25rem 0 .5rem !important;
}
.mphb-calendar .datepick-header select {
  font: 600 .9rem var(--font-body) !important; color: var(--c-ink);
  padding: .35rem 1.6rem .35rem .7rem; border: 1px solid var(--c-border); border-radius: var(--radius-sm);
  background: #fff; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23887d6f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .5rem center; background-size: 12px;
}
.mphb-calendar .datepick-month-row { display: block !important; }
.mphb-calendar .datepick-month {
  float: none !important; display: block !important; width: 100% !important;
  background: transparent !important; border: 0 !important; margin: 0 !important;
}
.mphb-calendar .datepick-month table {
  width: 100% !important; margin: 0 !important;
  border: 0 !important; border-collapse: separate !important; border-spacing: 3px !important;
  background: transparent !important;
}
.mphb-calendar .datepick-month th {
  font: 600 .68rem var(--font-body) !important; text-transform: uppercase; letter-spacing: .08em;
  color: var(--c-ink-muted) !important; background: transparent !important; border: 0 !important;
  padding: .3rem 0 !important; text-align: center;
}
.mphb-calendar .datepick-month td {
  border: 0 !important; background: transparent !important; padding: 0 !important;
}
.mphb-calendar .datepick-month td a,
.mphb-calendar .datepick-month td span {
  display: grid; place-items: center;
  width: 100%; height: 38px !important; min-width: 0 !important; padding: 0 !important;
  border-radius: 10px !important; border: 0 !important;
  font-size: .85rem !important; font-weight: 500; line-height: 1 !important;
}
/* Statusbalk onderin de kalender */
.mphb-calendar .datepick-status {
  font-size: var(--fs-300) !important; color: var(--c-ink-muted) !important;
  background: transparent !important; border: 0 !important; padding: .4rem 0 0 !important;
}

/* ---- Reserveringsformulier ---- */
.mphb-required-fields-tip { display: none !important; }
.detail-aside .mphb-booking-form label,
.detail-aside .mphb-booking-form legend {
  display: block; font-weight: 600; font-size: var(--fs-300); color: var(--c-ink);
  margin-bottom: .3rem;
}
.detail-aside .mphb-booking-form input[type="text"],
.detail-aside .mphb-booking-form select {
  width: 100%; min-height: 48px; padding: .6rem .9rem;
  border: 1px solid var(--c-sand-300); border-radius: var(--radius-sm);
  font: inherit; background: #fff; color: var(--c-ink);
  margin-bottom: var(--space-2);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.detail-aside .mphb-booking-form input[type="text"]:focus,
.detail-aside .mphb-booking-form select:focus {
  outline: none; border-color: var(--c-accent); box-shadow: 0 0 0 3px rgba(224,122,31,.16);
}
/* Kalender-icoon in datumvelden */
.detail-aside .mphb-booking-form input.mphb-datepick {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4540f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .8rem center; background-size: 17px;
  padding-right: 2.6rem; cursor: pointer;
}
/* Volle-breedte actieknop */
.detail-aside .mphb-booking-form button[type="submit"],
.detail-aside .mphb-confirm-reservation,
.detail-aside .mphb-check-availability-button {
  width: 100% !important; text-align: center; justify-content: center;
  padding: .95rem 1.5rem !important; font-size: 1rem !important;
  margin-top: .35rem;
}
/* Legenda netjes gecentreerd */
.detail-aside .mphb-legend { display: flex; justify-content: center; gap: 1.2rem; margin-top: var(--space-3); }
/* Lege kalendercellen (geen datum) volledig transparant */
.mphb-calendar .datepick-month td > span:empty,
.mphb-calendar .datepick-month td.datepick-empty,
.mphb-calendar .datepick-month td .datepick-other-month {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}

/* Sticky widget hoger dan viewport → interne scroll met slanke scrollbar,
   zodat het reserveringsformulier altijd bereikbaar is */
.detail-aside .booking-card {
  max-height: calc(100vh - var(--header-h) - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--c-sand-300) transparent;
}
.detail-aside .booking-card::-webkit-scrollbar { width: 6px; }
.detail-aside .booking-card::-webkit-scrollbar-track { background: transparent; }
.detail-aside .booking-card::-webkit-scrollbar-thumb { background: var(--c-sand-300); border-radius: 3px; }
.detail-aside .booking-card::-webkit-scrollbar-thumb:hover { background: var(--c-accent); }
@media (max-width: 980px) {
  .detail-aside .booking-card { max-height: none; overflow: visible; }
}

/* ---- Inklapbare beschikbaarheidskalender in de booking-card ---- */
.cal-fold { border-top: 1px solid var(--c-border); margin-top: var(--space-3); }
.cal-fold summary {
  cursor: pointer; list-style: none;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: var(--space-3) 0;
  font-family: var(--font-head); font-size: var(--fs-500); color: var(--c-ink);
}
.cal-fold summary::-webkit-details-marker { display: none; }
.cal-fold summary::after {
  content: "+"; color: var(--c-accent); font-size: 1.4rem; line-height: 1;
  transition: transform var(--dur) var(--ease);
}
.cal-fold[open] summary::after { transform: rotate(45deg); }
.cal-fold[open] summary { color: var(--c-accent-strong); }
/* Dubbele titel + separator van de kalender zelf verbergen binnen de fold */
.cal-fold .mphb-calendar-title { display: none !important; }
/* Reservation Form-kop: direct onder prijs, geen dubbele separator nodig */
.detail-aside .mphb-reservation-form-title { margin-top: 0; padding-top: var(--space-3); }

/* Mobiel: datepicker-popup toont 1 maand (2 naast elkaar past niet op klein scherm) */
@media (max-width: 640px) {
  .mphb-datepick-popup { width: min(94vw, 370px) !important; }
  .mphb-datepick-popup .datepick-month + .datepick-month { display: none !important; }
  .mphb-datepick-popup .datepick-month { width: 100% !important; }
  .mphb-datepick-popup .datepick-month table { width: 100% !important; }
  .mphb-datepick-popup .datepick-month td a,
  .mphb-datepick-popup .datepick-month td span { min-width: 40px; }
}