.elementor-5969 .elementor-element.elementor-element-7d47218{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-5969 .elementor-element.elementor-element-7d47218::before, .elementor-5969 .elementor-element.elementor-element-7d47218 > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-7d47218 > .e-con-inner > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-7d47218 > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-7d47218 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-7d47218 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1A140F;--background-overlay:'';}.elementor-5969 .elementor-element.elementor-element-7d47218.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5969 .elementor-element.elementor-element-259bfbc{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;--z-index:0;}.elementor-5969 .elementor-element.elementor-element-259bfbc:not(.elementor-motion-effects-element-type-background), .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Virtueel-Theetje.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5969 .elementor-element.elementor-element-259bfbc::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .e-con-inner > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FFFFFF00 70%, #F7F0E7 95%);}.elementor-5969 .elementor-element.elementor-element-e390eb3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:11vw;}.elementor-5969 .elementor-element.elementor-element-e390eb3:not(.elementor-motion-effects-element-type-background), .elementor-5969 .elementor-element.elementor-element-e390eb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Academy-Login-achtergrond-tekst.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5969 .elementor-element.elementor-element-e390eb3::before, .elementor-5969 .elementor-element.elementor-element-e390eb3 > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-e390eb3 > .e-con-inner > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-e390eb3 > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-e390eb3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-e390eb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #F7F0E7 0%, #FFFFFF00 100%);}.elementor-5969 .elementor-element.elementor-element-9bb1b7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Bely Display", Sans-serif;font-size:30px;color:var( --e-global-color-422f512 );}.elementor-5969 .elementor-element.elementor-element-57eb537{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5969 .elementor-element.elementor-element-72a85cb{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 50px 0px;}.elementor-5969 .elementor-element.elementor-element-72a85cb.elementor-element{--align-self:flex-start;}@media(max-width:1024px){.elementor-5969 .elementor-element.elementor-element-7d47218{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5969 .elementor-element.elementor-element-259bfbc:not(.elementor-motion-effects-element-type-background), .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://soulroadmap.com/wp-content/uploads/2026/08/Soul-Roadmap-Contact-formulier-afbeelding.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5969 .elementor-element.elementor-element-259bfbc{--min-height:50vh;}.elementor-5969 .elementor-element.elementor-element-259bfbc::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .e-con-inner > .elementor-background-video-container::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5969 .elementor-element.elementor-element-259bfbc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 70%, #F7F0E7 100%);}.elementor-5969 .elementor-element.elementor-element-e390eb3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5969 .elementor-element.elementor-element-72a85cb{padding:0px 0px 50px 0px;}}@media(min-width:768px){.elementor-5969 .elementor-element.elementor-element-7d47218{--width:100%;}}@media(max-width:767px){.elementor-5969 .elementor-element.elementor-element-7d47218{--min-height:100vh;--margin-top:0%;--margin-bottom:-10%;--margin-left:0%;--margin-right:0%;}.elementor-5969 .elementor-element.elementor-element-e390eb3{--padding-top:10vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:11vw;}.elementor-5969 .elementor-element.elementor-element-9bb1b7a{font-size:20px;}.elementor-5969 .elementor-element.elementor-element-72a85cb{padding:0px 0px 50px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-72a85cb *//* =========================================================
   SOUL ROADMAP – FLUENTBOOKING
   COMPLETE CUSTOM STYLE
========================================================= */


