.elementor-9874 .elementor-element.elementor-element-18308bbb{--display:flex;--margin-top:20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for text-editor, class: .elementor-element-1424056b */@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root{
  --gold: #CCAD50;
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.65);
  --line: rgba(255,255,255,.35);
  --line-soft: rgba(255,255,255,.22);
  --focus: rgba(255,255,255,.18);
  --radius: 12px;
  --radius-lg: 14px;
}

/* =========================================================
   1 KOLOM LAYOUT (klassieke WooCommerce checkout)
   ========================================================= */

/* Maak billing + shipping full width */
.woocommerce-checkout .woocommerce #customer_details{
  display: block;
  width: 100%;
}

.woocommerce-checkout .woocommerce #customer_details .col-1,
.woocommerce-checkout .woocommerce #customer_details .col-2{
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Verwijder floats/marges die themes soms zetten */
.woocommerce-checkout .woocommerce .col2-set::after{
  content: "";
  display: block;
  clear: both;
}

/* Velden in 1 kolom (ook als theme 50/50 gebruikt) */
.woocommerce-checkout .woocommerce .form-row-first,
.woocommerce-checkout .woocommerce .form-row-last{
  width: 100% !important;
  float: none !important;
}

/* =========================================================
   VERBERG: Aanvullende informatie / Bestelnotities
   ========================================================= */

/* De hele sectie */
.woocommerce-checkout .woocommerce .woocommerce-additional-fields{
  display: none !important;
}

/* Extra zekerheid (sommige themes/varianten) */
.woocommerce-checkout .woocommerce #order_comments_field,
.woocommerce-checkout .woocommerce textarea#order_comments{
  display: none !important;
}

/* =========================================================
   TYPOGRAFIE (alleen checkout content)
   ========================================================= */

.woocommerce-checkout .woocommerce{
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.woocommerce-checkout .woocommerce h1,
.woocommerce-checkout .woocommerce h2,
.woocommerce-checkout .woocommerce h3,
.woocommerce-checkout .woocommerce #order_review_heading,
.woocommerce-checkout .woocommerce .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce .woocommerce-shipping-fields h3{
  font-family: "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: .4px;
  color: #fff;
}

.woocommerce-checkout .woocommerce small,
.woocommerce-checkout .woocommerce .woocommerce-privacy-policy-text{
  color: var(--muted);
}

/* Links alleen in checkout content */
.woocommerce-checkout .woocommerce a{
  color: rgba(255,255,255,.92);
  text-decoration: none;
  border-bottom: 1px solid rgba(204,173,80,.55);
}
.woocommerce-checkout .woocommerce a:hover{
  border-bottom-color: var(--gold);
}

/* =========================================================
   LABELS
   ========================================================= */

.woocommerce-checkout .woocommerce label{
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  letter-spacing: .2px;
}

.woocommerce-checkout .woocommerce .required{
  color: var(--gold) !important;
}

/* =========================================================
   FIELDS (incl Select2)
   ========================================================= */

.woocommerce-checkout .woocommerce input[type="text"],
.woocommerce-checkout .woocommerce input[type="email"],
.woocommerce-checkout .woocommerce input[type="tel"],
.woocommerce-checkout .woocommerce input[type="password"],
.woocommerce-checkout .woocommerce input[type="number"],
.woocommerce-checkout .woocommerce textarea,
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce .select2-container--default .select2-selection--single{
  background: transparent !important;
  color: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  padding: 13px 14px !important;
  min-height: 46px;
  font-size: 15px;
  font-family: inherit;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.woocommerce-checkout .woocommerce textarea{
  min-height: 120px;
  resize: vertical;
}

.woocommerce-checkout .woocommerce ::placeholder{
  color: rgba(255,255,255,.45);
}

.woocommerce-checkout .woocommerce input:focus,
.woocommerce-checkout .woocommerce textarea:focus,
.woocommerce-checkout .woocommerce select:focus,
.woocommerce-checkout .woocommerce .select2-container--focus .select2-selection--single{
  border-color: #fff !important;
  box-shadow: 0 0 0 3px var(--focus) !important;
  outline: none !important;
}

/* Select2 dropdown */
.select2-dropdown{
  background: #0b0f14 !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}
.select2-results__option{ color: rgba(255,255,255,.92) !important; }
.select2-results__option--highlighted{ background: rgba(255,255,255,.10) !important; }

.woocommerce-checkout .woocommerce .form-row{
  margin-bottom: 14px;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.woocommerce-checkout .woocommerce button,
.woocommerce-checkout .woocommerce .button,
.woocommerce-checkout .woocommerce #place_order{
  background: var(--gold) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 22px !important;
  min-height: 46px;
  font-weight: 600 !important;
  font-size: 15px;
  letter-spacing: .35px;
  font-family: inherit;
  text-transform: none !important;
  box-shadow: none !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.woocommerce-checkout .woocommerce button:hover,
.woocommerce-checkout .woocommerce #place_order:hover{
  opacity: .92;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(204,173,80,.35);
}

.woocommerce-checkout .woocommerce button:disabled,
.woocommerce-checkout .woocommerce button[disabled]{
  opacity: .55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* =========================================================
   COUPON / WAARDEBON
   ========================================================= */

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background: rgba(255,255,255,.04) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-soft) !important;
  border-left: 4px solid var(--gold) !important;
  border-radius: var(--radius-lg) !important;
  padding: 16px 18px !important;
}

.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout form.checkout_coupon{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: var(--radius-lg) !important;
  padding: 16px !important;
  margin-top: 12px;
}

.woocommerce-checkout input[name="coupon_code"]{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 12px !important;
  color: #fff !important;
}

/* =========================================================
   NOTICES / MELDINGEN (info/message/error)
   ========================================================= */

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--line-soft) !important;
  border-left: 4px solid var(--gold) !important;
  border-radius: var(--radius-lg) !important;
  padding: 16px 18px !important;
  color: var(--text) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
}

