.wg-drop.country-selector {
  border: 2px solid #111111 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.wg-drop.country-selector .wgcurrent a::after {
  display: none !important;
}

.wg-drop.country-selector ul {
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}
.elementor-sticky--effects,
.elementor-sticky,
#masthead,
.site-header,
.elementor-section.elementor-sticky {
  background: transparent !important;
}
/* ─── CONTACT FORM FIGMA MATCH ─── */

.fluentform .ff-el-input--content input,
.fluentform .ff-el-input--content textarea,
.fluentform .ff-el-input--content select {
  border: none !important;
  border-bottom: 1px solid #cccccc !important;
  border-radius: 0 !important;
  padding: 14px 0 !important;
  font-size: 15px !important;
  font-family: 'Gotham Book', inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111111 !important;
}

.fluentform .ff-el-input--content input:focus,
.fluentform .ff-el-input--content textarea:focus {
  border-bottom-color: #FFB42A !important;
  outline: none !important;
}

.fluentform .ff-el-input--label label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #888888 !important;
  font-family: 'Gotham', inherit !important;
}

.fluentform .ff-el-input--content input::placeholder,
.fluentform .ff-el-input--content textarea::placeholder {
  color: #aaaaaa !important;
  font-family: 'Gotham Book', inherit !important;
}

.fluentform .ff-el-input--content input.ff_error,
.fluentform .ff-el-input--content textarea.ff_error {
  border-bottom-color: #C0392B !important;
}

/* ─── SUBMIT BUTTON ─── */
.fluentform#fluentform_3 .ff_submit_btn_wrapper button,
.fluentform#fluentform_3 button[type="submit"] {
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
  border-radius: 0 !important;
  padding: 16px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: 'Gotham', inherit !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 180px !important;
  justify-content: center !important;
}

/* Hover state */
.fluentform#fluentform_3 .ff_submit_btn_wrapper button:not(.vv-sending):not(.vv-sent):hover,
.fluentform#fluentform_3 button[type="submit"]:not(.vv-sending):not(.vv-sent):hover {
  background: transparent !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

/* Sending state */
.fluentform#fluentform_3 .ff_submit_btn_wrapper button.vv-sending,
.fluentform#fluentform_3 button[type="submit"].vv-sending {
  background: #FFB42A !important;
  color: #111111 !important;
  border-color: #FFB42A !important;
  pointer-events: none !important;
}

/* Sent state */
.fluentform#fluentform_3 .ff_submit_btn_wrapper button.vv-sent,
.fluentform#fluentform_3 button[type="submit"].vv-sent {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
  pointer-events: none !important;
}

/* Spinner */
.vv-btn-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(0,0,0,0.2);
  border-top-color: #111111;
  border-radius: 50%;
  animation: vv-spin 0.7s linear infinite;
  flex-shrink: 0;
}

@keyframes vv-spin {
  to { transform: rotate(360deg); }
}

/* Checkmark */
.vv-btn-check {
  display: inline-block;
  font-size: 16px;
}
/* ─── CRANE BUTTON ─── */
.vv-crane-btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: #111111;
  color: #ffffff;
  padding: 14px 28px 14px 20px;
  border: 2px solid #111111;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  font-family: 'Gotham', inherit;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  user-select: none;
}

.vv-crane-btn-wrap:hover {
  background: transparent;
  color: #111111;
  border-color: #111111;
}

.vv-crane-btn-wrap:hover .crane-svg path {
  fill: #111111;
}

.vv-crane-btn-wrap.vv-sending {
  background: #FFB42A;
  border-color: #FFB42A;
  color: #111111;
  pointer-events: none;
}

.vv-crane-btn-wrap.vv-sending .crane-svg path {
  fill: #111111;
}

.vv-crane-btn-wrap.vv-sent {
  background: #111111;
  border-color: #111111;
  color: #ffffff;
  pointer-events: none;
}

.vv-crane-btn-wrap.vv-sent .crane-svg path {
  fill: #ffffff;
}

.crane-svg {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.crane-svg path {
  fill: #ffffff;
  transition: fill 0.2s;
}

@keyframes vv-crane-swing {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-8deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}

.vv-crane-btn-wrap.vv-sending .crane-svg {
  animation: vv-crane-swing 0.7s ease-in-out infinite;
  transform-origin: center bottom;
}

@keyframes vv-crane-lift {
  0%   { transform: translateY(0px) scale(1); }
  40%  { transform: translateY(-6px) scale(1.1); }
  70%  { transform: translateY(-3px) scale(1.05); }
  100% { transform: translateY(0px) scale(1); }
}

.vv-crane-btn-wrap.vv-sent .crane-svg {
  animation: vv-crane-lift 0.5s ease-out forwards;
}
@media (max-width: 500px) {
  .vv-crane-btn-wrap {
    width: 100%;
    justify-content: center;
  }
}
html, body {
  overflow-x: hidden;
  max-width: 100%;
}
.elementor-kit-9 .vv-fc-title {
  font-family: 'Gotham Normal', sans-serif !important;
  font-weight: 900 !important;
}
/* Header transparant fix */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .e-con,
.elementor-location-header .elementor-container {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Nav tekst wit op transparante header */
.vv-header:not(.scrolled) .vv-nav-link {
  color: #ffffff !important;
}

.vv-header:not(.scrolled) .vv-nav-link:hover {
  color: #FFB42A !important;
}

/* Nav tekst zwart na scroll */
.vv-header.scrolled .vv-nav-link {
  color: #111111 !important;
}

.vv-header.scrolled .vv-nav-link:hover {
  color: #FFB42A !important;
}
#weglot_here {
  background: transparent !important;
  border: 2px solid #ffffff !important;
  padding: 4px 10px !important;
}

.vv-header.scrolled #weglot_here {
  border-color: #111111 !important;
}

#weglot_here .wg-drop.country-selector,
#weglot_here .wg-drop.country-selector .wgcurrent,
#weglot_here .wg-drop.country-selector a {
  background: transparent !important;
  background-color: transparent !important;
}

#weglot_here img,
#weglot_here .wg-flag {
  background: transparent !important;
  box-shadow: none !important;
}
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.vv-faq-item {
  overflow: hidden !important;
}

.vv-faq-question {
  overflow: hidden !important;
}

.vv-faq-question-text {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.vv-faq-inner {
  padding-left: 0 !important;
}

.vv-faq-left {
  margin-left: -40px !important;
  padding-left: 40px !important;
}
.vv-faq-title {
  font-size: 18px !important;
}
}