/* =========================================================
   0. BASIS
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap * {
    box-sizing: border-box;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap {
    --fcal_primary_color: #174053 !important;

    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;

    background:
        linear-gradient(
            180deg,
            rgba(64, 42, 18, 0.84) 0%,
            rgba(34, 20, 8, 0.90) 100%
        ) !important;

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border:
        1px solid rgba(216, 197, 129, 0.34) !important;

    border-radius: 18px !important;

    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.34),
        0 8px 30px rgba(74, 11, 26, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;

    overflow: hidden !important;

    color: #f8edc2 !important;
}


/* =========================================================
   1. STANDAARD FLUENTBOOKING RESET
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_holder,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_calendar_inner,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap.fcal-light-mode,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_side,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_wrapper,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_day_picker_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb #fcal_day_picker_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_day_picker,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-container,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_picker,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_lists,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_calendar_inner {
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}


/* =========================================================
   2. TYPOGRAFIE
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap p,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap span,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap label,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap input,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap textarea,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap select,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap button {
    font-family:
        "Barlow Condensed Light",
        "Barlow Condensed",
        sans-serif;
}


/* =========================================================
   3. LINKER KOLOM
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_calendar_inner .fcal_side {
    padding: 30px 27px !important;

    border-right:
        1px solid rgba(248, 237, 194, 0.14) !important;

    color:
        rgba(248, 237, 194, 0.82) !important;
}


.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_author_avatar img {
    border-radius: 10px !important;

    border:
        1px solid rgba(248, 237, 194, 0.28) !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.22) !important;
}


.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_author_name {
    margin-top: 10px !important;

    color:
        rgba(248, 237, 194, 0.76) !important;

    font-size: 16px !important;
    font-weight: 300 !important;
}


/* =========================================================
   4. EVENEMENTTITEL
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_heading,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info h1,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info h2,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info h3,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info h4 {
    font-family:
        "Bely Display",
        "Cormorant Garamond",
        serif !important;

    font-weight: normal !important;
    line-height: 1.15 !important;

    background:
        linear-gradient(
            90deg,
            #f8edc2 0%,
            #ecd98f 20%,
            #fff2b8 45%,
            #d8c581 68%,
            #b99a3f 100%
        );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

    color: #d8c581 !important;
}


/* =========================================================
   5. AFSPRAAKINFORMATIE
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info p,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info span,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_info div,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_icon_item {
    color:
        rgba(248, 237, 194, 0.84) !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_icon_item svg,
.elementor-5969 .elementor-element.elementor-element-72a85cb .slot_timing svg {
    color: #d8c581 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_icon_item svg path,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_icon_item svg circle,
.elementor-5969 .elementor-element.elementor-element-72a85cb .slot_timing svg path,
.elementor-5969 .elementor-element.elementor-element-72a85cb .slot_timing svg circle {
    stroke: #d8c581 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_icon_item img {
    opacity: 1 !important;
}


/* =========================================================
   6. RECHTERKOLOM
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_wrapper {
    position: relative !important;

    padding: 30px 40px 34px !important;

    color: #f8edc2 !important;

    overflow: hidden !important;
}


/* =========================================================
   7. MAAND + JAAR
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-month-year,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-month-year h2,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-month-year h3,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-month-year h4 {
    color: #f8edc2 !important;

    font-family:
        "Barlow Condensed Medium",
        "Barlow Condensed",
        sans-serif !important;

    font-weight: 500 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-month-year span {
    color:
        rgba(216, 197, 129, 0.76) !important;

    font-weight: 300 !important;
}


/* =========================================================
   8. WEEKDAGEN
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day-name,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-container .day-name {
    color:
        rgba(248, 237, 194, 0.74) !important;

    font-weight: 400 !important;
}


/* =========================================================
   9. DATUMVAKKEN
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day.day-enabled > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(255, 255, 255, 0.055) !important;

    color:
        rgba(248, 237, 194, 0.92) !important;

    border:
        1px solid rgba(216, 197, 129, 0.26) !important;

    border-radius: 7px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    cursor: pointer !important;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}


/* hover */
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day.day-enabled:hover > span {
    background:
        linear-gradient(
            180deg,
            #24586b 0%,
            #174053 58%,
            #102f3b 100%
        ) !important;

    color: #f8edc2 !important;

    border:
        1px solid rgba(216, 197, 129, 0.72) !important;

    outline: none !important;

    box-shadow:
        0 0 18px rgba(23, 64, 83, 0.40),
        inset 0 1px 0 rgba(248, 237, 194, 0.14) !important;

    transform: translateY(-1px);
}


