/*
 Theme Name:     Divi Child
 Theme URI:      https://thebirchcliff.ca
 Description:    Child Theme for the Birchcliff Coffee Bar
 Author:         Matheiu Yuill
 Author URI:     https://leadingwithnice.com
 Template:       Divi
 Version:        1.0.0
*/

/* Import Divi's stylesheet */
@import url("../Divi/style.css");

/* Add your custom styles below */

/* Gravity Forms - simple global input + button styles */

/* Inputs, textareas, selects */
body .gform_wrapper input[type="text"],
body .gform_wrapper input[type="email"],
body .gform_wrapper input[type="url"],
body .gform_wrapper input[type="tel"],
body .gform_wrapper input[type="number"],
body .gform_wrapper input[type="password"],
body .gform_wrapper textarea,
body .gform_wrapper select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.4;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus state */
body .gform_wrapper input:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
  outline: none;
  border-color: #339900; /* Birch green */
  box-shadow: 0 0 0 2px rgba(51,153,0,0.25);
}

/* Gravity Forms buttons: submit + next/prev (Divi-safe) */
body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="button"],
body .gform_wrapper .gform_button,
body .gform_wrapper .button.gform_button,
body .gform_wrapper input.gform_button,
body .gform_wrapper .gform_next_button,
body .gform_wrapper .gform_previous_button,
body .gform_wrapper button[type="submit"] {
  background: #7cda24 !important;   /* green */
  color: #fff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: background .25s ease, color .25s ease, transform .1s ease !important;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_page_footer input[type="submit"]:hover,
body .gform_wrapper .gform_page_footer input[type="button"]:hover,
body .gform_wrapper .gform_button:hover,
body .gform_wrapper .button.gform_button:hover,
body .gform_wrapper input.gform_button:hover,
body .gform_wrapper .gform_next_button:hover,
body .gform_wrapper .gform_previous_button:hover,
body .gform_wrapper button[type="submit"]:hover,
body .gform_wrapper .gform_footer input[type="submit"]:focus,
body .gform_wrapper .gform_page_footer input[type="submit"]:focus,
body .gform_wrapper .gform_page_footer input[type="button"]:focus,
body .gform_wrapper .gform_button:focus,
body .gform_wrapper .button.gform_button:focus,
body .gform_wrapper input.gform_button:focus,
body .gform_wrapper .gform_next_button:focus,
body .gform_wrapper .gform_previous_button:focus,
body .gform_wrapper button[type="submit"]:focus {
  background: #c0c0c0 !important;   /* silver */
  color: #000 !important;            /* black text */
  transform: translateY(-1px);
}

body .gform_wrapper .gform_footer input[type="submit"]:active,
body .gform_wrapper .gform_page_footer input[type="submit"]:active,
body .gform_wrapper .gform_page_footer input[type="button"]:active,
body .gform_wrapper .gform_button:active,
body .gform_wrapper .button.gform_button:active,
body .gform_wrapper input.gform_button:active,
body .gform_wrapper .gform_next_button:active,
body .gform_wrapper .gform_previous_button:active,
body .gform_wrapper button[type="submit"]:active {
  transform: translateY(0);
}

/* Gravity Forms confirmation message styled box */
body .gform_confirmation_message {
  background: #7cda24;      /* Birchcliff green */
  color: #fff;              /* white text for contrast */
  padding: 20px 24px;
  border-radius: 10px;      /* smooth corners */
  font-size: 18px;
  line-height: 1.6;         /* extra breathing room */
  margin: 20px 0;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

/* Links inside confirmation */
body .gform_confirmation_message a {
  color: #000;              /* black links stand out on green */
  font-weight: 600;
  text-decoration: underline;
  margin-top: 10px;  /* tighten gap */
  margin-bottom: 0;  /* optional */
}