/* =========================================================
   Gravity Forms – Kontakt os – floating labels
   ========================================================= */

#gform_wrapper_2,
#gform_wrapper_4,
#gform_wrapper_5 {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#gform_wrapper_2 .gform_body,
#gform_wrapper_2 .gform-body,
#gform_wrapper_4 .gform_body,
#gform_wrapper_4 .gform-body,
#gform_wrapper_5 .gform_body,
#gform_wrapper_5 .gform-body {
    padding: 0 !important;
}

#gform_wrapper_2 .gform_heading,
#gform_wrapper_4 .gform_heading,
#gform_wrapper_5 .gform_heading {
    display: none !important;
}

#gform_wrapper_2 #gform_fields_2,
#gform_wrapper_4 #gform_fields_4,
#gform_wrapper_5 #gform_fields_5 {
    padding: 0 !important;
    margin: 0 !important;
}

#gform_wrapper_2 .gfield,
#gform_wrapper_4 .gfield,
#gform_wrapper_5 .gfield {
    position: relative !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* GF adds extra space via these — zero them out */
#gform_wrapper_2 .gform_fields,
#gform_wrapper_4 .gform_fields,
#gform_wrapper_5 .gform_fields {
    row-gap: 8px !important;
    column-gap: 12px !important;
}

#gform_wrapper_2 .gfield--width-half,
#gform_wrapper_4 .gfield--width-half,
#gform_wrapper_5 .gfield--width-half {
    margin-bottom: 8px !important;
}

/* ---- Label sits inside the input visually ---- */
#gform_wrapper_2 .gfield_label,
#gform_wrapper_2 .gform-field-label,
#gform_wrapper_4 .gfield_label,
#gform_wrapper_4 .gform-field-label,
#gform_wrapper_5 .gfield_label,
#gform_wrapper_5 .gform-field-label {
    position: absolute !important;
    top: 16px !important;
    left: 14px !important;
    color: rgba(17, 35, 55, 0.55) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    pointer-events: none !important;
    transition: top 0.18s ease, font-size 0.18s ease, color 0.18s ease !important;
    z-index: 2 !important;
    margin: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Required "(Påkrævet)" */
#gform_wrapper_2 .gfield_required,
#gform_wrapper_2 .gfield_required_text,
#gform_wrapper_4 .gfield_required,
#gform_wrapper_4 .gfield_required_text,
#gform_wrapper_5 .gfield_required,
#gform_wrapper_5 .gfield_required_text {
    color: rgba(17, 35, 55, 0.55) !important;
    font-size: 12px !important;
}

/* ---- Inputs ---- */
#gform_wrapper_2 input[type="text"],
#gform_wrapper_2 input[type="tel"],
#gform_wrapper_2 input[type="email"],
#gform_wrapper_2 input[type="number"],
#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="number"],
#gform_wrapper_5 input[type="text"],
#gform_wrapper_5 input[type="tel"],
#gform_wrapper_5 input[type="email"],
#gform_wrapper_5 input[type="number"] {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    color: #112337 !important;
    padding: 24px 14px 8px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-shadow: none !important;
    height: 52px !important;
    box-sizing: border-box !important;
}

/* ---- Selects ---- */
#gform_wrapper_2 select.gfield_select,
#gform_wrapper_2 select,
#gform_wrapper_4 select.gfield_select,
#gform_wrapper_4 select,
#gform_wrapper_5 select.gfield_select,
#gform_wrapper_5 select {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    color: #112337 !important;
    padding: 20px 40px 4px 14px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    width: 100% !important;
    box-shadow: none !important;
    height: 52px !important;
    box-sizing: border-box !important;
    appearance: none;
    -webkit-appearance: none;
}

/* ---- Float label up: focused or has-value (JS adds .gf-has-value) ---- */
#gform_wrapper_2 .gfield:focus-within .gfield_label,
#gform_wrapper_2 .gfield:focus-within .gform-field-label,
#gform_wrapper_2 .gfield.gf-has-value .gfield_label,
#gform_wrapper_2 .gfield.gf-has-value .gform-field-label,
#gform_wrapper_4 .gfield:focus-within .gfield_label,
#gform_wrapper_4 .gfield:focus-within .gform-field-label,
#gform_wrapper_4 .gfield.gf-has-value .gfield_label,
#gform_wrapper_4 .gfield.gf-has-value .gform-field-label,
#gform_wrapper_5 .gfield:focus-within .gfield_label,
#gform_wrapper_5 .gfield:focus-within .gform-field-label,
#gform_wrapper_5 .gfield.gf-has-value .gfield_label,
#gform_wrapper_5 .gfield.gf-has-value .gform-field-label {
    top: 6px !important;
    font-size: 11px !important;
    color: rgba(17, 35, 55, 0.65) !important;
}