/* geselecteerd */
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day.day_is_selected > span,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day.day-enabled.day_is_selected > span {
    background:
        linear-gradient(
            180deg,
            #24586b 0%,
            #174053 58%,
            #102f3b 100%
        ) !important;

    color: #f8edc2 !important;

    border:
        1px solid #d8c581 !important;

    outline: none !important;

    box-shadow:
        0 0 18px rgba(23, 64, 83, 0.38),
        inset 0 1px 0 rgba(248, 237, 194, 0.14) !important;
}


/* niet beschikbaar */
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar .day.day-disabled > span {
    background: transparent !important;

    color:
        rgba(248, 237, 194, 0.24) !important;

    border-color: transparent !important;

    box-shadow: none !important;
}


/* =========================================================
   10. MAANDNAVIGATIE
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button {
    width: 48px !important;
    height: 38px !important;

    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(255, 255, 255, 0.045) !important;

    border:
        1px solid rgba(216, 197, 129, 0.28) !important;

    border-radius: 7px !important;

    color: #d8c581 !important;

    outline: none !important;

    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button:focus-visible,
.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button:active {
    outline: none !important;
    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button svg {
    color: inherit !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button.fcal_btn_disabled {
    color:
        rgba(248, 237, 194, 0.30) !important;

    opacity: 1 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .calendar_nav button.fcal_nav_active:hover {
    background: #174053 !important;

    color: #f8edc2 !important;

    border-color:
        rgba(216, 197, 129, 0.65) !important;

    box-shadow:
        0 0 14px rgba(23, 64, 83, 0.38) !important;
}


/* =========================================================
   11. TIJDZONE
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_select {
    position: relative !important;

    z-index: 30 !important;

    overflow: visible !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_select,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_select label {
    color: #f8edc2 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb.svelte-select {
    position: relative !important;

    --background:
        rgba(255, 255, 255, 0.055) !important;

    --border:
        1px solid rgba(216, 197, 129, 0.28) !important;

    --border-hover:
        1px solid rgba(216, 197, 129, 0.55) !important;

    --border-radius:
        8px !important;

    --height:
        42px !important;

    --input-color:
        #f8edc2 !important;

    --placeholder-color:
        rgba(248, 237, 194, 0.58) !important;

    --list-background:
        #342313 !important;

    --list-color:
        #f8edc2 !important;

    --item-color:
        #f8edc2 !important;

    --item-hover-bg:
        #174053 !important;

    --item-is-active-bg:
        #174053 !important;

    --item-is-active-color:
        #f8edc2 !important;

    background:
        rgba(255, 255, 255, 0.055) !important;

    border:
        1px solid rgba(216, 197, 129, 0.28) !important;

    border-radius: 8px !important;

    outline: none !important;

    box-shadow: none !important;

    color: #f8edc2 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb:focus-within {
    outline: none !important;

    box-shadow:
        0 0 0 1px rgba(216, 197, 129, 0.52) !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .value-container,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .selected-item,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb input {
    background: transparent !important;

    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    font-size: 16px !important;

    outline: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .chevron {
    border-color:
        #d8c581 transparent transparent transparent !important;
}


/* dropdown omhoog */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .list {
    position: absolute !important;

    top: auto !important;
    bottom: calc(100% + 7px) !important;

    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    max-height: 220px !important;

    overflow-y: auto !important;

    z-index: 9999 !important;

    background: #342313 !important;

    border:
        1px solid rgba(216, 197, 129, 0.28) !important;

    border-radius: 8px !important;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.34) !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .list .item {
    color: #f8edc2 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_timezone_.elementor-5969 .elementor-element.elementor-element-72a85cb .list .item:hover {
    background: #174053 !important;
    color: #f8edc2 !important;
}


