.elementor-595 .elementor-element.elementor-element-c0d3fcb{margin-top:100px;margin-bottom:20px;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-595 .elementor-element.elementor-element-481e08c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;color:#2E2E2E;}.elementor-595 .elementor-element.elementor-element-964813a{margin-top:0px;margin-bottom:100px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-595 .elementor-element.elementor-element-481e08c{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-ad7a752 *//* === Pill Style voor detailformulier === */
.clp-detailpill .hb-booking-form {
  background: var(--pill-bg);
  border-radius: 9999px;
  padding: 22px 36px;
  box-shadow: var(--pill-shadow);
  max-width: 1100px;
  margin: 30px auto;
}

/* Inputs consistent */
.clp-detailpill .hb-booking-form input,
.clp-detailpill .hb-booking-form select,
.clp-detailpill .hb-booking-form textarea {
  height: 56px;
  border-radius: 16px;
  border: 1px solid var(--pill-border);
  padding: 0 16px;
  font-size: 16px;
  box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
}

/* Knoppen stijl */
.clp-detailpill .hb-booking-form button,
.clp-detailpill .hb-booking-form input[type="submit"] {
  height: 56px;
  border-radius: 9999px;
  padding: 0 28px;
  font-weight: 700;
  background: #E17C5B;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .2s ease;
}

.clp-detailpill .hb-booking-form button:hover,
.clp-detailpill .hb-booking-form input[type="submit"]:hover {
  box-shadow: 0 10px 22px rgba(225,124,91,.28);
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-964813a *//* === Pill Style voor detailpagina booking form === */
:root {
  --pill-bg:#ffffff;
  --pill-shadow:0 10px 30px rgba(0,0,0,.08);
  --pill-border:#E6E8EC;
  --cta:#E17C5B;
  --cta-hover:#d47253;
}

/* Container styling */
.detail-booking .hb-booking-form {
  max-width:1100px !important;  /* zelfde breedte als zoekbalk */
  margin:30px auto !important;
  background:var(--pill-bg);
  border-radius:9999px;
  padding:22px 36px;
  box-shadow:var(--pill-shadow);
}

/* Labels links uitlijnen met spacing */
.detail-booking .hb-booking-form label {
  display:block;
  font-weight:600;
  font-size:14px;
  margin-bottom:10px;
  color:#555;
  text-align:left;
}

/* Inputs en selects */
.detail-booking .hb-booking-form input[type="text"],
.detail-booking .hb-booking-form input[type="number"],
.detail-booking .hb-booking-form input[type="email"],
.detail-booking .hb-booking-form input[type="tel"],
.detail-booking .hb-booking-form input[type="date"],
.detail-booking .hb-booking-form select,
.detail-booking .hb-booking-form textarea {
  height:56px;
  border-radius:16px;
  border:1px solid var(--pill-border);
  background:#fff;
  padding:0 16px;
  font-size:16px;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.03);
}

/* Knopstijl */
.detail-booking .hb-booking-form button,
.detail-booking .hb-booking-form input[type="submit"] {
  height:56px !important;
  border-radius:9999px !important;
  padding:0 28px !important;
  font-weight:700 !important;
  background:var(--cta) !important;
  color:#fff !important;
  border:none !important;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .2s ease, background .15s ease;
}

.detail-booking .hb-booking-form button:hover,
.detail-booking .hb-booking-form input[type="submit"]:hover {
  background:var(--cta-hover) !important;
  box-shadow:0 10px 22px rgba(225,124,91,.28);
  transform:translateY(-1px);
}

/* Focus-states */
.detail-booking .hb-booking-form input:focus,
.detail-booking .hb-booking-form select:focus,
.detail-booking .hb-booking-form textarea:focus {
  outline:none; border-color:#f1c3b3;
  box-shadow:0 0 0 3px rgba(225,124,91,.15);
}

/* Responsive stacking */
@media (max-width:900px){
  .detail-booking .hb-booking-form { border-radius:22px; padding:16px; }
}/* End custom CSS */