.elementor-5529 .elementor-element.elementor-element-c22e0b3:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-c22e0b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.floralicreations.com/wp-content/uploads/2026/04/Bloemen-abonnement-1.webp");background-position:center right;background-repeat:no-repeat;background-size:56% auto;}.elementor-5529 .elementor-element.elementor-element-c22e0b3 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #29235C 50%, #F2295B00 50%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5529 .elementor-element.elementor-element-c22e0b3 > .elementor-container{min-height:600px;}.elementor-5529 .elementor-element.elementor-element-c22e0b3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5529 .elementor-element.elementor-element-bf63e79 > .elementor-element-populated >  .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0;}.elementor-5529 .elementor-element.elementor-element-bf63e79 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-5529 .elementor-element.elementor-element-bf63e79 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-5529 .elementor-element.elementor-element-2ec064a > .elementor-widget-container{margin:-45px 0px 0px 0px;}.elementor-5529 .elementor-element.elementor-element-2ec064a .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5529 .elementor-element.elementor-element-7b101a2{color:#FFFFFF;}.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-5529 .elementor-element.elementor-element-1cecb25 .elementor-button:hover, .elementor-5529 .elementor-element.elementor-element-1cecb25 .elementor-button:focus{background-color:var( --e-global-color-8c9f18a );color:var( --e-global-color-text );}.elementor-5529 .elementor-element.elementor-element-1cecb25 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-1cecb25 .elementor-button:hover svg, .elementor-5529 .elementor-element.elementor-element-1cecb25 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-5529 .elementor-element.elementor-element-336bdb0:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-336bdb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF5E8;}.elementor-5529 .elementor-element.elementor-element-336bdb0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 10px 80px 10px;}.elementor-5529 .elementor-element.elementor-element-336bdb0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5529 .elementor-element.elementor-element-866aec6{text-align:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5529 .elementor-element.elementor-element-524715a .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-524715a .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-524715a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-524715a.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-524715a.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-b50019c .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-b50019c .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-b50019c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-b50019c.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-b50019c.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-b45d8b3 .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-b45d8b3 .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-b45d8b3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-b45d8b3.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-b45d8b3.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-ab062c1:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-ab062c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.floralicreations.com/wp-content/uploads/2026/04/Boeket-ontvangen.webp");background-position:center right;background-repeat:no-repeat;background-size:50% auto;}.elementor-5529 .elementor-element.elementor-element-ab062c1 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #29235C00 50%, #F2295B00 50%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5529 .elementor-element.elementor-element-ab062c1 > .elementor-container{min-height:600px;}.elementor-5529 .elementor-element.elementor-element-ab062c1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5529 .elementor-element.elementor-element-7cda88c > .elementor-element-populated >  .elementor-background-overlay{background-color:#F9FDFF;opacity:0;}.elementor-5529 .elementor-element.elementor-element-7cda88c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5529 .elementor-element.elementor-element-7cda88c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5529 .elementor-element.elementor-element-9206968 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-5529 .elementor-element.elementor-element-f5f3ea3{color:var( --e-global-color-primary );}.elementor-5529 .elementor-element.elementor-element-6d8ce40 .elementor-button:hover, .elementor-5529 .elementor-element.elementor-element-6d8ce40 .elementor-button:focus{background-color:var( --e-global-color-8c9f18a );color:var( --e-global-color-text );}.elementor-5529 .elementor-element.elementor-element-6d8ce40 .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-5529 .elementor-element.elementor-element-6d8ce40 .elementor-button:hover svg, .elementor-5529 .elementor-element.elementor-element-6d8ce40 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-5529 .elementor-element.elementor-element-e81e623:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-e81e623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF5E8;}.elementor-5529 .elementor-element.elementor-element-e81e623{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 10px 80px 10px;}.elementor-5529 .elementor-element.elementor-element-e81e623 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5529 .elementor-element.elementor-element-3d5ab17 .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-3d5ab17 .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-3d5ab17.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-3d5ab17.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-3d5ab17.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-4aef8c5 .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-4aef8c5 .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-4aef8c5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-4aef8c5.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-4aef8c5.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-ccfa78d .elementor-icon-box-wrapper{gap:24px;}.elementor-5529 .elementor-element.elementor-element-ccfa78d .elementor-icon-box-title{margin-block-end:6px;}.elementor-5529 .elementor-element.elementor-element-ccfa78d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-ccfa78d.elementor-view-framed .elementor-icon, .elementor-5529 .elementor-element.elementor-element-ccfa78d.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-f3fe046 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5529 .elementor-element.elementor-element-f3fe046{padding:80px 10px 80px 10px;}.elementor-5529 .elementor-element.elementor-element-4c9c6e4 .elementor-heading-title{color:#1E0A27;}.elementor-5529 .elementor-element.elementor-element-534d935 .rey-cartBtnQty{--accent-text-color:#FFFFFF;--link-color:#FFFFFF;--accent-color:var( --e-global-color-accent );}.elementor-5529 .elementor-element.elementor-element-534d935 .rey-cartBtnQty .button.single_add_to_cart_button: hover{color:var( --e-global-color-text );background-color:#F29FC5;}.elementor-5529 .elementor-element.elementor-element-1a06611 p:last-of-type{margin-bottom:0;}.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-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-icon i{color:#40A85E;transition:color 0.3s;}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-icon svg{fill:#40A85E;transition:fill 0.3s;}.elementor-5529 .elementor-element.elementor-element-48a7e69{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-icon{padding-inline-end:16px;}.elementor-5529 .elementor-element.elementor-element-48a7e69 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-5529 .elementor-element.elementor-element-72bd515 p:last-of-type{margin-bottom:0;}@media(max-width:767px){.elementor-5529 .elementor-element.elementor-element-c22e0b3:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-c22e0b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:100% auto;}.elementor-5529 .elementor-element.elementor-element-c22e0b3 > .elementor-background-overlay{opacity:0;}.elementor-5529 .elementor-element.elementor-element-c22e0b3{padding:150px 10px 0px 10px;}.elementor-5529 .elementor-element.elementor-element-bf63e79 > .elementor-element-populated >  .elementor-background-overlay{opacity:1;}.elementor-5529 .elementor-element.elementor-element-bf63e79 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-5529 .elementor-element.elementor-element-ab062c1:not(.elementor-motion-effects-element-type-background), .elementor-5529 .elementor-element.elementor-element-ab062c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.floralicreations.com/wp-content/uploads/2026/04/Boeket-ontvangen.webp");background-position:top center;background-size:100% auto;}.elementor-5529 .elementor-element.elementor-element-ab062c1 > .elementor-background-overlay{opacity:0;}.elementor-5529 .elementor-element.elementor-element-ab062c1{padding:200px 10px 0px 10px;}.elementor-5529 .elementor-element.elementor-element-7cda88c > .elementor-element-populated >  .elementor-background-overlay{opacity:1;}.elementor-5529 .elementor-element.elementor-element-7cda88c > .elementor-element-populated{padding:20px 20px 20px 20px;}}h4{
    border-bottom:0px!important;
}
.yith-wapo-block {

    border-top: 0px!important;
}
.wapo-total-options{
    display: none;
}/* ============================================
   YITH WAPO - Florali Creations Styling
   Bloemenabonnement landingspagina
   ============================================ */