/* =========================================================
   12. TIJDSLOT-SCHERM
   ALLEEN ACHTERGROND HEADER AANGEPAST
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_picker {
    width: 100% !important;

    background: transparent !important;

    color: #f8edc2 !important;
}


/*
   FluentBooking houdt deze header zelf boven de tijdslots.
   We veranderen GEEN positie, hoogte, padding of layout.

   Alleen de achtergrond wordt volledig dekkend,
   zodat de tijdslots bij scrollen niet meer
   zichtbaar achter datum / 12u / 24u doorlopen.
*/
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_picker_header {
    background:
        linear-gradient(
            180deg,
            #5D4A34 0%,
            #59442F 100%
        ) !important;

    background-color: #5D4A34 !important;

    border-bottom:
        1px solid rgba(216, 197, 129, 0.18) !important;

    color: #f8edc2 !important;

    opacity: 1 !important;
}


.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_date_info,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_date_info span {
    color:
        rgba(248, 237, 194, 0.82) !important;
}


/* =========================================================
   13. TERUGKNOP
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_back .fcal_svg {
    width: 38px !important;
    height: 38px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(255, 255, 255, 0.045) !important;

    border:
        1px solid rgba(216, 197, 129, 0.28) !important;

    border-radius: 8px !important;

    color: #d8c581 !important;

    outline: none !important;

    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_back .fcal_svg svg,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_back .fcal_svg svg path {
    color: #d8c581 !important;

    fill: #d8c581 !important;
    stroke: #d8c581 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_back:hover .fcal_svg {
    background: #174053 !important;

    border-color:
        rgba(216, 197, 129, 0.65) !important;
}


/* =========================================================
   14. 12U / 24U
   GEEN BUITENSTE WITTE / DUBBELE RAND
========================================================= */

