/* Main action in the vehicle enquiry form. Shared by all DE and EN variants. */
@media screen {
  body.site-dark #car-form #next {
    background: linear-gradient(180deg, #14755f 0%, #106b55 45%, #0a5744 100%) !important;
    color: #fff !important;
    border: 1px solid #50b597 !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 #ffffff35, 0 5px 14px #00000030 !important;
    text-shadow: none;
    font-family: inherit;
    font-weight: 700;
    font-size: clamp(16px, 1.3vw, 18px);
    line-height: 1.45;
    min-height: 56px;
    min-width: 0;
    max-width: 100%;
    padding: 15px 22px;
    white-space: normal;
    overflow-wrap: break-word;
    text-align: center;
    cursor: pointer;
    filter: none !important;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
  }

  body.site-dark #car-form #next:focus-visible {
    outline: 3px solid #b8f4de !important;
    outline-offset: 4px;
  }

  body.site-dark #car-form #next:active:not(:disabled) {
    background: #084b3b !important;
    box-shadow: inset 0 2px 4px #00000035 !important;
  }

  body.site-dark #car-form #next:disabled {
    background: #253d35 !important;
    color: #c8d9d1 !important;
    border-color: #536a60 !important;
    box-shadow: none !important;
    opacity: 1;
    cursor: default;
  }
}

@media screen and (hover: hover) and (pointer: fine) {
  body.site-dark #car-form #next:hover:not(:disabled):not(:active) {
    background: linear-gradient(180deg, #17816a 0%, #10735b 45%, #0b634e 100%) !important;
    border-color: #8cdfc3 !important;
    box-shadow: inset 0 1px 0 #ffffff40, 0 6px 18px #00000035 !important;
  }
}

@media screen and (max-width: 600px) {
  body.site-dark #car-form #next {
    width: 100%;
    padding: 15px 16px;
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.site-dark #car-form #next { transition: none; }
}

@media screen and (forced-colors: active) {
  body.site-dark #car-form #next,
  body.site-dark #car-form #next:hover:not(:disabled):not(:active),
  body.site-dark #car-form #next:active:not(:disabled) {
    background: ButtonFace !important;
    color: ButtonText !important;
    border-color: ButtonText !important;
    box-shadow: none !important;
  }
  body.site-dark #car-form #next:disabled { color: GrayText !important; }
  body.site-dark #car-form #next:focus-visible { outline-color: Highlight !important; }
}