/* Selects always show their value, so label always floated */
#gform_wrapper_2 .gfield--type-select .gfield_label,
#gform_wrapper_2 .gfield--type-select .gform-field-label,
#gform_wrapper_4 .gfield--type-select .gfield_label,
#gform_wrapper_4 .gfield--type-select .gform-field-label,
#gform_wrapper_5 .gfield--type-select .gfield_label,
#gform_wrapper_5 .gfield--type-select .gform-field-label {
    top: 6px !important;
    font-size: 11px !important;
    color: rgba(17, 35, 55, 0.65) !important;
}

/* Focus outline */
#gform_wrapper_2 input:focus,
#gform_wrapper_2 select:focus,
#gform_wrapper_4 input:focus,
#gform_wrapper_4 select:focus,
#gform_wrapper_5 input:focus,
#gform_wrapper_5 select:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5) !important;
    outline-offset: 0 !important;
}

/* ---- Submit button ---- */
#gform_wrapper_2 #gform_submit_button_2,
#gform_wrapper_2 .gform_button,
#gform_wrapper_4 #gform_submit_button_4,
#gform_wrapper_4 .gform_button,
#gform_wrapper_5 #gform_submit_button_5,
#gform_wrapper_5 .gform_button {
    background-color: #ffffff !important;
    color: #204ce5 !important;
    border: none !important;
    border-radius: 3px !important;
    padding: 10px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    box-shadow: none !important;
}

#gform_wrapper_2 #gform_submit_button_2:hover,
#gform_wrapper_2 .gform_button:hover,
#gform_wrapper_4 #gform_submit_button_4:hover,
#gform_wrapper_4 .gform_button:hover,
#gform_wrapper_5 #gform_submit_button_5:hover,
#gform_wrapper_5 .gform_button:hover {
    background-color: #f0f0f0 !important;
}

#gform_wrapper_2 .gform_footer,
#gform_wrapper_2 .gform-footer,
#gform_wrapper_4 .gform_footer,
#gform_wrapper_4 .gform-footer,
#gform_wrapper_5 .gform_footer,
#gform_wrapper_5 .gform-footer {
    margin-top: 8px !important;
    padding: 0 !important;
}

/* Validation */
#gform_wrapper_2 .gfield_error input,
#gform_wrapper_2 .gfield_error select,
#gform_wrapper_4 .gfield_error input,
#gform_wrapper_4 .gfield_error select,
#gform_wrapper_5 .gfield_error input,
#gform_wrapper_5 .gfield_error select {
    border: 2px solid #e05252 !important;
}

#gform_wrapper_2 .validation_message,
#gform_wrapper_4 .validation_message,
#gform_wrapper_5 .validation_message {
    color: #e05252 !important;
    font-size: 12px !important;
}

/* ---- Radio buttons – white labels and inputs ---- */
#gform_wrapper_1 .gfield--type-radio .gform-field-label,
#gform_wrapper_2 .gfield--type-radio .gform-field-label,
#gform_wrapper_4 .gfield--type-radio .gform-field-label,
#gform_wrapper_5 .gfield--type-radio .gform-field-label {
    position: static !important;
    color: #ffffff !important;
    font-size: 15px !important;
    pointer-events: auto !important;
}

#gform_wrapper_1 .gfield--type-radio input[type="radio"],
#gform_wrapper_2 .gfield--type-radio input[type="radio"],
#gform_wrapper_4 .gfield--type-radio input[type="radio"],
#gform_wrapper_5 .gfield--type-radio input[type="radio"] {
    accent-color: #ffffff !important;
}

/* ---- DIFL Gravity Form radio – white ring and checked dot ---- */
.difl_gravity_form form input[type="radio"] {
    border-color: #ffffff !important;
    background-color: transparent !important;
}

.difl_gravity_form form input[type="radio"]:checked::before {
    background-color: #ffffff !important;
}