.elementor-3658 .elementor-element.elementor-element-81c1e30{--display:flex;--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;}/* Start custom CSS for wc-elements, class: .elementor-element-c565afe *//* === Checkout styling NK Exotics === */

/* Labels / hoofdteksten wit */
.woocommerce-checkout label,
.woocommerce-checkout h3,
.woocommerce-checkout .form-row label {
    color: #ffffff !important;
}

/* Input velden */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background-color: #000000 !important;
    color: #ffffff !important; /* getypte tekst wit */
    border: 2px solid #ce4368 !important;
    border-radius: 6px;
    padding: 10px;
}

/* Placeholder (roze) */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
    color: #ce4368 !important;
    opacity: 0.7;
}


/* === Payment method boxes styling === */

.woocommerce-checkout .payment_box {
background-color: #000000 !important;

    color: #ffffff !important; 
}

/* Tekst binnen de boxen expliciet wit */
.woocommerce-checkout .payment_box p,
.woocommerce-checkout .payment_box label {
    color: #ffffff !important;
}

/* Optioneel: pijl/indicator styling reset (WooCommerce default) */
.woocommerce-checkout .payment_box::before {
    display: none !important;
}
/* === Place order button === */

#place_order {
    background-color: #000000 !important; /* zwart */
    color: #ffffff !important;
    border: 2px solid #ce4368 !important;
    border-radius: 6px;
    padding: 12px 20px;
    transition: all 0.25s ease;
    cursor: pointer;
}

/* Hover state */
#place_order:hover {
    background-color: rgba(206, 67, 104, 0.3) !important; /* roze met 30% opacity */
    border-color: #ce4368 !important;
    color: #ffffff !important;
}

/* Active / click state */
#place_order:active {
    transform: scale(0.98);
}/* === Coupon info box styling === */

.woocommerce-info {
    background-color: ##000000 !important; /* zwart */
    color: #ffffff !important;            /* witte tekst */
    border: 2px solid #ce4368 !important; /* roze rand */
    border-radius: 6px;
    padding: 15px;
}

/* Tekst wit forceren */
.woocommerce-info,
.woocommerce-info p {
    color: #ffffff !important;
}

/* Hyperlink NIET aanpassen (dus bewust niet targeten) */
.woocommerce-info a {
    all: unset; /* reset Woo default styling */
    color: inherit; /* behoud styling van tekst */
    cursor: pointer;
    text-decoration: underline;
}#payment.woocommerce-checkout-payment {
  background: #000;
  color: #fff;
  padding: 20px;
  border: 2px solid #ff4da6;
}#payment.woocommerce-checkout-payment {
  background: #000;
  color: #fff;
  padding: 20px;
  border: none;
    
}
.p-PaymentElement span[data-testid="next-action-text"],
.p-PaymentElement .RedirectText,
.p-PaymentElement .u-color-text {
  color: #ffffff !important;
}.p-PaymentElement * {
  color: #ffffff !important;
}[data-testid="pmme-initial-messaging"] span {
  color: #ffffff !important;
}/* End custom CSS */