/*
   Buitenste wrapper bewust zonder kader.
   Daardoor krijg je niet langer:
   wit kader + goud kader + actieve knoprand.
*/
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour {
    padding: 3px !important;

    background:
        rgba(255, 255, 255, 0.035) !important;

    border: 0 !important;

    border-radius: 8px !important;

    outline: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Geen nieuwe rand bij hover/focus */
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour:hover,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour:focus-visible,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour:focus-within,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour:active {
    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* eventuele pseudo-randen verwijderen */
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour::before,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour::after {
    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;
}


/* 12u / 24u zelf */
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button {
    background: transparent !important;

    color:
        rgba(248, 237, 194, 0.64) !important;

    border: 0 !important;

    border-radius: 5px !important;

    outline: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* Geen knoprand tijdens interactie */
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button:hover,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button:focus-visible,
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button:active {
    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/*
   Actieve keuze:
   uitsluitend een subtiele warme achtergrond.
   Geen tweede rand.
*/
.elementor-5969 .elementor-element.elementor-element-72a85cb .format-hour button.active {
    background:
        rgba(216, 197, 129, 0.18) !important;

    color: #f8edc2 !important;

    border: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/* =========================================================
   15. TIJDSLOTS
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_lists,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot {
    background: transparent !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot {
    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_name {
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 15px !important;

    background:
        rgba(255, 255, 255, 0.055) !important;

    color:
        rgba(248, 237, 194, 0.92) !important;

    border:
        1px solid rgba(216, 197, 129, 0.30) !important;

    border-radius: 8px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}


/* browser/plugin focus neutraliseren */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_name:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_name:focus-visible,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_name:active,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot:focus-visible,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot:active {
    outline: none !important;

    border-color:
        rgba(216, 197, 129, 0.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}


/* =========================================================
   16. TIJDSLOT HOVER
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot:not(.fcal_spot_selected)
.fcal_spot_name:hover {
    background:
        linear-gradient(
            180deg,
            #24586b 0%,
            #174053 58%,
            #102f3b 100%
        ) !important;

    color: #f8edc2 !important;

    border:
        1px solid rgba(216, 197, 129, 0.68) !important;

    outline: none !important;

    box-shadow:
        0 0 15px rgba(23, 64, 83, 0.35),
        inset 0 1px 0 rgba(248, 237, 194, 0.12) !important;

    transform: translateY(-1px);
}


/* =========================================================
   17. GESELECTEERD TIJDSLOT
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_selected {
    background: transparent !important;

    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_selected .fcal_spot_name {
    background:
        rgba(255, 255, 255, 0.055) !important;

    color: #f8edc2 !important;

    border:
        1px solid rgba(216, 197, 129, 0.45) !important;

    border-right: 0 !important;

    border-radius:
        8px 0 0 8px !important;

    outline: none !important;

    box-shadow: none !important;

    transform: none !important;
}


/* =========================================================
   18. VOLGENDE
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_confirm {
    min-width: 112px !important;
    height: 48px !important;
    min-height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 18px !important;

    background:
        rgba(216, 197, 129, 0.10) !important;

    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    border:
        1px solid rgba(216, 197, 129, 0.45) !important;

    border-left:
        1px solid rgba(216, 197, 129, 0.28) !important;

    border-radius:
        0 8px 8px 0 !important;

    outline: none !important;

    font-family:
        "Barlow Condensed Medium",
        "Barlow Condensed",
        sans-serif !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    box-shadow: none !important;

    cursor: pointer !important;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_spot_confirm:hover {
    transform: none !important;

    background:
        rgba(216, 197, 129, 0.17) !important;

    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    border-color:
        rgba(216, 197, 129, 0.72) !important;

    box-shadow:
        0 0 12px rgba(216, 197, 129, 0.08) !important;
}


/* =========================================================
   19. SCROLLBAR
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items {
    scrollbar-width: thin;

    scrollbar-color:
        rgba(216, 197, 129, 0.42)
        transparent;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items::-webkit-scrollbar {
    width: 6px;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items::-webkit-scrollbar-track {
    background: transparent;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_items::-webkit-scrollbar-thumb {
    background:
        rgba(216, 197, 129, 0.40);

    border-radius: 10px;
}


/* =========================================================
   20. FORMULIEROVERLAY
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    z-index: 50 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 28px 30px 30px !important;

    background:
        linear-gradient(
            180deg,
            rgba(82, 60, 36, 0.98) 0%,
            rgba(46, 30, 17, 0.99) 100%
        ) !important;

    border: 0 !important;

    box-shadow: none !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details_header,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb #fcal_booking_form_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_form_item,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_input_content,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_input_wrap {
    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb #fcal_booking_form_wrap,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   21. FORMULIERHEADER
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details_header {
    margin: 0 0 22px !important;

    padding: 0 0 18px !important;

    border-bottom:
        1px solid rgba(216, 197, 129, 0.18) !important;

    color: #f8edc2 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details_header h2,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details_header h3,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details_header h4 {
    margin: 0 !important;

    color: #f8edc2 !important;

    font-family:
        "Bely Display",
        "Cormorant Garamond",
        serif !important;

    font-size: 25px !important;
    line-height: 1.2 !important;

    font-weight: normal !important;
}


/* =========================================================
   22. FORMULIER LABELS
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_input_label,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form label {
    display: block !important;

    margin-bottom: 7px !important;

    color:
        rgba(248, 237, 194, 0.82) !important;

    font-size: 16px !important;
    font-weight: 300 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form label sup,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .required,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form [class*="required"] {
    color: #d97882 !important;
}


/* =========================================================
   23. FORMULIERVELDEN
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_input,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="text"],
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="email"],
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="tel"],
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="number"],
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form textarea,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form select {
    width: 100% !important;

    min-height: 50px !important;

    padding: 0 16px !important;

    background:
        rgba(255, 255, 255, 0.055) !important;

    color: #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    border:
        1px solid rgba(216, 197, 129, 0.30) !important;

    border-radius: 8px !important;

    outline: none !important;

    font-size: 16px !important;
    font-weight: 300 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form textarea {
    min-height: 130px !important;

    padding: 13px 16px !important;

    resize: vertical !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_input:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form textarea:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form select:focus {
    background:
        rgba(255, 255, 255, 0.075) !important;

    border-color:
        rgba(216, 197, 129, 0.62) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(216, 197, 129, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input::placeholder,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form textarea::placeholder {
    color:
        rgba(255, 255, 255, 0.48) !important;

    -webkit-text-fill-color:
        rgba(255, 255, 255, 0.48) !important;

    opacity: 1 !important;
}


/* =========================================================
   24. HULPTEKST
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_help_text {
    margin-top: 6px !important;

    color:
        rgba(248, 237, 194, 0.58) !important;

    font-size: 14px !important;
    font-weight: 300 !important;

    font-style: italic !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_form_item {
    margin-bottom: 18px !important;
}


/* =========================================================
   25. MEETING INPLANNEN
   EXACT LOGIN BUTTON
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit {
    width: 100% !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"] {
    position: relative;

    width: 100% !important;

    height: 52px !important;
    min-height: 52px !important;

    margin-top: 8px !important;

    padding: 0 20px !important;

    background:
        linear-gradient(
            180deg,
            #6A1326 0%,
            #4A0B1A 55%,
            #2F0610 100%
        ) !important;

    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    border:
        1px solid rgba(216, 197, 129, 0.65) !important;

    border-radius: 8px !important;

    outline: none !important;

    font-family:
        "Barlow Condensed Medium",
        "Barlow Condensed",
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 600 !important;

    box-shadow:
        0 0 14px rgba(216, 197, 129, 0.15),
        inset 0 1px 0 rgba(248, 237, 194, 0.18) !important;

    cursor: pointer !important;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease !important;
}


/*
   Ook alle interne elementen dezelfde tekstkleur geven.
   FluentBooking kan namelijk een span in de button stylen.
*/
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button *,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"] * {
    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;
}


/* hover */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:hover,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:hover {
    transform: translateY(-1px);

    background:
        linear-gradient(
            180deg,
            #7A1830 0%,
            #4A0B1A 55%,
            #2F0610 100%
        ) !important;

    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    border-color:
        #D8C581 !important;

    box-shadow:
        0 0 25px rgba(216, 197, 129, 0.28),
        inset 0 1px 0 rgba(248, 237, 194, 0.26) !important;
}


/* interne tekst óók bij hover vastzetten */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:hover *,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:hover * {
    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;
}


/* focus + active */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:active,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:focus,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:active {
    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;

    outline: none !important;
}


/* interne tekst focus + active */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:focus *,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_submit button:active *,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:focus *,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form button[type="submit"]:active * {
    color: #f8edc2 !important;

    -webkit-text-fill-color:
        #f8edc2 !important;
}


/* =========================================================
   26. LINKS / CHECKBOXES
========================================================= */

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap a {
    color: #d8c581 !important;

    text-decoration: none !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap a:hover {
    color: #f8edc2 !important;
}

.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="checkbox"],
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form input[type="radio"] {
    accent-color: #d8c581 !important;
}


/* =========================================================
   27. MOBIEL
========================================================= */

@media (max-width: 767px) {

    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_wrap {
        width: 100% !important;
        max-width: 100% !important;

        border-radius: 14px !important;
    }

    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_calendar_inner {
        flex-direction: column !important;
    }

    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_calendar_inner .fcal_side {
        width: 100% !important;

        padding: 24px 22px !important;

        border-right: 0 !important;

        border-bottom:
            1px solid rgba(248, 237, 194, 0.14) !important;
    }

    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_wrapper {
        width: 100% !important;
        min-width: 0 !important;

        padding: 24px 18px 26px !important;
    }

    .elementor-5969 .elementor-element.elementor-element-72a85cb .calendar-container,
    .elementor-5969 .elementor-element.elementor-element-72a85cb .calendar,
    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_slot_picker,
    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form_wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_date_event_details {
        padding: 24px 18px 26px !important;
    }
}

/* =========================================================
   PRIVACY / VOORWAARDEN CHECKBOX
   GOUDEN VINKJE + LINKS NAAST TEKST
========================================================= */


/* Hele regel */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    padding-left: 30px !important;

    margin: 0 !important;

    cursor: pointer !important;
}


/* Browser-checkbox verbergen */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox input[type="checkbox"] {
    position: absolute !important;

    opacity: 0 !important;

    width: 1px !important;
    height: 1px !important;

    pointer-events: none !important;
}


/* Het zichtbare vakje */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox .checkbox_mark {
    position: absolute !important;

    left: 0 !important;
    top: 2px !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(255, 255, 255, 0.045) !important;

    border:
        1px solid rgba(216, 197, 129, 0.45) !important;

    border-radius: 4px !important;

    outline: none !important;

    box-shadow: none !important;
}


/* Eigen vinkje opbouwen */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox .checkbox_mark::before {
    content: "✓" !important;

    position: static !important;

    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;

    border: 0 !important;

    color: #D8C581 !important;

    font-family: Arial, sans-serif !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    transform: none !important;

    opacity: 0 !important;
}


/* Hover:
   alleen rand iets duidelijker goud */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox:hover .checkbox_mark {
    background:
        rgba(255, 255, 255, 0.055) !important;

    border-color:
        #D8C581 !important;

    box-shadow: none !important;
}


/* Aangevinkt:
   GEEN teal achtergrond */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox
input[type="checkbox"]:checked ~ .checkbox_mark {
    background:
        rgba(255, 255, 255, 0.055) !important;

    border-color:
        #D8C581 !important;

    box-shadow: none !important;
}


/* Gouden vinkje zichtbaar maken */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox
input[type="checkbox"]:checked ~ .checkbox_mark::before {
    opacity: 1 !important;

    color: #D8C581 !important;
}


/* Geen blauwe / teal focus */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox
input[type="checkbox"]:focus ~ .checkbox_mark,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form
.fcal_custom_checkbox
input[type="checkbox"]:focus-visible ~ .checkbox_mark {
    outline: none !important;

    border-color:
        #D8C581 !important;

    box-shadow:
        0 0 0 2px rgba(216, 197, 129, 0.08) !important;
}

/* =========================================================
   FLUENTBOOKING VALIDATIE
   ÉÉN SUBTIELE FOUTMELDING
========================================================= */


/* Algemene blauwe melding onder de button verbergen */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fluent_booking_app .fcal_errors {
    display: none !important;
}


/* Specifieke melding direct onder het betreffende veld */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_validation_error {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin-top: 7px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #d97882 !important;
}


/* Tekst */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_validation_error p {
    margin: 0 !important;
    padding: 0 !important;

    color: #d97882 !important;

    font-family:
        "Barlow Condensed Light",
        "Barlow Condensed",
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
}


/* Fout-icoon */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_validation_error svg {
    width: 14px !important;
    height: 14px !important;

    flex: 0 0 14px !important;

    color: #d97882 !important;
    stroke: #d97882 !important;
}


/* Ook SVG-lijnen dezelfde kleur */
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_validation_error svg path,
.elementor-5969 .elementor-element.elementor-element-72a85cb .fcal_booking_form .fcal_validation_error svg circle {
    stroke: #d97882 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bely Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://soulroadmap.com/wp-content/uploads/2026/03/BelyDisplayW00-Regular.woff2') format('woff2'),
		url('https://soulroadmap.com/wp-content/uploads/2026/03/BelyDisplayW00-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */