.elementor-104 .elementor-element.elementor-element-7b0f4e4{--display:flex;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E2E8F0;--border-color:#E2E8F0;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-7b0f4e4:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-7b0f4e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-104 .elementor-element.elementor-element-93df9f0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-104 .elementor-element.elementor-element-922b01a{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:start;}.elementor-104 .elementor-element.elementor-element-922b01a img{max-width:70%;}.elementor-104 .elementor-element.elementor-element-dc8d368{--display:flex;border-style:none;--border-style:none;--border-radius:100px 100px 100px 100px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-bf0e6e3{--display:flex;--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:flex-start;--align-items:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;border-style:none;--border-style:none;--border-radius:100px 100px 100px 100px;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-104 .elementor-element.elementor-element-bf0e6e3:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-bf0e6e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-190228d.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-190228d .elementor-icon-wrapper{text-align:center;}.elementor-104 .elementor-element.elementor-element-190228d.elementor-view-stacked .elementor-icon{background-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-190228d.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-190228d.elementor-view-default .elementor-icon{color:#0A1128;border-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-190228d.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-190228d.elementor-view-default .elementor-icon svg{fill:#0A1128;}.elementor-104 .elementor-element.elementor-element-190228d .elementor-icon{font-size:0.9em;}.elementor-104 .elementor-element.elementor-element-190228d .elementor-icon svg{height:0.9em;}.elementor-104 .elementor-element.elementor-element-802207b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:03px 0px;--row-gap:03px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-104 .elementor-element.elementor-element-4af41d6.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-4af41d6{text-align:start;}.elementor-104 .elementor-element.elementor-element-4af41d6 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.9rem;font-weight:600;color:#0A1128;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-104 .elementor-element.elementor-element-201fdbc.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-item:not(:last-child):after{content:"";height:50%;border-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-icon i{color:#0A1128;transition:color 0.3s;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-icon svg{fill:#0A1128;transition:fill 0.3s;}.elementor-104 .elementor-element.elementor-element-201fdbc{--e-icon-list-icon-size:0.7em;--icon-vertical-offset:0px;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-item > a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.8rem;font-weight:400;}.elementor-104 .elementor-element.elementor-element-201fdbc .elementor-icon-list-text{color:#0A1128;transition:color 0.3s;}.elementor-104 .elementor-element.elementor-element-806baaa{--display:flex;--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:flex-end;--align-items:center;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-104 .elementor-element.elementor-element-332eefa .elementor-button{background-color:#61CE7000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.9rem;font-weight:500;fill:#0F172A;color:#0F172A;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-104 .elementor-element.elementor-element-332eefa .elementor-button:hover, .elementor-104 .elementor-element.elementor-element-332eefa .elementor-button:focus{background-color:#F8F9FA;color:#0F172A;}.elementor-104 .elementor-element.elementor-element-332eefa > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-104 .elementor-element.elementor-element-332eefa.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-332eefa .elementor-button:hover svg, .elementor-104 .elementor-element.elementor-element-332eefa .elementor-button:focus svg{fill:#0F172A;}.elementor-104 .elementor-element.elementor-element-1da05ab.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-1da05ab .elementor-icon-wrapper{text-align:center;}.elementor-104 .elementor-element.elementor-element-1da05ab.elementor-view-stacked .elementor-icon{background-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-1da05ab.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-1da05ab.elementor-view-default .elementor-icon{color:#0A1128;border-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-1da05ab.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-1da05ab.elementor-view-default .elementor-icon svg{fill:#0A1128;}.elementor-104 .elementor-element.elementor-element-1da05ab .elementor-icon{font-size:1.1em;}.elementor-104 .elementor-element.elementor-element-1da05ab .elementor-icon svg{height:1.1em;}.elementor-104 .elementor-element.elementor-element-4893052{--display:flex;--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:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0A1128;--border-color:#0A1128;--border-radius:100px 100px 100px 100px;--padding-top:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-104 .elementor-element.elementor-element-b341ee1.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-b341ee1 .elementor-icon-wrapper{text-align:center;}.elementor-104 .elementor-element.elementor-element-b341ee1.elementor-view-stacked .elementor-icon{background-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-b341ee1.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-b341ee1.elementor-view-default .elementor-icon{color:#0A1128;border-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-b341ee1.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-b341ee1.elementor-view-default .elementor-icon svg{fill:#0A1128;}.elementor-104 .elementor-element.elementor-element-b341ee1 .elementor-icon{font-size:1.1em;}.elementor-104 .elementor-element.elementor-element-b341ee1 .elementor-icon svg{height:1.1em;}.elementor-104 .elementor-element.elementor-element-fc173f2.elementor-element{--align-self:center;}.elementor-104 .elementor-element.elementor-element-fc173f2 .elementor-icon-wrapper{text-align:center;}.elementor-104 .elementor-element.elementor-element-fc173f2.elementor-view-stacked .elementor-icon{background-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-fc173f2.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-fc173f2.elementor-view-default .elementor-icon{color:#0A1128;border-color:#0A1128;}.elementor-104 .elementor-element.elementor-element-fc173f2.elementor-view-framed .elementor-icon, .elementor-104 .elementor-element.elementor-element-fc173f2.elementor-view-default .elementor-icon svg{fill:#0A1128;}.elementor-104 .elementor-element.elementor-element-fc173f2 .elementor-icon{font-size:1.1em;}.elementor-104 .elementor-element.elementor-element-fc173f2 .elementor-icon svg{height:1.1em;}.elementor-104 .elementor-element.elementor-element-c71c6bc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-104 .elementor-element.elementor-element-c71c6bc:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-c71c6bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-104 .elementor-element.elementor-element-46d887b{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-104 .elementor-element.elementor-element-7b0f4e4{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-104 .elementor-element.elementor-element-922b01a img{max-width:100%;}.elementor-104 .elementor-element.elementor-element-806baaa{--gap:0px 10px;--row-gap:0px;--column-gap:10px;}.elementor-104 .elementor-element.elementor-element-332eefa .elementor-button{font-size:0.8rem;}.elementor-104{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-104 .elementor-element.elementor-element-7b0f4e4{--padding-top:010px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-104 .elementor-element.elementor-element-93df9f0{--width:70%;}.elementor-104 .elementor-element.elementor-element-922b01a{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-104 .elementor-element.elementor-element-922b01a img{max-width:80%;}.elementor-104 .elementor-element.elementor-element-806baaa{--width:30%;}.elementor-104 .elementor-element.elementor-element-c71c6bc{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-104 .elementor-element.elementor-element-46d887b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-11312e6{width:initial;max-width:initial;text-align:start;}.elementor-104 .elementor-element.elementor-element-11312e6 img{max-width:40%;}.elementor-104{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-93df9f0{--width:25%;}.elementor-104 .elementor-element.elementor-element-dc8d368{--width:50%;}.elementor-104 .elementor-element.elementor-element-806baaa{--width:25%;}.elementor-104 .elementor-element.elementor-element-4893052{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-104 .elementor-element.elementor-element-93df9f0{--width:30%;}.elementor-104 .elementor-element.elementor-element-dc8d368{--width:40%;}.elementor-104 .elementor-element.elementor-element-806baaa{--width:30%;}}/* Start custom CSS for icon, class: .elementor-element-190228d *//* Forceert het icoon om perfect in het midden van de Elementor container te staan */
.elementor-104 .elementor-element.elementor-element-190228d .elementor-widget-container,
.elementor-104 .elementor-element.elementor-element-190228d .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-104 .elementor-element.elementor-element-190228d svg, 
.elementor-104 .elementor-element.elementor-element-190228d i {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09cc201 *//* Noble Yachts - Smart Search Styles
  - Plaats deze code in 'Appearance > Customize > Additional CSS' 
    of in de 'Custom CSS' tab van je Elementor sectie.
*/

/* --- 1. THE BAR --- */
.noble-smart-search-wrapper {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.noble-search-bar {
    display: flex;
    align-items: center;
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
                linear-gradient(60deg, #0EA5E9, #F97316, #FBBF24, #10B981) border-box !important;
    border: 1px solid transparent !important;
    border-radius: 50px;
    padding: 3px 3px 3px 15px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    background-size: 300% 300% !important;
    animation: summerWave 12s ease infinite;
    position: relative;
    z-index: 1001;
}

@keyframes summerWave {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Kill focus styles */
button:focus, input:focus, a:focus { 
    outline: none !important; 
    box-shadow: none !important; 
}

/* --- 2. TYPOGRAPHY --- */
.thin-font { 
    font-weight: 500 !important; 
    color: #64748B !important; 
}

#nobleSearchInput { 
    font-weight: 700; 
    border: none; 
    outline: none; 
    background: transparent; 
    width: 100%; 
    color: #0A1128; 
    font-size: 0.85rem; 
}

/* --- 3. SEARCH BUTTON RECHTS (Groot & Omgedraaid) --- */
.noble-search-btn {
    width: 40px; 
    height: 40px; 
    background: #F97316;
    border: none;
    border-radius: 50%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 4px 10px rgba(249, 115, 22, 0.2);
    margin-left: 10px;
    flex-shrink: 0;
}

.noble-search-btn:hover { 
    background: #0A1128; 
    transform: scale(1.05); 
}

.noble-search-btn svg.noble-search-flipped { 
    width: 34px !important; 
    height: 34px !important; 
    transform: scaleX(-1); /* Icoon omgedraaid */
}

/* --- 4. FULL WIDTH BUTTONS (White Outline style) --- */
.noble-apply-full-btn {
    width: 100%;
    background-color: #0A1128;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.noble-apply-full-btn span {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.noble-outline-box {
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: 1.5px solid #FFFFFF; 
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.noble-outline-box svg { 
    width: 11px; 
    height: 11px; 
}

.noble-apply-full-btn:hover .noble-outline-box {
    transform: translate(4px, -4px);
    background-color: #FFFFFF;
    color: #0A1128;
}

/* --- 5. MONTH NAV --- */
.month-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.current-month { 
    font-size: 0.9rem; 
    font-weight: 800; 
    color: #0A1128; 
}

.nav-arrows { 
    display: flex; 
    gap: 10px; 
}

.nav-arrow-btn {
    width: 26px;
    height: 26px;
    border: 1px solid #0A1128; 
    background: transparent;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0A1128;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-arrow-btn svg { 
    width: 14px; 
    height: 14px; 
    display: block; 
}

.nav-arrow-btn:hover { 
    border-color: #F97316; 
    color: #F97316; 
}

/* --- 6. GUEST UI (SHARP 1PX LOOPS) --- */
.guest-row { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    padding: 15px 0 !important; 
    border-bottom: 1px solid #F8FAFC; 
}

.guest-details { 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: flex-start !important; 
}

.guest-details strong { 
    font-size: 0.82rem; 
    color: #0A1128; 
    display: block; 
    margin-bottom: 2px; 
}

.guest-details span { 
    font-size: 0.68rem; 
    color: #64748B; 
    display: block; 
}

.guest-controls { 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    gap: 15px !important; 
}

.guest-step-btn {
    width: 28px !important; 
    height: 28px !important; 
    border-radius: 50% !important;
    border: 1px solid #0A1128 !important; 
    background: transparent !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    color: #0A1128 !important; 
    cursor: pointer; 
    transition: all 0.2s ease;
}

.guest-step-btn:hover { 
    background: #0A1128 !important; 
    color: #FFFFFF !important; 
}

.guest-step-btn svg { 
    width: 14px; 
    height: 14px; 
}

.guest-count-val { 
    font-weight: 800; 
    font-size: 1rem; 
    color: #0A1128; 
    min-width: 20px; 
    text-align: center; 
}

/* --- 7. DROPDOWNS & LAYOUT --- */
.noble-dropdown { 
    position: absolute; 
    top: calc(100% + 15px); 
    left: 0; 
    width: 350px; 
    background: #FFFFFF; 
    border-radius: 20px; 
    padding: 24px; 
    box-shadow: 0 20px 40px rgba(10, 17, 40, 0.12); 
    border: 1px solid #F1F5F9; 
    visibility: hidden; 
    opacity: 0; 
    transform: translateY(-10px); 
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); 
    z-index: 2000; 
}

.noble-dropdown.active { 
    visibility: visible; 
    opacity: 1; 
    transform: translateY(0); 
}

.dropdown-item { 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    gap: 15px !important; 
    padding: 10px 0 !important; 
    cursor: pointer; 
    border-bottom: 1px solid #F8FAFC; 
}

.item-text { 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: flex-start !important; 
}

.item-text strong { 
    font-size: 0.82rem; 
    color: #0A1128; 
    display: block; 
    margin-bottom: 2px; 
}

.item-text span { 
    font-size: 0.68rem; 
    color: #64748B; 
    display: block; 
}

.calendar-grid { 
    display: grid; 
    grid-template-columns: repeat(7, 1fr); 
    gap: 5px; 
    font-size: 0.75rem; 
    text-align: center; 
}

.calendar-grid span { 
    padding: 8px; 
    border-radius: 8px; 
    cursor: pointer; 
}

.calendar-grid span.muted { color: #CBD5E1; }
.calendar-grid span.selected { background: #F97316; color: #FFF; font-weight: 700; }

.noble-search-segment { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    padding: 5px 15px; 
    cursor: pointer; 
    border-radius: 40px; 
    transition: background 0.2s ease; 
    position: relative; 
}

.noble-search-segment:hover { background-color: #F8FAFC; }
.noble-search-icon { width: 18px; height: 18px; color: #0A1128; flex-shrink: 0; }
.noble-v-divider { width: 1.5px; height: 25px; background-color: #F1F5F9; flex-shrink: 0; }
.dropdown-label { font-weight: 800; font-size: 0.65rem; text-transform: uppercase; color: #94A3B8; letter-spacing: 0.06em; margin: 12px 0; }
.nearby-icon-fix svg { width: 16px !important; height: 16px !important; }
.item-icon { width: 34px; height: 34px; background: #F8FAFC; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
.loc-bg { background: #F0F9FF; color: #0EA5E9; }

@media (max-width: 768px) {
    .noble-v-divider { display: none; }
    .noble-search-bar { flex-direction: column; border-radius: 20px; padding: 15px; }
    .noble-dropdown { width: calc(100vw - 40px); left: 50%; transform: translateX(-50%); }
    .noble-search-segment { width: 100%; flex: none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc8d368 *//* Geanimeerde Zomerse Gradient Rand voor de Zoekbalk */
.elementor-104 .elementor-element.elementor-element-dc8d368 {
    /* Verberg de standaard Elementor border */
    border: 1px solid transparent !important;
    
    /* De truc: Een witte binnenkant, met een gekleurde bewegende border */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box,
                linear-gradient(60deg, #0EA5E9, #F97316, #FBBF24, #10B981) border-box !important;
    
    /* Maakt de gradient breed genoeg om te animeren */
    background-size: 300% 300% !important;
    
    /* Animatie snelheid (10s = heerlijk langzaam en luxe) */
    animation: summerVibes 10s ease infinite;
}

/* De animatie loop */
@keyframes summerVibes {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Optioneel: Laat de rand sneller bewegen als je er met de muis overheen gaat */
.elementor-104 .elementor-element.elementor-element-dc8d368:hover {
    animation: summerVibes 3s ease infinite;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1da05ab *//* Forceert het icoon om perfect in het midden van de Elementor container te staan */
.elementor-104 .elementor-element.elementor-element-1da05ab .elementor-widget-container,
.elementor-104 .elementor-element.elementor-element-1da05ab .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-104 .elementor-element.elementor-element-1da05ab svg, 
.elementor-104 .elementor-element.elementor-element-1da05ab i {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b341ee1 *//* Forceert het icoon om perfect in het midden van de Elementor container te staan */
.elementor-104 .elementor-element.elementor-element-b341ee1 .elementor-widget-container,
.elementor-104 .elementor-element.elementor-element-b341ee1 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-104 .elementor-element.elementor-element-b341ee1 svg, 
.elementor-104 .elementor-element.elementor-element-b341ee1 i {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fc173f2 *//* Forceert het icoon om perfect in het midden van de Elementor container te staan */
.elementor-104 .elementor-element.elementor-element-fc173f2 .elementor-widget-container,
.elementor-104 .elementor-element.elementor-element-fc173f2 .elementor-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-104 .elementor-element.elementor-element-fc173f2 svg, 
.elementor-104 .elementor-element.elementor-element-fc173f2 i {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c71c6bc *//* Noble Yachts - Inline Start Fix (Menu Icoon) */
.noble-inline-start {
    display: inline-block !important;
    width: auto !important;
    vertical-align: middle !important;
    margin-left: 0 !important;        /* Zorgt dat er geen ruimte links zit */
    margin-right: auto !important;     /* Duwt de rest van de elementen opzij */
    text-align: left !important;
}/* End custom CSS */