@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap');
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button] {
    display: none;
}

/*
    Custom CSS
    Please make sure your CSS rules are 
    more particular / have higher priority
    than other page styles
*/

#time-settings {
    display: none;
}

/* Openingstijden verbergen */
div#sb_booking_company_time {
    display: none !important;
}

/* Titels op de inlog-/registratiepagina dikker maken */
#sb-main-container h3,
#sb-main-container .title,
#sb-main-container .section-title {
    font-weight: 700 !important;
}

#events h3 {
    /* add your css rule here */
}

#events p.duration,
#events div.duration {
    /* add your css rule here */
}

#events p.description,
#events div.description {
    /* add your css rule here */
}

#events .selectedEvent {
    /* add your css rule here */
}

#events input.reserve_time_btn {
    /* add your css rule here */
}

#events input.select_another_btn {
    /* add your css rule here */
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    /* add your css rule here */
}

#eventForm #save_button {
    /* add your css rule here */
}

div.ui-widget-content {
    /* add your css rule here */
}

div.ui-widget-header {
    /* add your css rule here */
}

#timeline-container table.timeline {
    /* add your css rule here */
}

.timeline td.not_worked_time {
    /* add your css rule here */
}

.timeline td.free_time {
    /* add your css rule here */
}

.timeline td.selected_time {
    /* add your css rule here */
}

.timeline td.reserved_time {
    /* add your css rule here */
}

div#loading {
    /* add your css rule here */
}

div#loading {
    /* add your css rule here */
}

#start_date-block-container .zend_form dt,
#start_date-block-container .zend_form dt b,
#start_date-block-container .zend_form dd label {
    /* add your css rule here */
}

/* Social media login Google/Facebook verbergen op boekingspagina - veilige versie */
#sb-main-container .client-login-bar .social,
#sb-main-container .client-login-bar .btn-bar__social-links {
    display: none !important;
}

/* Tekst boven social login verbergen */
#sb-main-container .client-login-bar .txt {
    display: none !important;
}

/* Ruimte boven inlogformulier verkleinen */
#sb-main-container .client-login-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Alleen Adres 2 verbergen, zonder Adres 1 te raken */
#sb-main-container .form-group:has(#sb_profile_x_address2),
#sb-main-container div:has(> #sb_profile_x_address2),
#sb-main-container label[for="sb_profile_x_address2"],
#sb-main-container #sb_profile_x_address2 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Titels 'Inloggen' en 'Account aanmaken' dikker en groter */
#sb-main-container #client-login .cap,
#sb-main-container #sb_sign_in_form .cap,
#sb-main-container .custom-form .cap {
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Land-veld volledig verbergen */
#sb-main-container .form-group:has(#sb_profile_x_country_id),
#sb-main-container div:has(> #sb_profile_x_country_id),
#sb-main-container label[for="sb_profile_x_country_id"],
#sb-main-container #sb_profile_x_country_id {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ===== Aanvullende producten + verifieer-formulier - nette indeling =====
   v8 22-07-2026 - rij-kaarten + merk-blauw knop + strak formulier. Alleen visueel; raakt de boekwerking niet. */