/* ---------- BASIS CONTAINER ---------- */
.yith-wapo-block {
    font-family: inherit;
    max-width: 720px;
    margin: 0 auto;
    padding: 10px 0;
}

/* ---------- HOOFDTITEL "Kies je momenten" ---------- */
#yith-wapo-addon-30 h4 {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: -0.5px;
}

/* ---------- ALGEMENE ADDON CARD ---------- */
.yith-wapo-addon {
    border-radius: 16px !important;
    margin-bottom: 12px !important;
    transition: all 0.25s ease;
    border: none !important;
}

/* ---------- CHECKBOX BLOKKEN (Trouwdag, Verjaardag, etc.) ---------- */
.yith-wapo-addon-type-checkbox {
    background-color: #ffffff !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 16px !important;
    padding: 4px 8px !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.yith-wapo-addon-type-checkbox:hover {
    border-color: #009FE3 !important;
    box-shadow: 0 4px 16px rgba(0, 159, 227, 0.08);
    transform: translateY(-1px);
}

/* Titel in checkbox cards verbergen — we gebruiken het label zelf */
.yith-wapo-addon-type-checkbox .addon-header {
    display: none !important;
}

/* ---------- CHECKBOX STYLING ---------- */
.yith-wapo-addon-type-checkbox .option-container {
    padding: 18px 20px !important;
    display: flex;
    align-items: center;
    gap: 16px;
}

.checkbox-button-container {
    display: flex !important;
    align-items: center;
    gap: 16px;
    width: 100%;
    position: relative;
    cursor: pointer;
}

/* De checkbox zelf — groot, rond, strak */
.checkboxbutton {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border: 2px solid #d0d0d0 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
    z-index: 2;
}

/* Hover state */
.yith-wapo-option:hover .checkboxbutton {
    border-color: #009FE3 !important;
}

/* CHECKED state — gevuld met #009FE3 en wit vinkje */
.checkboxbutton.checked {
    background-color: #009FE3 !important;
    border-color: #009FE3 !important;
}

.checkboxbutton.checked::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    top: 4px;
    left: 9px;
}

