.elementor-40532 .elementor-element.elementor-element-35bd2f59{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40532 .elementor-element.elementor-element-541fd684{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40532 .elementor-element.elementor-element-73cdda8c{--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;}.elementor-40532 .elementor-element.elementor-element-79f03af2{padding:0px 0px 0px 0px;}.elementor-40532 .elementor-element.elementor-element-55a1ab51{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:0px;--e-form-steps-indicator-padding:0px;--e-form-steps-indicator-inactive-primary-color:#16332A00;--e-form-steps-indicator-inactive-secondary-color:#16332A00;--e-form-steps-indicator-active-primary-color:#16332A00;--e-form-steps-indicator-active-secondary-color:#FFFFFF00;--e-form-steps-indicator-completed-primary-color:#16332A00;--e-form-steps-indicator-completed-secondary-color:#3FAF8A00;--e-form-steps-divider-width:0px;--e-form-steps-divider-gap:10px;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:12px;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-12px;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group > label, .elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-button[type="submit"]{color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .e-form__buttons__wrapper__button-previous:hover{color:#FFFFFF;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-message.elementor-message-danger{color:#FFFFFF;}.elementor-40532 .elementor-element.elementor-element-55a1ab51 .elementor-message.elementor-help-inline{color:#FFFFFF;}@media(max-width:767px){.elementor-40532 .elementor-element.elementor-element-35bd2f59{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-40532 .elementor-element.elementor-element-35bd2f59{--content-width:1250px;}.elementor-40532 .elementor-element.elementor-element-541fd684{--width:50%;}.elementor-40532 .elementor-element.elementor-element-73cdda8c{--width:50%;}}/* Start custom CSS for form, class: .elementor-element-55a1ab51 *//* ===== Amount options: clean outdoor radio/checkbox ===== */
.pt-gift-form .elementor-field-subgroup{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 6px;
}

/* option wrapper */
.pt-gift-form .elementor-field-option{
  position: relative;
  margin: 0 !important;
}

/* hide native input (keep accessible) */
.pt-gift-form .elementor-field-option input[type="radio"],
.pt-gift-form .elementor-field-option input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
}

/* label becomes the full clickable row */
.pt-gift-form .elementor-field-option label{
  display: flex !important;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(0,0,0,0.22);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.90);
  font-weight: 800;                 /* bedragen dik gedrukt */
  letter-spacing: .01em;
  transition: background .15s ease, border-color .15s ease, filter .15s ease;
}

.pt-gift-form .elementor-field-option label:hover{
  background: rgba(0,0,0,0.28);
  border-color: rgba(255,255,255,0.16);
}

/* indicator circle (radio look) */
.pt-gift-form .elementor-field-option label::before{
  content:"";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(0,0,0,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  flex: 0 0 18px;
}

/* SELECTED: row highlight + clearer state */
.pt-gift-form .elementor-field-option input[type="radio"]:checked + label,
.pt-gift-form .elementor-field-option input[type="checkbox"]:checked + label{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.26);
  box-shadow: 0 0 0 2px rgba(255,255,255,0.10);
}

/* SELECTED: indicator becomes white */
.pt-gift-form .elementor-field-option input[type="radio"]:checked + label::before,
.pt-gift-form .elementor-field-option input[type="checkbox"]:checked + label::before{
  background: rgba(255,255,255,0.92);
  border-color: rgba(255,255,255,0.92);
}

/* radio inner dot */
.pt-gift-form .elementor-field-option input[type="radio"]:checked + label::after{
  content:"";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #0F2F2B;
  position: absolute;
  left: 22px;           /* centre in circle */
  top: 50%;
  transform: translateY(-50%);
}

/* checkbox checkmark (als je toch checkboxes gebruikt) */
.pt-gift-form .elementor-field-option input[type="checkbox"]:checked + label::after{
  content:"";
  position: absolute;
  left: 21px;
  top: 50%;
  width: 9px;
  height: 5px;
  border-left: 2px solid #0F2F2B;
  border-bottom: 2px solid #0F2F2B;
  transform: translateY(-60%) rotate(-45deg);
}

/* keyboard focus */
.pt-gift-form .elementor-field-option input[type="radio"]:focus-visible + label,
.pt-gift-form .elementor-field-option input[type="checkbox"]:focus-visible + label{
  outline: 2px solid rgba(255,255,255,0.28);
  outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35bd2f59 *//* =========================
   GIFT SECTION (Elementor safe)
   Section class: pt-gift-section
========================= */

.pt-gift-section{
  --green:#154A3B;
  --card:#0F3F33;
  --dark:#0F2F2B;
  --white:#ffffff;
  --muted: rgba(255,255,255,0.65);
  --radius:28px;

  --field-bg: rgba(0,0,0,0.22);
  --field-br: rgba(255,255,255,0.14);
  --field-br-strong: rgba(255,255,255,0.30);

  --alpine: url('https://packrafttravel.com/wp-content/uploads/2026/02/alpine-mountain-river-packraft-adventure.png');
  --gift: url('https://packrafttravel.com/wp-content/uploads/2026/02/Packraft-Travel-Cadeaubon-avontuur-cadeau.png');
}

/* Reset Elementor background rommel (maar geen “hard reset”) */
.pt-gift-section,
.pt-gift-section .elementor-container,
.pt-gift-section .elementor-column{
  background: transparent !important;
}

/* LEFT COLUMN */
.pt-gift-section .pt-left{
  position:relative;
  background-image: var(--alpine);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding: clamp(28px,4vw,44px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius: var(--radius) 0 0 var(--radius);
  overflow:hidden;
}

.pt-gift-section .pt-left::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.15) 0%,
    rgba(0,0,0,0.45) 100%
  );
}