/* --- Productblok: nette rijen --- */
#sb-main-container #sb_booking_content #details #sb_product_container .title-main{font-size:16px !important;font-weight:600 !important;margin-bottom:12px !important;text-align:center !important;}
#sb-main-container #sb_booking_content #details #sb_product_container{margin-bottom:14px !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .products-items-list{display:block !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item{width:100% !important;max-width:100% !important;flex:none !important;float:none !important;padding:0 !important;margin:0 0 10px 0 !important;height:auto !important;min-height:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{display:block !important;padding:12px !important;border:1px solid #e7ebee !important;border-radius:11px !important;background:#fff !important;height:auto !important;box-shadow:none !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{display:flex !important;flex-direction:row !important;align-items:center !important;gap:13px !important;flex:1 1 auto !important;min-width:0 !important;height:auto !important;position:static !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader{flex:0 0 52px !important;width:52px !important;height:52px !important;max-height:52px !important;min-height:0 !important;border-radius:9px !important;overflow:hidden !important;padding:0 !important;position:relative !important;margin:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .user.img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader .default.img{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:52px !important;height:52px !important;max-height:52px !important;margin:0 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader img,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .preloader svg{width:52px !important;height:52px !important;max-height:52px !important;object-fit:cover !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab-pd{flex:1 1 auto !important;min-width:0 !important;padding:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content{width:auto !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{font-size:15px !important;font-weight:600 !important;height:auto !important;margin:0 0 2px 0 !important;line-height:1.25 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .read-more{position:static !important;display:inline-block !important;margin:0 0 0 8px !important;font-size:12.5px !important;width:auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .bar-service{height:auto !important;margin:3px 0 0 0 !important;min-height:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .bar-service .clearfix{height:auto !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right{position:static !important;float:none !important;display:inline-block !important;background:none !important;box-shadow:none !important;color:#2c3339 !important;font-size:14px !important;font-weight:700 !important;padding:0 !important;width:auto !important;height:auto !important;transform:none !important;border-radius:0 !important;text-align:left !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right::before,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .badge.right::after{content:none !important;display:none !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num{flex:0 0 auto !important;width:auto !important;padding:0 !important;margin:0 !important;height:auto !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .changed-items-num .wrapper{width:auto !important;height:auto !important;display:flex !important;align-items:center !important;gap:8px !important;position:relative !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check{position:absolute !important;-webkit-appearance:none !important;appearance:none !important;opacity:0 !important;width:100% !important;height:100% !important;left:0 !important;top:0 !important;margin:0 !important;cursor:pointer !important;z-index:2 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{position:relative !important;cursor:pointer !important;background:#19b2d8 !important;color:#fff !important;padding:9px 16px !important;border-radius:999px !important;font-weight:600 !important;font-size:13px !important;height:auto !important;margin:0 !important;white-space:nowrap !important;text-align:center !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label:hover{background:#1596b6 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label::before,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label::after{display:none !important;content:none !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked ~ .product-label,#sb-main-container #sb_booking_content #details #sb_product_container .product-item input.c-item.check:checked + .product-label{background:#3aa76d !important;}

/* --- Verifieer-formulier: strak --- */
#sb-main-container #details .detail-step-wrap .title-main{display:none !important;}
#sb-main-container #sb_client_login_container{margin:0 0 12px 0 !important;}
#sb-main-container #sb_client_login_container .additional-info{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;font-size:12px !important;color:#9aa4ac !important;}
#sb-main-container #sb_client_login_container .additional-info .cap{font-size:12px !important;color:#9aa4ac !important;margin:0 !important;line-height:1.3 !important;}
#sb-main-container #sb_client_login_container #sb_sign_out_btn.btn{background:none !important;border:none !important;color:#19b2d8 !important;font-size:12px !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important;min-width:0 !important;box-shadow:none !important;height:auto !important;}
#sb-main-container #sb_additional_fields .form-group{margin-bottom:15px !important;}
#sb-main-container #sb_additional_fields .control-label{font-size:13px !important;font-weight:600 !important;color:#2c3339 !important;padding:0 0 5px 2px !important;margin:0 !important;text-align:left !important;float:none !important;width:100% !important;display:block !important;}
#sb-main-container #sb_additional_fields .form-control{border:1px solid #d7dee3 !important;border-radius:9px !important;height:44px !important;padding:10px 14px !important;background:#fff !important;box-shadow:none !important;font-size:14px !important;color:#2c3339 !important;width:100% !important;}
#sb-main-container #sb_additional_fields .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.13) !important;outline:none !important;}
#sb-main-container #sb_additional_fields select.form-control{cursor:pointer !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'9'%20viewBox%3D'0%200%2014%209'%3E%3Cpath%20d%3D'M1%201l6%206%206-6'%20fill%3D'none'%20stroke%3D'%237a848c'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat !important;background-position:right 15px center !important;padding-right:40px !important;}