/* Verberg de originele input */
.yith-wapo-option-value[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    cursor: pointer;
    z-index: 3;
}

/* Label tekst */
.yith-wapo-addon-label {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    cursor: pointer;
    flex: 1;
    margin: 0 !important;
    letter-spacing: -0.2px;
    position: relative;
}

/* Hele card klikbaar maken — wordt afgehandeld door JS, geen overlay meer */
.yith-wapo-addon-type-checkbox .yith-wapo-option {
    position: relative;
}

.yith-wapo-addon-type-checkbox .yith-wapo-addon-label::before {
    display: none !important;
}

/* Selected state — hele card kleurt mee */
.yith-wapo-option.selected .option-container {
    background-color: #f0f9fe;
    border-radius: 12px;
}

.yith-wapo-addon-type-checkbox:has(.checkboxbutton.checked) {
    border-color: #009FE3 !important;
    background-color: #fafdff !important;
    box-shadow: 0 2px 12px rgba(0, 159, 227, 0.12);
}

/* ---------- DATE & TEXTAREA VELDEN — geen eigen border meer ---------- */
.yith-wapo-addon-type-date,
.yith-wapo-addon-type-textarea {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 20px 8px 20px !important;
    margin-top: -8px !important;
    margin-bottom: 4px !important;
    box-shadow: none !important;
    position: relative;
    z-index: 2;
}

.yith-wapo-addon-type-date .addon-header {
    display: none !important;
}

.yith-wapo-addon-type-date label,
.yith-wapo-addon-type-textarea label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px !important;
    display: block;
}

.yith-wapo-addon-type-date .option-label {
    font-size: 14px !important;
    color: #555 !important;
}

.yith-wapo-addon-type-date .required,
.yith-wapo-addon-type-textarea .required {
    color: #009FE3 !important;
    margin-left: 4px;
}

/* Datum input veld */
input.yith_wapo_date.datepicker {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background-color: #fafafa !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    transition: all 0.2s ease;
    font-family: inherit;
    cursor: pointer;
    position: relative;
    z-index: 3;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23009FE3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2' ry='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 48px !important;
}

input.yith_wapo_date.datepicker:focus {
    outline: none !important;
    border-color: #009FE3 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 159, 227, 0.12) !important;
}

/* Datepicker popup altijd bovenop */
.ui-datepicker {
    z-index: 9999 !important;
}

/* Textarea */
.yith-wapo-addon-type-textarea .addon-header h4 span {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.yith-wapo-addon-type-textarea .addon-header {
    margin-bottom: 10px;
    padding: 0 !important;
}

.yith-wapo-addon-type-textarea .wapo-addon-title {
    margin: 0 !important;
    padding: 0 !important;
}

.yith-wapo-addon-type-textarea textarea {
    width: 100% !important;
    padding: 14px 18px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background-color: #fafafa !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    min-height: 90px !important;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
    transition: all 0.2s ease;
    position: relative;
    z-index: 3;
}

.yith-wapo-addon-type-textarea textarea:focus {
    outline: none !important;
    border-color: #009FE3 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 159, 227, 0.12) !important;
}

.yith-wapo-addon-type-textarea textarea::placeholder {
    color: #aaa;
}

/* ---------- CONDITIONAL FIELDS ANIMATIE ---------- */
.yith-wapo-addon.conditional_logic:not(.hidden) {
    animation: wapoSlideDown 0.3s ease-out;
}

@keyframes wapoSlideDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- TOOLTIP (bij spontaan moment) ---------- */
.tooltip.position-top {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
}

/* ---------- EXTRA: verberg lege titels ---------- */
.yith-wapo-addon.empty-title .addon-header {
    display: none !important;
}

/* ---------- PRIJS BADGE (optioneel, als prijs zichtbaar is) ---------- */
.yith-wapo-addon-label .price,
.option-price {
    display: inline-block;
    background-color: #f0f9fe;
    color: #009FE3;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 8px;
}

/* ============================================
   TOTAAL TABEL
   ============================================ */

#wapo-total-price-table {
    margin-top: 24px !important;
    background-color: #ffffff;
    border: 2px solid #e8e8e8;
    border-radius: 16px;
    padding: 20px 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}

#wapo-total-price-table table.all {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

#wapo-total-price-table table.all tr {
    border: none !important;
    background: transparent !important;
}

