/*
 * EANGUS — Gravity Forms / Divi styling
 * In-house replacement for the abandoned "Gravity Forms Divi Styling Add-On"
 * (Divi Space, v1.2.2, last upstream commit 2016, "Tested up to: WP 4.5").
 *
 * Verified 2026-09-09 against Gravity Forms 3.1.1 on all 14 sites that ran the
 * plugin. Both GF markup generations are live on this network (48 legacy forms,
 * 119 modern), so BOTH legacy (ul/li) and modern (div) selectors are retained.
 * Multi-page (14 forms) and date-field (24 forms) rules are retained for the
 * same reason.
 *
 * Button colours come from each site's Divi ePanel settings and are injected as
 * CSS custom properties by the companion mu-plugin. Defaults below match the
 * most common configuration on this network (8 of 14 sites).
 */

:root{
  --gfd-btn-bg:#0067b1;
  --gfd-btn-text:inherit;
  --gfd-btn-bd-width:2px;
  --gfd-btn-bd-color:#0067b1;
  --gfd-btn-radius:3px;
  --gfd-btn-font:inherit;
  --gfd-btn-size:18px;
  --gfd-btn-spacing:0px;
  --gfd-btn-bg-hover:rgba(0,0,0,.05);
  --gfd-btn-text-hover:inherit;
  --gfd-btn-bd-color-hover:transparent;
  --gfd-btn-radius-hover:3px;
  --gfd-btn-spacing-hover:0px;
}

/* ---- wrapper / title ---- */
body .gform_wrapper{max-width:100%;margin:0;padding-bottom:30px}
body .gform_wrapper h3.gform_title{font-size:26px;font-weight:500;padding-bottom:16px}
body .gform_wrapper ul.gform_fields{margin:0!important;padding:0!important}
body .gform_wrapper .gform_footer,
body .gform_wrapper .gform_page_footer{overflow:hidden}
body .gform_wrapper .gfield_required{color:inherit}

/* ---- text inputs / selects ---- */
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper textarea.textarea{background-color:#eee;border:none;border-radius:0;font-size:14px;color:#999;padding:16px;box-sizing:border-box}
body .gform_wrapper select{font-family:inherit;letter-spacing:normal;display:inline-block;height:51px;font-size:14px;color:#999;background:#eee;border:none}
body .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio]{margin-left:1px}
body .gform_wrapper .top_label input.medium{padding-right:16px}

/* ---- buttons ----
 * Kept exactly as the old plugin had them, deliberately. GF 3.1.1 renders
 * <button class="gform_button button"> on BOTH markup generations, so these
 * input-based selectors match almost nothing today and submit buttons are
 * styled by Divi/GF, not here. Adding button.gform_button would restyle every
 * submit button on all 14 sites - a change to make on purpose, not in passing.
 */
body .gform_wrapper .gform_footer{width:97.5%}
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper input[type=button]{background:0 0;display:block;font-size:20px;font-weight:500;line-height:1.7em;font-family:inherit;color:inherit;margin:8px 0 0;padding:6px 20px;border:2px solid;border-radius:3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .2s}
body .gform_wrapper input[type=button]{float:left}
body .gform_wrapper .gform_footer input[type=submit],
body .gform_wrapper .gform_page_footer .button.gform_next_button,
body .gform_wrapper .gform_page_footer input[type=submit].button.gform_button{float:right}
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper input[type=button]:hover{cursor:pointer}
body .gform_wrapper .gform_fileupload_multifile input[type=button]{display:inline;float:none;font-size:14px;margin-left:5px;padding:0 10px}

/* theme-derived button colours (was inline CSS from et_get_option) */
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_page_footer input.button{background-color:var(--gfd-btn-bg);color:var(--gfd-btn-text);border-width:var(--gfd-btn-bd-width);border-color:var(--gfd-btn-bd-color);border-radius:var(--gfd-btn-radius);font-family:var(--gfd-btn-font);font-size:var(--gfd-btn-size);letter-spacing:var(--gfd-btn-spacing)}
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_page_footer input.button:hover{background-color:var(--gfd-btn-bg-hover);color:var(--gfd-btn-text-hover);border-color:var(--gfd-btn-bd-color-hover);border-radius:var(--gfd-btn-radius-hover);letter-spacing:var(--gfd-btn-spacing-hover)}

/* ---- validation / errors ---- */
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin-top:0;margin-bottom:0!important;padding-left:0!important}
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background-color:transparent;margin-bottom:0!important;padding:0!important;border:none}
body .gform_wrapper .top_label .gfield_error{width:inherit}
body .gform_wrapper .gfield_error .gfield_label{color:inherit}
body .gform_wrapper .validation_message,
body .gform_wrapper div.validation_error{color:red}
body .gform_wrapper li.gfield_error input[type=email],
body .gform_wrapper li.gfield_error input[type=number],
body .gform_wrapper li.gfield_error input[type=password],
body .gform_wrapper li.gfield_error input[type=tel],
body .gform_wrapper li.gfield_error input[type=text],
body .gform_wrapper li.gfield_error input[type=url],
body .gform_wrapper li.gfield_error textarea{border-color:red}
body .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,
body .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third,
body .gform_wrapper .top_label li.gfield.gfield_error.gf_right_third{width:32%}