@media (max-width:460px){
  #sb-main-container #sb_booking_content #details #sb_product_container .product-item .excerpt-info{gap:10px !important;}
  #sb-main-container #sb_booking_content #details #sb_product_container .product-item .content .cap{font-size:14px !important;}
  #sb-main-container #sb_booking_content #details #sb_product_container .product-item .product-label{padding:8px 12px !important;font-size:12.5px !important;}
}

/* Header (bovenbalk) verbergen tijdens het boeken - blijft staan op de hoofdpagina */
body.platform-desktop #sb_main:not(.page--index) #header{display:none !important;}
body.platform-desktop #sb_main:not(.page--index) #main-buttons{display:none !important;}
body.platform-desktop #sb_main:not(.page--index) #main{margin-top:-70px !important;}

/* === Mobiele browser (NIET de geïnstalleerde webapp): grote cover-banner verbergen tijdens boeken (Claude) === */
@media (display-mode: browser){
  body:not(.platform-desktop) #sb_main:not(.page--index) #main-buttons{display:none !important;}
}
/* === einde mobiele cover === */

/* Inlog-formulier zelfde strakke stijl als account aanmaken */
#sb-main-container #sb_sign_in_form .form-group{margin-bottom:15px !important;}
#sb-main-container #sb_sign_in_form .form-group label:not([for="sb_remember_header"]){display:block !important;position:static !important;float:none !important;font-size:13px !important;font-weight:600 !important;color:#2c3339 !important;padding:0 0 5px 2px !important;margin:0 !important;text-align:left !important;width:100% !important;opacity:1 !important;visibility:visible !important;height:auto !important;clip:auto !important;overflow:visible !important;}
#sb-main-container #sb_sign_in_form .form-control{border:1px solid #d7dee3 !important;border-radius:9px !important;height:44px !important;padding:10px 14px !important;background:#fff !important;box-shadow:none !important;font-size:14px !important;color:#2c3339 !important;width:100% !important;}
#sb-main-container #sb_sign_in_form .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.13) !important;outline:none !important;}