#wapo-total-price-table table.all th,
#wapo-total-price-table table.all td {
    padding: 10px 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 15px;
    color: #555;
    font-weight: 500;
}

#wapo-total-price-table table.all th {
    text-align: left;
    font-weight: 500 !important;
}

#wapo-total-price-table table.all td {
    text-align: right;
    color: #1a1a1a;
    font-weight: 600;
}

/* Tussenlijn voor de tussentotaal rij */
#wapo-total-price-table tr.wapo-total-options th,
#wapo-total-price-table tr.wapo-total-options td {
    border-bottom: 1px solid #eaeaea !important;
    padding-bottom: 14px !important;
}

#wapo-total-price-table tr.wapo-total-order th,
#wapo-total-price-table tr.wapo-total-order td {
    padding-top: 14px !important;
    font-size: 20px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
}

#wapo-total-price-table tr.wapo-total-order td {
    color: #009FE3 !important;
}

#wapo-total-price-table .woocommerce-Price-amount {
    font-weight: inherit;
}

/* ============================================
   BESTEL KNOP — Florali Roze (extra specifiek)
   ============================================ */

.rey-cartBtnQty {
    margin-top: 20px !important;
    display: flex !important;
    gap: 12px;
    align-items: stretch;
}

/* Quantity veld (als die zichtbaar is) */
.rey-cartBtnQty .quantity {
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fafafa;
}

.rey-cartBtnQty .quantity input.qty {
    border: none !important;
    background: transparent !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    font-weight: 600;
    width: 70px !important;
    text-align: center;
}

.rey-cartBtnQty .quantity input.qty:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* De Bestel nu knop — super specifieke selectors om Rey-thema te overrulen */
.woocommerce form.cart button.single_add_to_cart_button,
.woocommerce form.cart button.single_add_to_cart_button.rey-button,
form.cart .rey-cartBtnQty button.single_add_to_cart_button,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.rey-button,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.button,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.button.alt,
button.single_add_to_cart_button.rey-button.button.alt,
.single_add_to_cart_button.rey-button {
    background-color: #E6007E !important;
    background: #E6007E !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 16px 32px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 14px rgba(230, 0, 126, 0.25) !important;
    flex: 1 !important;
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: none !important;
    font-family: inherit !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

/* HOVER */
.woocommerce form.cart button.single_add_to_cart_button:hover,
.woocommerce form.cart button.single_add_to_cart_button.rey-button:hover,
form.cart .rey-cartBtnQty button.single_add_to_cart_button:hover,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.rey-button:hover,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.button:hover,
form.cart .rey-cartBtnQty button.single_add_to_cart_button.button.alt:hover,
button.single_add_to_cart_button.rey-button.button.alt:hover,
.single_add_to_cart_button.rey-button:hover {
    background-color: #F29FC5 !important;
    background: #F29FC5 !important;
    color: #1E0A27 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(242, 159, 197, 0.45) !important;
}

/* ACTIVE (klik moment) */
.woocommerce form.cart button.single_add_to_cart_button:active,
.single_add_to_cart_button.rey-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(230, 0, 126, 0.25) !important;
}

/* FOCUS (voor toegankelijkheid) */
.woocommerce form.cart button.single_add_to_cart_button:focus,
.single_add_to_cart_button.rey-button:focus {
    background-color: #E6007E !important;
    color: #ffffff !important;
    outline: 3px solid rgba(230, 0, 126, 0.3) !important;
    outline-offset: 2px;
}

/* Disabled state (als nog geen moment gekozen) */
.rey-cartBtnQty.--style-disabled .single_add_to_cart_button,
.rey-cartBtnQty.--style-disabled button.single_add_to_cart_button.rey-button,
.single_add_to_cart_button:disabled,
button.single_add_to_cart_button.rey-button:disabled {
    background-color: #e0d4dc !important;
    background: #e0d4dc !important;
    color: #9a8a94 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.rey-cartBtnQty.--style-disabled .single_add_to_cart_button:hover,
.rey-cartBtnQty.--style-disabled button.single_add_to_cart_button.rey-button:hover,
.single_add_to_cart_button:disabled:hover {
    background-color: #e0d4dc !important;
    background: #e0d4dc !important;
    color: #9a8a94 !important;
    transform: none !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 600px) {
    #yith-wapo-addon-30 h4 {
        font-size: 22px !important;
    }

    .yith-wapo-addon-type-checkbox .option-container {
        padding: 16px !important;
    }

    .yith-wapo-addon-label {
        font-size: 16px !important;
    }

    .checkboxbutton {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
    }

    .checkboxbutton.checked::after {
        top: 3px;
        left: 8px;
    }

    #wapo-total-price-table {
        padding: 16px 18px;
    }

    #wapo-total-price-table tr.wapo-total-order th,
    #wapo-total-price-table tr.wapo-total-order td {
        font-size: 18px !important;
    }

    .woocommerce form.cart button.single_add_to_cart_button,
    button.single_add_to_cart_button.rey-button {
        padding: 14px 24px !important;
        font-size: 16px !important;
    }

    .rey-cartBtnQty {
        flex-direction: column;
    }

    .rey-cartBtnQty .quantity {
        width: 100%;
    }

    .rey-cartBtnQty .quantity input.qty {
        width: 100% !important;
    }
}
/* ============================================
   FIX: Tooltip mag uit de checkbox-card breken
   ============================================ */