/* ---- multi-page / progress bar (14 live multi-page forms) ---- */
body .gform_wrapper .gf_progressbar_wrapper,
body .gform_wrapper .gform_page_footer,
body .gform_wrapper .gsection{width:97.5%}
body .gform_wrapper .gf_progressbar{width:100%;border:none;box-shadow:none}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .gf_progressbar_percentage{background-size:contain;height:40px}
body .gform_wrapper .gf_progressbar_percentage{font-family:inherit}
body .gform_wrapper .gf_progressbar_percentage span{margin-top:10px}

/* ---- date / time fields (24 live forms with date fields) ---- */
body .gform_wrapper .datepicker{width:8em!important}
body .gform_wrapper .gfield_date_day,
body .gform_wrapper .gfield_date_month,
body .gform_wrapper .gfield_date_year,
body .gform_wrapper .gfield_time_hour,
body .gform_wrapper .gfield_time_minute{width:5.6em}
body .gform_wrapper .gfield_time_hour i{width:24%}
body .gform_wrapper .gfield_date_year{width:5.5em!important}
body .gform_wrapper .gfield_date_day,
body .gform_wrapper .gfield_date_month,
body .gform_wrapper .gfield_date_year{width:4.5em}

/* ---- mobile ---- */
@media (max-width:767px){
  body .gform_wrapper .gf_progressbar,
  body .gform_wrapper .gf_progressbar_wrapper,
  body .gform_wrapper .gform_fields li.gfield,
  body .gform_wrapper .gform_footer,
  body .gform_wrapper .gform_page_footer,
  body .gform_wrapper .ginput_complex .ginput_full input[type=email],
  body .gform_wrapper .ginput_complex .ginput_full input[type=number],
  body .gform_wrapper .ginput_complex .ginput_full input[type=password],
  body .gform_wrapper .ginput_complex .ginput_full input[type=tel],
  body .gform_wrapper .ginput_complex .ginput_full input[type=text],
  body .gform_wrapper .ginput_complex .ginput_full input[type=url],
  body .gform_wrapper .ginput_complex .ginput_left,
  body .gform_wrapper .ginput_complex .ginput_right,
  body .gform_wrapper .ginput_complex .ginput_right select,
  body .gform_wrapper .ginput_complex select,
  body .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span,
  body .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
  body .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span,
  body .gform_wrapper input,
  body .gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
  body .gform_wrapper li.gf_list_inline ul.gfield_radio li,
  body .gform_wrapper li.gfield ul li,
  body .gform_wrapper select,
  body .gform_wrapper textarea,
  body div.gform_wrapper.gf_browser_chrome select{width:100%!important}
  body .gform_wrapper .gform_fields li.gfield.gf_middle_third,
  body .gform_wrapper .gform_fields li.gfield.gf_right_third,
  body .gform_wrapper .ginput_complex .ginput_right{margin-left:0!important}
  body .gform_wrapper .gform_page_footer .button.gform_button,
  body .gform_wrapper .gform_page_footer .button.gform_next_button,
  body .gform_wrapper .gform_page_footer .button.gform_previous_button{margin:0 0 .5em}
}