.elementor-187 .elementor-element.elementor-element-6f179f37{--display:flex;}.elementor-187 .elementor-element.elementor-element-799e97a6.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-799e97a6 *//* --- 1. SPACING: Fixed Gaps & Misalignment --- */
.acf-field {
    margin-bottom: 22px !important; /* Proper space between field groups */
    padding: 0 !important;
}

.acf-label label {
    margin-bottom: 4px !important; /* Tightens gap between label and input */
    font-weight: 600 !important;
    color: #333333 !important;
    display: block !important;
}

.acf-field .description {
    margin-top: -2px !important; /* Pulls instructions closer to label */
    margin-bottom: 8px !important;
    font-size: 13px !important;
    color: #666 !important;
}

/* --- 2. BORDERS: Neutral Gray Visibility --- */
.acf-field input[type="text"],
.acf-field input[type="email"],
.acf-field input[type="tel"],
.acf-field input[type="password"],
.acf-field textarea,
.acf-field select,
.select2-container--default .select2-selection--single {
    border: 1px solid #707070 !important; /* Visible medium-dark grey */
    border-radius: 4px !important;
    background-color: #ffffff !important;
    padding: 10px 12px !important;
    width: 100% !important; 
    color: #000000 !important;
    transition: border-color 0.2s ease !important;
}

/* --- 3. FOCUS: Darker Border on Click --- */
.acf-field input:focus,
.acf-field textarea:focus,
.acf-field select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #333333 !important; /* Sharp charcoal focus */
    box-shadow: none !important;
    outline: none !important;
}

/* --- 4. WYSIWYG EDITOR: Height & Border --- */
#acf-editor-54_ifr {
    height: 180px !important; /* Compact height for 500 letter limit */
    min-height: 150px !important;
}

.acf-editor-wrap {
    border: 1px solid #707070 !important;
    border-radius: 4px !important;
}

/* --- 1. Agency Type: Reduce space between Label and Radio Buttons --- */
.acf-field[data-type="related_terms"] .acf-label {
    margin-bottom: 2px !important;
}

.acf-field[data-type="related_terms"] .acf-input {
    margin-top: 0 !important;
}

.acf-field[data-type="related_terms"] .acf-checkbox-list {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- 2. Gas Brand: Align "Select" text vertically in Dropdown --- */
/* This fixes the Select2 box height and centers the placeholder text */
.select2-container--default .select2-selection--single {
    height: 42px !important; /* Adjust to match your other input heights */
    display: flex !important;
    align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
    padding-left: 12px !important;
    color: #707070 !important; /* Matches your neutral border color */
}

/* Align the arrow vertically as well */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    top: 1px !important;
}/* End custom CSS */