/* Icoon weg zodat nooit overlap */
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-checkout .woocommerce-error::before{
  display: none !important;
}

.woocommerce-checkout .woocommerce-error li{
  color: var(--text) !important;
}

/* Blocks notices (als je Blocks checkout gebruikt) */
.woocommerce-checkout .wc-block-components-notice-banner{
  background: rgba(255,255,255,.04) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-soft) !important;
  border-left: 4px solid var(--gold) !important;
  border-radius: var(--radius-lg) !important;
  padding: 16px 18px !important;
}
.woocommerce-checkout .wc-block-components-notice-banner a{
  color: #fff !important;
  border-bottom: 1px solid rgba(204,173,80,.55);
  text-decoration: none !important;
  font-weight: 600;
}

/* =========================================================
   NEWSLETTER / CHECKBOX – MOOI + BOVEN PLACE ORDER
   ========================================================= */

/* Maak place-order flexibel zodat we volgorde kunnen sturen */
.woocommerce-checkout #payment .place-order{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Checkbox/form rows boven de knop */
.woocommerce-checkout #payment .place-order .form-row{
  order: 10;
}

/* Terms (als die er is) net boven de knop */
.woocommerce-checkout #payment .place-order .woocommerce-terms-and-conditions-wrapper{
  order: 20;
}

/* Knop altijd onderaan */
.woocommerce-checkout #payment .place-order #place_order{
  order: 30;
}

/* Mooie checkbox wrapper (nieuwsbrief + terms gebruiken vaak deze class) */
.woocommerce-checkout .woocommerce-form__label-for-checkbox{
  display: flex !important;
  gap: 12px;
  align-items: flex-start;
  padding: 14px !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: var(--radius-lg) !important;
  background: rgba(255,255,255,.03) !important;
  font-size: 15px !important;
  color: rgba(255,255,255,.88) !important;
  line-height: 1.35;
}

/* Custom checkbox */
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]{
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.45) !important;
  background: transparent !important;
  position: relative;
  margin-top: 2px !important;
  flex: 0 0 22px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox:hover input[type="checkbox"]{
  border-color: rgba(255,255,255,.75) !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:focus{
  box-shadow: 0 0 0 3px rgba(204,173,80,.25);
  border-color: var(--gold) !important;
  outline: none;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked{
  border-color: var(--gold) !important;
  background: rgba(204,173,80,.20) !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked::after{
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span{
  color: rgba(255,255,255,.86) !important;
}/* End custom CSS */