/* ===== Warme kaart-stijl login/account (A+B) - iconen, kaarten, merk-accent ===== */
#sb-main-container #sb_sign_in_form, #sb-main-container #sb_sign_up_form{background:#fff !important;background-image:none !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;padding:22px 20px !important;margin:0 0 16px 0 !important;min-height:0 !important;}
#sb-main-container #sb_sign_in_form .cap, #sb-main-container #sb_sign_up_form .cap{color:#1596b6 !important;font-weight:700 !important;font-size:16px !important;display:flex !important;align-items:center !important;gap:9px !important;margin:0 0 16px 0 !important;background:none !important;}
#sb-main-container #sb_sign_in_form .cap::before, #sb-main-container #sb_sign_up_form .cap::before{content:"" !important;display:inline-block !important;width:22px !important;height:3px !important;border-radius:3px !important;background:#fb5b23 !important;flex:0 0 auto !important;}
#sb-main-container #sb_sign_in_form .form-control, #sb-main-container #sb_sign_up_form .form-control{background:#f5f7f9 !important;border:1px solid #e4e9ec !important;transition:border-color .15s, box-shadow .15s, background .15s !important;}
#sb-main-container #sb_sign_in_form input.form-control, #sb-main-container #sb_sign_up_form input.form-control{background-repeat:no-repeat !important;background-position:14px center !important;background-size:16px !important;padding-left:40px !important;}
#sb-main-container #sb_sign_in_form input.form-control:focus, #sb-main-container #sb_sign_up_form input.form-control:focus{background-color:#fff !important;border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(36,178,216,.15) !important;}
#sb-main-container #sb_sign_in_form input[type=email].form-control, #sb-main-container #sb_sign_up_form input[type=email].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'4'%20width%3D'12'%20height%3D'9'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M2.4%205l5.6%204%205.6-4'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[type=password].form-control, #sb-main-container #sb_sign_up_form input[type=password].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3.5'%20y%3D'7'%20width%3D'9'%20height%3D'6.5'%20rx%3D'1.4'%2F%3E%3Cpath%20d%3D'M5.5%207V5.2a2.5%202.5%200%200%201%205%200V7'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[type=tel].form-control, #sb-main-container #sb_sign_up_form input[type=tel].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%202.6l1.9.4.8%202.1-1.1%201a7.6%207.6%200%200%200%203.5%203.5l1-1.1%202.1.8.4%201.9c0%20.6-.5%201.1-1.1%201.1A10.6%2010.6%200%200%201%203.9%204.7C3.9%204.1%204.4%202.6%205%202.6z'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[name="name"].form-control, #sb-main-container #sb_sign_up_form input[name="name"].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'8'%20cy%3D'5.3'%20r%3D'2.4'%2F%3E%3Cpath%20d%3D'M3.6%2013.4c0-2.4%202-3.9%204.4-3.9s4.4%201.5%204.4%203.9'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form input[name="address1"].form-control, #sb-main-container #sb_sign_up_form input[name="address1"].form-control, #sb-main-container #sb_sign_in_form input[name="address2"].form-control, #sb-main-container #sb_sign_up_form input[name="address2"].form-control, #sb-main-container #sb_sign_in_form input[name="zip"].form-control, #sb-main-container #sb_sign_up_form input[name="zip"].form-control, #sb-main-container #sb_sign_in_form input[name="city"].form-control, #sb-main-container #sb_sign_up_form input[name="city"].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M8%2014s4.3-3.8%204.3-6.7A4.3%204.3%200%201%200%203.7%207.3C3.7%2010.2%208%2014%208%2014z'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'7'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E") !important;}
#sb-main-container #sb_sign_in_form .btn, #sb-main-container #sb_sign_up_form .btn{background:#19b2d8 !important;border:0 !important;box-shadow:0 4px 12px rgba(36,178,216,.32) !important;border-radius:999px !important;transition:background .15s !important;}
#sb-main-container #sb_sign_in_form .btn:hover, #sb-main-container #sb_sign_up_form .btn:hover{background:#1596b6 !important;}

/* ===== Post-login verifieer-stap: zelfde warme kaart-stijl ===== */
#sb-main-container #details .detail-step #sb_additional_fields{background:#fff !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;padding:22px 20px !important;margin:0 0 16px 0 !important;}
#sb-main-container #details .detail-step #sb_additional_fields input[type=text].form-control{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%20fill%3D'none'%20stroke%3D'%239aa4ac'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'8'%20cy%3D'5.3'%20r%3D'2.4'%2F%3E%3Cpath%20d%3D'M3.6%2013.4c0-2.4%202-3.9%204.4-3.9s4.4%201.5%204.4%203.9'%2F%3E%3C%2Fsvg%3E") !important;background-repeat:no-repeat !important;background-position:14px center !important;background-size:16px !important;padding-left:40px !important;}

/* Samenvatting-paneel rechts als bijpassende witte kaart */
#sb-main-container #details .detail-step .right-side{background:#fff !important;border:1px solid #e7ebee !important;border-radius:14px !important;box-shadow:0 3px 14px rgba(20,50,70,.06) !important;}

/* verifieer-kaart niet toepassen op account-aanmaken (die zit al in een kaart) */
#sb-main-container #sb_sign_up_form #sb_additional_fields{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;}