/* Overflow weghalen zodat tooltip boven de card uit kan komen */
.yith-wapo-addon-type-checkbox {
    overflow: visible !important;
}

/* Ook de inner containers mogen niet clippen */
.yith-wapo-addon-type-checkbox .options-container,
.yith-wapo-addon-type-checkbox .options,
.yith-wapo-addon-type-checkbox .yith-wapo-option,
.yith-wapo-addon-type-checkbox .label,
.yith-wapo-addon-type-checkbox .option-container,
.yith-wapo-addon-type-checkbox .checkbox-button-container,
.yith-wapo-addon-type-checkbox .yith-wapo-addon-label {
    overflow: visible !important;
}

/* Lichtblauwe selected-achtergrond weghalen */
.yith-wapo-option.selected .option-container {
    background-color: transparent !important;
}

/* Label moet positioning context zijn voor de tooltip */
.yith-wapo-addon-type-checkbox .yith-wapo-addon-label {
    position: relative;
}

/* Tooltip netjes boven het label */
.yith-wapo-addon-type-checkbox .tooltip.position-top {
    position: absolute !important;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 10px 14px !important;
    width: max-content;
    max-width: 280px;
    white-space: normal;
    text-align: center;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Pijltje onderaan de tooltip */
.yith-wapo-addon-type-checkbox .tooltip.position-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1a1a1a;
}

/* Tooltip tonen bij hover */
.yith-wapo-addon-type-checkbox .yith-wapo-addon-label:hover .tooltip.position-top,
.yith-wapo-addon-type-checkbox:hover .tooltip.position-top {
    opacity: 1;
    visibility: visible;
}

/* Op mobiel iets smaller en met marge zodat hij niet tegen de schermrand komt */
@media (max-width: 600px) {
    .yith-wapo-addon-type-checkbox .tooltip.position-top {
        max-width: calc(100vw - 40px);
    }
}
/* Inner span in de tooltip mag geen eigen achtergrond hebben */
.yith-wapo-addon-type-checkbox .tooltip.position-top span,
.yith-wapo-addon-type-checkbox .tooltip.position-top * {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
/* ============================================
   SPECIFIEKE WENSEN — algemeen veld onderaan
   Open sectie, volle breedte, geen card
   ============================================ */

#yith-wapo-addon-45 {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 32px !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}

/* Inner containers volledig resetten — alles op volle breedte */
#yith-wapo-addon-45 .options-container,
#yith-wapo-addon-45 .options,
#yith-wapo-addon-45 .yith-wapo-option,
#yith-wapo-addon-45 .textarea-container,
#yith-wapo-addon-45 .option-container {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Grid override — sommige inner .options containers hebben grid met 50% kolom */
#yith-wapo-addon-45 .options.per-row-1 {
    grid-template-columns: 1fr !important;
    display: block !important;
}

/* Label boven het veld */
#yith-wapo-addon-45 .option-container {
    margin-bottom: 12px !important;
}

#yith-wapo-addon-45 label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #555 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 !important;
    display: block;
}

/* Textarea — volle breedte, zelfde input-stijl als de andere velden */
#yith-wapo-addon-45 textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 18px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background-color: #fafafa !important;
    font-size: 16px !important;
    color: #1a1a1a !important;
    min-height: 90px !important;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
    transition: all 0.2s ease;
}

#yith-wapo-addon-45 textarea:focus {
    outline: none !important;
    border-color: #009FE3 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 159, 227, 0.12) !important;
}

/* Beschrijving onder de textarea — subtiel */
#yith-wapo-addon-45 .description {
    margin: 10px 0 0 0 !important;
    font-size: 13px !important;
    color: #888 !important;
    font-style: normal !important;
    line-height: 1.5;
}