.pt-gift-section .pt-left-inner{
  position:relative;
  z-index:1;
}

.pt-gift-section .pt-title{
  margin:0;
  font-size: clamp(34px,3vw,52px);
  line-height:1.05;
  color:var(--white);
  text-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.pt-gift-section .pt-sub{
  margin-top:14px;
  font-size:16px;
  line-height:1.5;
  color:var(--muted);
  max-width:42ch;
  text-shadow: 0 10px 30px rgba(0,0,0,0.30);
}

/* Gift card */
.pt-gift-section .pt-card{
  width:min(520px,95%);
  aspect-ratio:1.6/1;
  border-radius:18px;
  background-image: var(--gift);
  background-repeat:no-repeat;
  background-position:58% center;
  background-size:100% auto;
  box-shadow:
    0 30px 70px rgba(0,0,0,0.55),
    0 12px 24px rgba(0,0,0,0.35);
  margin-top:30px;
  border: 1px solid rgba(255,255,255,0.10);
}

/* RIGHT COLUMN */
.pt-gift-section .pt-right{
  background: var(--card);
  padding: clamp(28px,4vw,44px);
  border-radius: 0 var(--radius) var(--radius) 0;
}

/* ===== Force right column text to white ===== */
.pt-gift-section .pt-right,
.pt-gift-section .pt-right *{
  color: var(--white) !important;
}

.pt-gift-section .pt-right .pt-right-desc{
  color: rgba(255,255,255,0.85) !important;
}

.pt-gift-section .pt-right .pt-trust{
  color: rgba(255,255,255,0.92) !important;
}

.pt-gift-section .pt-right .pt-gift-note{
  color: rgba(255,255,255,0.88) !important;
}

/* =============================
   FORM STYLING (scoped)
   Form wrapper class: pt-gift-form
   (We style inputs/radios/buttons, maar NIET steps/progress)
============================= */

.pt-gift-section .pt-gift-form{
  margin-top: 8px;
}

/* algemene spacing */
.pt-gift-section .pt-gift-form .elementor-field-group{
  margin-bottom: 14px !important;
}

/* Inputs / textarea / select -> consistent */
.pt-gift-section .pt-gift-form input:not([type="radio"]):not([type="checkbox"]),
.pt-gift-section .pt-gift-form textarea,
.pt-gift-section .pt-gift-form select{
  width: 100% !important;
  background: var(--field-bg) !important;
  border: 1px solid var(--field-br) !important;
  border-radius: 16px !important;
  padding: 16px 16px !important;
  min-height: 52px !important;
  color: var(--white) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.pt-gift-section .pt-gift-form textarea{
  min-height: 120px !important;
  padding-top: 14px !important;
}

.pt-gift-section .pt-gift-form input::placeholder,
.pt-gift-section .pt-gift-form textarea::placeholder{
  color: rgba(255,255,255,0.45) !important;
}

/* Focus */
.pt-gift-section .pt-gift-form input:focus,
.pt-gift-section .pt-gift-form textarea:focus,
.pt-gift-section .pt-gift-form select:focus{
  outline: none !important;
  border-color: var(--field-br-strong) !important;
}

/* Radios -> full width cards */
.pt-gift-section .pt-gift-form .elementor-field-subgroup{
  display: grid !important;
  gap: 10px !important;
  margin: 10px 0 8px 0 !important;
}

.pt-gift-section .pt-gift-form .elementor-field-subgroup label{
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
  width:100% !important;

  padding: 14px 16px !important;
  background: rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 14px !important;

  cursor:pointer !important;
  user-select:none !important;

  font-weight: 900 !important; /* bedragen dik */
  letter-spacing: .01em;
}

.pt-gift-section .pt-gift-form input[type="radio"]{
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  flex: 0 0 18px !important;
  accent-color: rgba(255,255,255,0.95) !important;
}

/* Selected state (zonder hacks) */
.pt-gift-section .pt-gift-form .elementor-field-subgroup label:hover{
  border-color: rgba(255,255,255,0.18) !important;
}
.pt-gift-section .pt-gift-form .elementor-field-subgroup label:has(input[type="radio"]:checked){
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.32) !important;
}

/* Base styling voor alle knoppen */
.pt-gift-section .pt-gift-form .elementor-button{
  width:100% !important;
  border-radius:999px !important;
  font-weight:900 !important;
  padding:16px !important;
  min-height:54px !important;
  border:none !important;
  box-shadow:0 16px 32px rgba(0,0,0,0.25) !important;
}

/* Previous (secondary) */
.pt-gift-section .pt-gift-form .e-form__buttons .elementor-button:not([type="submit"]){
  background:rgba(255,255,255,0.95) !important;
  color:#0F2F2B !important;
}

/* Submit (primary) */
.pt-gift-section .pt-gift-form .elementor-button[type="submit"]{
  background:var(--green) !important;
  color:#fff !important;
}

.pt-gift-section .pt-gift-form .elementor-button:hover{
  filter:brightness(.97);
}

/* ===== Steps / progress: NIET meenemen (blijven transparant) ===== */
/* we raken ze bewust niet aan: geen .e-form__indicators, geen .e-form__steps, geen progress styling */

/* Mobile */
@media (max-width:980px){
  .pt-gift-section .pt-left{
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .pt-gift-section .pt-right{
    border-radius: 0 0 var(--radius) var(--radius);
  }
}

/* Badge zichtbaar maken (links) */
.pt-gift-section .pt-left .pt-badge{
  display:inline-block !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background: rgba(0,0,0,0.35) !important;
  border:1px solid rgba(255,255,255,0.10) !important;
  color: rgba(255,255,255,0.90) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  margin:0 0 14px 0 !important;
}
/* Form steps/indicatoren verbergen (cijfers) */
.pt-gift-section .pt-gift-form .e-form__indicators,
.pt-gift-section .pt-gift-form .e-form__indicators__indicator,
.pt-gift-section .pt-gift-form .e-form__indicators__indicator__number,
.pt-gift-section .pt-gift-form .e-form__indicators__indicator__title,
.pt-gift-section .pt-gift-form .e-form__progress{
  display:none !important;
}

/* Extra zekerheid: geen ruimte boven het form door verborgen indicatoren */
.pt-gift-section .pt-gift-form .elementor-form{
  margin-top:0 !important;
}/* End custom CSS */