/* MysteryLake Boekingen — WooCommerce (blocks) checkout in de donkere huisstijl */

/* Invoervelden */
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout input[type="number"],
.wc-block-checkout select,
.wc-block-checkout textarea {
    background: #141414 !important;
    border: 1px solid #333 !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-shadow: none;
}
.wc-block-checkout input:focus,
.wc-block-checkout select:focus,
.wc-block-checkout textarea:focus {
    border-color: #5BAA6B !important;
    box-shadow: 0 0 0 3px rgba(91, 170, 107, .18) !important;
    outline: none;
}

/* Land/regio (nieuwe blocks-markup): wc-blocks-components-select — rand op de container,
   het select-element zelf transparant (anders dubbele rand) */
.wc-block-checkout .wc-blocks-components-select__container {
    background: #141414 !important;
    border: 1px solid #333 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.wc-block-checkout .wc-blocks-components-select__select,
.wc-block-checkout .wc-blocks-components-select select {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}
.wc-block-checkout .wc-blocks-components-select__label { color: #A0A0A0 !important; }
.wc-block-checkout .wc-blocks-components-select__container:focus-within {
    border-color: #5BAA6B !important;
    box-shadow: 0 0 0 3px rgba(91, 170, 107, .18) !important;
}
.wc-block-checkout .wc-blocks-components-select__expand { fill: #A0A0A0; color: #A0A0A0; }

/* Oudere combobox-markup: backdrop-laag tekent de rand */
.wc-block-components-combobox .components-input-control__backdrop {
    border: 1px solid #333 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.wc-block-components-combobox:focus-within .components-input-control__backdrop {
    border-color: #5BAA6B !important;
    box-shadow: 0 0 0 3px rgba(91, 170, 107, .18) !important;
}

/* Land/regio-combobox: rand hoort op de buitenste container, binnenveld transparant
   (anders ontstaat een dubbele rand) */
.wc-block-components-combobox .components-combobox-control__suggestions-container {
    background: #141414 !important;
    border: 1px solid #333 !important;
    border-radius: 10px !important;
}
.wc-block-checkout .wc-block-components-combobox .components-combobox-control__input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
}
.wc-block-components-combobox:focus-within .components-combobox-control__suggestions-container {
    border-color: #5BAA6B !important;
    box-shadow: 0 0 0 3px rgba(91, 170, 107, .18) !important;
}
/* Suggestielijst van de combobox in donker */
.wc-block-components-combobox .components-form-token-field__suggestions-list {
    background: #141414 !important;
    border: 1px solid #333 !important;
    color: #E5E5E5 !important;
}
.wc-block-components-combobox .components-form-token-field__suggestion {
    color: #E5E5E5 !important;
}
.wc-block-components-combobox .components-form-token-field__suggestion.is-selected,
.wc-block-components-combobox .components-form-token-field__suggestion:hover {
    background: #2D5A27 !important;
    color: #fff !important;
}
.wc-block-components-text-input label,
.wc-block-components-combobox label,
.wc-block-components-select label,
.wc-block-components-form .wc-block-components-checkbox__label {
    color: #A0A0A0 !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-combobox.is-active label { color: #8a8a8a !important; }

/* Koppen en tekst */
.wc-block-checkout .wc-block-components-title,
.wc-block-components-checkout-step__title { color: #fff; }
.wc-block-components-checkout-step__description { color: #A0A0A0; }
.wc-block-checkout a { color: #5BAA6B; }

/* Selectievakjes en radio's */
.wc-block-checkout input[type="checkbox"],
.wc-block-components-radio-control__input { accent-color: #5BAA6B; }
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-checkout-payment-methods,
.wc-block-checkout__payment-method .wc-block-components-radio-control {
    border-color: #333 !important;
    color: #E5E5E5;
}
.wc-block-checkout input[type="checkbox"],
.wc-block-components-checkbox .wc-block-components-checkbox__input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: #141414 !important;
    border: 1.5px solid #444 !important;
    border-radius: 5px;
}
.wc-block-checkout input[type="checkbox"]:checked,
.wc-block-components-checkbox .wc-block-components-checkbox__input:checked {
    background: #2D5A27 !important;
    border-color: #5BAA6B !important;
}

/* Betaaloptie: de rand wordt (afhankelijk van de versie) op verschillende wrappers getekend */
.wc-block-checkout__payment-method,
.wc-block-checkout__payment-method .wc-block-components-radio-control,
.wc-block-components-radio-control--highlight-checked,
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
    border-color: #333 !important;
    outline-color: #333 !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
    box-shadow: none !important;
}

/* Besteloverzicht */
.wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
    background: #1e1e1e;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    border-radius: 16px;
    padding: 8px 20px 12px;
}
.wc-block-components-order-summary-item__image { display: none !important; }
.wc-block-components-order-summary-item__description { padding-left: 0 !important; }
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-order-summary-item__total-price { color: #5BAA6B; font-weight: 700; }
.wc-block-components-product-details { margin: 10px 0 0 !important; }
.wc-block-components-product-details li {
    display: block;
    color: #A0A0A0 !important;
    font-size: 12px;
    line-height: 1.7;
}
.wc-block-components-product-details .wc-block-components-product-details__name { color: #A0A0A0 !important; }
.wc-block-components-product-details .wc-block-components-product-details__value { color: #E5E5E5 !important; }
.wc-block-components-totals-item,
.wc-block-components-totals-footer-item { color: #C5C5C5; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { color: #fff; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: #5BAA6B; }
.wc-block-components-panel__button { color: #C5C5C5; }

/* Waardebonnen verbergen (niet in gebruik) */
.wp-block-woocommerce-checkout-order-summary-coupon-form-block { display: none !important; }

/* Afrekenknop */
.wc-block-components-checkout-place-order-button {
    background: #2D5A27 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 700;
    letter-spacing: .03em;
    padding: 16px 24px;
    transition: background .2s;
}
.wc-block-components-checkout-place-order-button:hover { background: #5BAA6B !important; }

/* Scheidingslijnen overal gedempt */
.wc-block-checkout hr,
.wc-block-components-order-summary-item,
.wc-block-components-totals-wrapper { border-color: #2c2c2c !important; }