/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #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 */
}


 #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 */
}


/* ========== LUXE FONTS ========== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500&display=swap');

/* Basis tekst */
body,
.sb-main,
.sb-wrapper {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: 0.03em;
}

/* Grote titels & belangrijke woorden (zoals in het voorbeeld) */
h1, h2, h3,
.sb-title,
.sb-main-menu a,
.sbab-m__title,
.membership-title {
    font-family: 'Playfair Display', 'Times New Roman', serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* ===== FANCY LOGIN ICON (middle icon in header) ===== */

/* Maak het login-icoon een chique ronde badge */
.sb-header img:nth-of-type(2) {
    background-color: #171310;          /* donker chique */
    padding: 6px;                       /* ruimte rond het icoon */
    border-radius: 999px;               /* mooi rond */
    border: 1px solid #C5A46D;          /* goud randje */
    box-shadow: 0 6px 20px rgba(0,0,0,0.45);
    filter: brightness(0.85);           /* ietsje gedimd */
    transition:
        filter 0.25s ease,
        transform 0.2s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease;
}

/* Bij hover / klik → iets lichter + “lift” effect */
.sb-header img:nth-of-type(2):hover,
.sb-header img:nth-of-type(2):active {
    filter: brightness(1.15);           /* fade lichter */
    background-color: #C5A46D;          /* warmer goud */
    transform: translateY(-1px);        /* subtiel omhoog */
    box-shadow: 0 12px 28px rgba(0,0,0,0.55);
}

/* ===== High-Class Map Section Styling ===== */

#sb_location_map_container,
.sb-map-container {
    background: rgba(255, 255, 255, 0.03);       /* lichte glans */
    backdrop-filter: blur(6px);                 /* soft blur luxe */
    -webkit-backdrop-filter: blur(6px);
    border-radius: 14px;
    border: 1px solid rgba(197,164,109,0.25);   /* subtiel goud randje */
    padding: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.45);
}

/* Show on map knop (goud luxe) */
#sb_show_map, .sb-book-btn-map {
    background: #C5A46D !important;
    color: #000 !important;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #C5A46D !important;
    transition: all .25s ease;
}

/* Hover → soft glow */
#sb_show_map:hover, .sb-book-btn-map:hover {
    background: #d9ba82 !important;
    box-shadow: 0 4px 18px rgba(197,164,109,0.45);
    transform: translateY(-1px);
}

/* Disable state zachter */
#sb_show_map:disabled {
    background: #b59a6c !important;
    opacity: .6;
}

/* ========== LUXE FONTS ========== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500&display=swap');

/* Basis tekst */
body,
.sb-main,
.sb-wrapper {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    letter-spacing: 0.03em;
}

/* Grote titels & belangrijke woorden (zoals in het voorbeeld) */
h1, h2, h3,
.sb-title,
.sb-main-menu a,
.sbab-m__title,
.membership-title {
    font-family: 'Playfair Display', 'Times New Roman', serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

/* Verberg het blok voor nieuwe klanten op de loginpagina */
.client-login .new-client-block,
.client-login .new-client-title,
#fsNewClient,
#fsNewClient + div {
    display: none !important;
}

/* Verberg het blok voor nieuwe klanten op de loginpagina */
.client-login .new-client-block,
.client-login .new-client-title,
#fsNewClient,
#fsNewClient + div {
    display: none !important;
}