/* ===== Meer kleur: blauwe omlijningen ===== */
#sb-main-container #sb_sign_in_form, #sb-main-container #sb_sign_up_form{border-color:#19b2d8 !important;}
#sb-main-container #details .detail-step #sb_additional_fields{border-color:#19b2d8 !important;}
#sb-main-container #details .detail-step .right-side{border-color:#19b2d8 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{border-color:#19b2d8 !important;}
#sb-main-container #sb_sign_in_form .form-control, #sb-main-container #sb_sign_up_form .form-control{border-color:#9fd6ea !important;}
#sb-main-container #details .detail-step #sb_additional_fields .form-control{border-color:#9fd6ea !important;}

/* Titel "Inloggen of account aanmaken" verbergen */
#sb-main-container #client-login .title-main{display:none !important;}


/* === PWA "installeer webapp"-banner verbergen (Claude) === */
#pwa_install_banner,
#pwa_install_banner_ios,
#pwa_install_banner_old_chrome,
.pwa_install__banner{display:none !important;}
/* === einde PWA-banner === */

/* === Booking-flow op website laten lijken (Claude) === */
#sb-main-container h1, #sb-main-container h2, #sb-main-container h3, #sb-main-container h4,
#sb-main-container .title-main, #sb-main-container .cap, #sb-main-container .cap.full,
#sb-main-container .section-title, #sb-main-container .sb-title {
  font-family:'Poppins', sans-serif !important;
}
#sb-main-container #sb_sign_in_form .btn,
#sb-main-container #sb_sign_up_form .btn,
#sb-main-container .btn.custom,
#sb-main-container .btn,
#sb-main-container button.btn,
#sb-main-container a.btn {
  border-radius:4px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
/* === einde booking-flow website-look === */


/* === Google-reviews badge op afrekenstap (Claude) === */
#sb-main-container #footer::before{content:'';display:block;height:36px;width:360px;max-width:100%;margin:14px auto 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373' height='40' viewBox='0 0 373 40'%3E%3Cg transform='translate(8,9) scale(0.46)'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/g%3E%3Ctext x='38' y='27' font-family='Arial' font-size='19' fill='%23fbbc04' letter-spacing='1.5'%3E&%239733;&%239733;&%239733;&%239733;&%239733;%3C/text%3E%3Ctext x='154' y='27' font-family='Roboto,Arial,sans-serif' font-size='14' fill='%236b7680'%3E%3Ctspan font-family='Poppins,Arial' font-weight='700' font-size='17' fill='%232c3339'%3E4,9%3C/tspan%3E%3Ctspan dx='6'%3E&%23183; 250+ Google-beoordelingen%3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat center;background-size:contain;}
#sb-main-container #footer > .container-fluid{display:none !important;}
/* Ingebouwd zwevend Google-kaartje verbergen (badge vervangt het) */
.google-reviews{display:none !important;}
/* === einde reviews badge === */

/* === Nieuwsbrief-optie verbergen (geen nieuwsbrief) === */
#sb-main-container .promotions-letter-flag{display:none !important;}
/* === einde nieuwsbrief === */


/* === Checkout: formulier bovenaan, upsell onderaan + compacte balken (Claude) === */
#sb_booking_content #details{display:flex !important;flex-direction:column !important;}
#sb_booking_content #details .detail-step-wrap{order:0 !important;}
#sb_booking_content #details #sb_attribute_container{order:1 !important;}
#sb_booking_content #details #sb_product_container{order:2 !important;}
#sb-main-container #sb_booking_content #details #sb_product_container .product-item{width:430px !important;max-width:100% !important;margin:0 auto 10px !important;float:none !important;}
#sb_product_container .product-item .tab.tab-col{padding-top:6px !important;padding-bottom:6px !important;}
#sb_product_container .product-item .user-img, #sb_product_container .product-item img{width:40px !important;height:40px !important;}
/* === einde checkout-indeling === */


/* === Alle "Lees meer"-info-popups uniform (Claude) === */
.modal[id^="service"].in,.modal[id^="category"].in,.modal[id^="product"].in,.modal[id^="provider"].in,.modal[id^="event"].in,.modal[id^="unit"].in,.modal[id^="performer"].in,.modal[id^="membership"].in,.modal[id^="package"].in,.modal[id^="addon"].in{display:flex !important;align-items:center !important;justify-content:center !important;padding:16px !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info){position:relative !important;background:#fff !important;border:1px solid #e7ebee !important;border-radius:16px !important;box-shadow:0 14px 44px rgba(20,50,70,.20) !important;padding:28px 24px 24px !important;max-width:440px !important;width:100% !important;margin:0 auto !important;max-height:86vh !important;overflow-y:auto !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .img-full,.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .no-img-block{display:none !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .tab-pd{padding:0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .cap.full{font-size:19px !important;font-weight:700 !important;color:#1596b6 !important;line-height:1.25 !important;margin:0 34px 12px 0 !important;padding:0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .txt.full{font-size:14.5px !important;line-height:1.55 !important;color:#2c3339 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .txt.full p{margin:0 0 8px 0 !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info{position:absolute !important;top:14px !important;right:14px !important;width:32px !important;height:32px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f2f5f7 !important;color:#6b7680 !important;cursor:pointer !important;transition:background .15s,color .15s !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info:hover{background:#19b2d8 !important;color:#fff !important;}
.modal .full-info:not(.full-info--cart):not(.full-info--client-info) .close-full-info .fa-times{font-size:15px !important;line-height:1 !important;}
/* === einde alle info-popups === */


/* ===== MEESTER ANDREAS - Google-beoordeling bovenaan op mobiel (28-07-2026) + desktop (29-07-2026) ===== */
html body #sb-main-container #sb_content::before {content:'';display:block;height:36px;width:360px;max-width:100%;margin:14px auto 6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373' height='40' viewBox='0 0 373 40'%3E%3Cg transform='translate(8,9) scale(0.46)'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/g%3E%3Ctext x='38' y='27' font-family='Arial' font-size='19' fill='%23fbbc04' letter-spacing='1.5'%3E&%239733;&%239733;&%239733;&%239733;&%239733;%3C/text%3E%3Ctext x='154' y='27' font-family='Roboto,Arial,sans-serif' font-size='14' fill='%236b7680'%3E%3Ctspan font-family='Poppins,Arial' font-weight='700' font-size='17' fill='%232c3339'%3E4,9%3C/tspan%3E%3Ctspan dx='6'%3E&%23183; 250+ Google-beoordelingen%3C/tspan%3E%3C/text%3E%3C/svg%3E") no-repeat center;background-size:contain;; position: sticky !important; top: var(--ma-header-h, 56px) !important; z-index: 60 !important; width: 100% !important; max-width: none !important; margin: 0 !important; height: 48px !important; background-color: #ffffff !important; background-size: auto 30px !important; background-position: center center !important; border-bottom: 1px solid #eceff1 !important; }
html body #sb-main-container #footer::before { display: none !important; }
html body.platform-desktop #sb-main-container #sb_content::before { top: 0 !important; }
/* ===== einde Google-beoordeling bovenaan ===== */


/* ===== MEESTER ANDREAS - huisstijl gelijk aan meesterandreas.nl (29-07-2026) ===== */
/* Lopende tekst: Roboto (zoals de site) */
#sb-main-container,#sb-main-container input,#sb-main-container select,#sb-main-container textarea,#sb-main-container .form-control,#sb-main-container p,#sb-main-container label,#sb-main-container #sb_booking_info .title-sub{font-family:'Roboto',Arial,Helvetica,sans-serif !important;}
#sb-main-container #sb_content{color:#252525 !important;}
/* Koppen, stappenbalk en knoppen: Poppins (zoals de site) */
#sb-main-container h1,#sb-main-container h2,#sb-main-container h3,#sb-main-container h4,#sb-main-container h5,#sb-main-container .title-main,#sb-main-container .title-small,#sb-main-container #sb_booking_info .title-small,#sb-main-container .btn,#sb-main-container #sb_book_btn,#sb-main-container #sb_multiple_booking_btn,#sb-main-container button{font-family:'Poppins',Arial,Helvetica,sans-serif !important;}
#sb-main-container h1,#sb-main-container h2,#sb-main-container h3,#sb-main-container h4,#sb-main-container .title-main{color:#212121 !important;}
#sb-main-container #sb_booking_info .title-small{font-weight:600 !important;color:#212121 !important;}
#sb-main-container #sb_booking_info .title-sub{color:#6b7280 !important;}
/* Hoofdknop oranje, zoals "Direct inboeken" op de site */
#sb-main-container #sb_book_btn.btn,#sb-main-container #sb_sign_in_form .btn,#sb-main-container #sb_sign_up_form .btn{background-color:#fb5b23 !important;background-image:none !important;border:1px solid #fb5b23 !important;color:#ffffff !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container #sb_book_btn.btn:hover,#sb-main-container #sb_sign_in_form .btn:hover,#sb-main-container #sb_sign_up_form .btn:hover{background-color:#e14e19 !important;border-color:#e14e19 !important;color:#ffffff !important;}
/* Tweede knop: blauwe outline */
#sb-main-container #sb_multiple_booking_btn.btn{background-color:#ffffff !important;color:#19b2d8 !important;border:1px solid #19b2d8 !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container #sb_multiple_booking_btn.btn:hover{background-color:#eaf7fc !important;color:#1596b6 !important;border-color:#1596b6 !important;}
/* Kaarten: zelfde rand, radius en schaduw als op de site */
#sb-main-container .category-item .tab,#sb-main-container .service-item .tab,#sb-main-container .provider-item .tab,#sb-main-container .tab.tab-col{border:1px solid #cfe8f0 !important;border-radius:14px !important;box-shadow:0 4px 14px rgba(26,178,216,.08) !important;overflow:hidden !important;}
#sb-main-container .tab.tab-col:hover{box-shadow:0 6px 20px rgba(26,178,216,.16) !important;}
#sb-main-container #sb_sign_in_form,#sb-main-container #sb_sign_up_form,#sb-main-container #details .detail-step #sb_additional_fields,#sb-main-container #details .detail-step .right-side,#sb-main-container #sb_booking_content #details #sb_product_container .product-item .tab{border-color:#cfe8f0 !important;box-shadow:0 4px 14px rgba(26,178,216,.08) !important;}
#sb-main-container #sb_sign_in_form .form-control,#sb-main-container #sb_sign_up_form .form-control,#sb-main-container #details .detail-step #sb_additional_fields .form-control{border-color:#cfe8f0 !important;}
/* Hoofdknop 'Boek' op de startpagina ook oranje */
#sb-main-container #main-buttons .btn.book{background-color:#fb5b23 !important;border-color:#fb5b23 !important;}
#sb-main-container #main-buttons .btn.book:hover{background-color:#e14e19 !important;border-color:#e14e19 !important;}
#sb-main-container #main-buttons .btn.book a{color:#ffffff !important;}
/* 'Selecteer'-knoppen blauw in de sitekleur (keuze Andreas 29-07-2026) */
#sb-main-container .btn.select,#sb-main-container .btn.select.custom{background-color:#19b2d8 !important;background-image:none !important;border:1px solid #19b2d8 !important;color:#ffffff !important;border-radius:4px !important;font-weight:600 !important;font-size:16px !important;}
#sb-main-container .btn.select:hover,#sb-main-container .btn.select.custom:hover{background-color:#1596b6 !important;border-color:#1596b6 !important;color:#ffffff !important;}
/* ===== einde huisstijl gelijk aan meesterandreas.nl ===== */


/* ===== MEESTER ANDREAS - stap 2 huisstijl: tekstgrootte, tijdblokjes, velden, stappenbalk (29-07-2026) ===== */
/* Tekst op sitegrootte (site: Roboto 16px, regelhoogte 1.8) */
#sb-main-container #sb_content{font-size:16px !important;line-height:1.7 !important;}
/* Knoppen op sitegrootte */
#sb-main-container #sb_book_btn.btn,#sb-main-container .btn.select,#sb-main-container .btn.select.custom,#sb-main-container #sb_multiple_booking_btn.btn,#sb-main-container #sb_sign_in_form .btn,#sb-main-container #sb_sign_up_form .btn{font-size:18px !important;min-height:50px !important;line-height:48px !important;padding:0 30px !important;}
#sb-main-container #sb_book_btn.btn,#sb-main-container #sb_multiple_booking_btn.btn{padding:0 18px !important;}
/* Stappenbalk: actieve stap blauw met accentlijn, komende stappen grijs */
#sb-main-container #sb_booking_info .step_info_item .title-small{color:#9aa5ad !important;}
#sb-main-container #sb_booking_info .step_info_item.filled .title-small{color:#212121 !important;}
#sb-main-container #sb_booking_info .step_info_item.active .title-small{color:#19b2d8 !important;}
#sb-main-container #sb_booking_info .step_info_item.active{box-shadow:inset 0 -4px 0 0 #19b2d8 !important;}
/* Tijdblokjes als witte pillen met sitrand */
#sb-main-container .slot a.sb-cell{background-color:#ffffff !important;border:1px solid #cfe8f0 !important;border-radius:6px !important;color:#19b2d8 !important;font-family:'Poppins',Arial,Helvetica,sans-serif !important;font-weight:600 !important;font-size:16px !important;box-shadow:0 2px 6px rgba(26,178,216,.06) !important;}
#sb-main-container .slot a.sb-cell:hover{background-color:#19b2d8 !important;border-color:#19b2d8 !important;color:#ffffff !important;}
/* Gekozen dag in de sitekleur */
#sb-main-container .date.selected,#sb-main-container .selected .date{background-color:#19b2d8 !important;color:#ffffff !important;}
/* Formuliervelden zoals op de site */
#sb-main-container .form-control{background-color:#ffffff !important;border:1px solid #cfe8f0 !important;border-radius:4px !important;font-size:16px !important;color:#252525 !important;}
#sb-main-container .form-control:focus{border-color:#19b2d8 !important;box-shadow:0 0 0 3px rgba(25,178,216,.12) !important;}
/* ===== einde stap 2 huisstijl ===== */


/* ===== MEESTER ANDREAS - merkbalk met logo ook zichtbaar tijdens boeken op desktop (29-07-2026) ===== */
body.platform-desktop #sb_main:not(.page--index) #header{display:block !important;}
body.platform-desktop #sb_main:not(.page--index) #main{margin-top:0 !important;}
html body.platform-desktop #sb-main-container #sb_content::before{top:var(--ma-header-h,70px) !important;}
/* ===== einde merkbalk op desktop ===== */


/* ===== MEESTER ANDREAS - witruimte tussen titelband en boekstappen kleiner (29-07-2026) ===== */
html body #ma-hero{margin-bottom:0 !important;}
html body #ma-hero[style*="block"] + #sb-timeline > *:first-child{margin-top:16px !important;}
/* ===== einde witruimte ===== */


/* ===== MEESTER ANDREAS - titelband verbergen in de geinstalleerde webapp (29-07-2026) ===== */
@media (display-mode: standalone){
  html body #ma-hero{display:none !important;}
  html body #ma-hero[style*="block"] + #sb-timeline > *:first-child{margin-top:50px !important;}
  /* Google-balk niet vastzetten in de app: liep door de menubalk heen */
  html body #sb-main-container #sb_content::before{position:static !important;top:auto !important;z-index:1 !important;}
}
/* ===== einde webapp ===== */