.elementor-38692 .elementor-element.elementor-element-efa8a51{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:200px;--padding-right:200px;}.elementor-38692 .elementor-element.elementor-element-efa8a51:not(.elementor-motion-effects-element-type-background), .elementor-38692 .elementor-element.elementor-element-efa8a51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-38692 .elementor-element.elementor-element-efa8a51, .elementor-38692 .elementor-element.elementor-element-efa8a51::before{--border-transition:0.3s;}.elementor-38692 .elementor-element.elementor-element-f70aa96{text-align:left;}/* Start custom CSS for container, class: .elementor-element-efa8a51 *//* Keep text-based fields & selects grey */
.gform_wrapper.gravity-theme .gfield input[type="text"],
.gform_wrapper.gravity-theme .gfield input[type="email"],
.gform_wrapper.gravity-theme .gfield input[type="url"],
.gform_wrapper.gravity-theme .gfield input[type="tel"],
.gform_wrapper.gravity-theme .gfield input[type="password"],
.gform_wrapper.gravity-theme .gfield input[type="date"],
.gform_wrapper.gravity-theme .gfield input[type="number"],
.gform_wrapper.gravity-theme .gfield select,
.gform_wrapper.gravity-theme .gfield textarea {
  background-color: #ededed; /* Grey */
  color: #000;
  border: 1px solid #ccc; /* Adjust if needed */
}

/* ONLY radio buttons get these custom styles */
.gform_wrapper.gravity-theme .gfield input[type="radio"] {
  -webkit-appearance: none; /* remove default radio look */
  -moz-appearance: none;
  appearance: none;
  
  width: 18px;
  height: 18px;
  border-radius: 50%;
  
  background-color: #ededed;  /* unselected state: grey */
  border: 2px solid #ccc;     /* grey border */
  position: relative;
  margin-right: 6px;
  cursor: pointer;
}

.gform_wrapper.gravity-theme .gfield input[type="radio"]:hover {
  border-color: #999; /* optional hover effect */
}

.gform_wrapper.gravity-theme .gfield input[type="radio"]:checked {
  border-color: #000; /* black border when checked */
}

.gform_wrapper.gravity-theme .gfield input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #000; /* black dot */
  border-radius: 50%;
  
  position: absolute;
  top: 3px;
  left: 3px;
}
.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
    color: #000000 !important;
}
@media (max-width: 768px) {
    .elementor-38692 .elementor-element.elementor-element-efa8a51 {
        --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;
        --background-transition: 0.3s;
        --margin-top: 0px;
        --margin-bottom: 0px;
        --margin-left: 0px;
        --margin-right: 0px;
        --padding-top: 30px;
        --padding-bottom: 0px;
        --padding-left: 0px;
        --padding-right: 0px;
    }
}

@media (max-width: 768px) and (prefers-color-scheme: dark) {
    /* Force light mode for the entire auction form container when dark mode is active */
    .auction-form {
        background-color: #ffffff !important;
        color: #000000 !important;
        filter: none !important;
    }

    /* Ensure text inside the form remains black */
    .auction-form *,
    .auction-form p,
    .auction-form label,
    .auction-form span {
        color: #000000 !important;
    }

    /* Fix input fields, dropdowns, and textareas */
    .auction-form input,
    .auction-form textarea,
    .auction-form select {
        background: #ffffff !important;
        color: #000000 !important;
        border: 1px solid #ccc !important;
    }

    /* Ensure buttons inside the auction form remain in light mode */
    .auction-form button,
    .auction-form .elementor-button {
        background: #ffffff !important;
        color: #000000 !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }

    /* Remove any automatic dark mode effects */
    .auction-form * {
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    /* Fix borders and outlines for form elements */
    .auction-form input:focus,
    .auction-form textarea:focus,
    .auction-form select:focus {
        border-color: #000 !important;
        outline: 2px solid #000 !important;
    }
}/* End custom CSS */