/* 
Theme Name: CB Lending Ventures
Theme URI: https://cblendingventures.com
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Nexiby LLC
Author URI: https://nexiby.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* CB Lending Ventures — Commercial Financing Inquiry (Figma-match v2)
   Scope: the Gravity Form imported with CSS class: cb-commercial-inquiry
   Important: Gravity Forms adds the form CSS class to the <form>, so this file
   intentionally targets form.cb-commercial-inquiry instead of the wrapper. */

form.cb-commercial-inquiry {
  --cb-primary: var(--e-global-color-primary, #052F5F);
  --cb-text: var(--e-global-color-text, #475569);
  --cb-gold: #B08D57;
  --cb-border: #D4DCE4;
  --cb-field-bg: #F9FAFB;
  --cb-placeholder: #9AA7B7;
  --cb-error: #D92D20;
  margin: 0 !important;
  font-family: "Manrope", sans-serif !important;
  color: var(--cb-text) !important;
}

/* Elementor supplies the visible title/description above the shortcode. */
.cb-contact-form .gform_heading,
form.cb-commercial-inquiry .gform_heading,
.cb-contact-form .gform_required_legend,
form.cb-commercial-inquiry .gform_required_legend {
  display: none !important;
}

/* Exact compact 2-column grid from the Figma form. */
form.cb-commercial-inquiry .gform_fields {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  column-gap: 1.5rem !important;
  row-gap: 1.625rem !important;
}

form.cb-commercial-inquiry .gfield {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

form.cb-commercial-inquiry .gfield.cb-half {
  grid-column: span 6 !important;
}

form.cb-commercial-inquiry .gfield.cb-full {
  grid-column: 1 / -1 !important;
}

/* Labels: 10px Figma scale, with the required asterisk only. */
form.cb-commercial-inquiry .gfield_label,
form.cb-commercial-inquiry legend.gfield_label,
form.cb-commercial-inquiry .gform-field-label {
  display: block !important;
  margin: 0 0 .375rem !important;
  padding: 0 !important;
  color: var(--cb-primary) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: .625rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

form.cb-commercial-inquiry .gfield_required,
form.cb-commercial-inquiry .gfield_required_asterisk {
  margin-inline-start: .125rem !important;
  color: #E24A3B !important;
  font-size: .625rem !important;
  font-weight: 600 !important;
}

/* Inputs/selects: 42px total height, 8px radius, Figma #F9FAFB fill. */
form.cb-commercial-inquiry input[type="text"],
form.cb-commercial-inquiry input[type="email"],
form.cb-commercial-inquiry input[type="tel"],
form.cb-commercial-inquiry input[type="number"],
form.cb-commercial-inquiry select,
form.cb-commercial-inquiry textarea {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: .0625rem solid var(--cb-border) !important;
  border-radius: .5rem !important;
  background-color: var(--cb-field-bg) !important;
  color: var(--cb-primary) !important;
  box-shadow: none !important;
  font-family: "Manrope", sans-serif !important;
  font-size: .6875rem !important;
  font-weight: 400 !important;  
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease !important;
}

form.cb-commercial-inquiry input[type="text"],
form.cb-commercial-inquiry input[type="email"],
form.cb-commercial-inquiry input[type="tel"],
form.cb-commercial-inquiry input[type="number"],
form.cb-commercial-inquiry select {
  height: 2.625rem !important;
  min-height: 2.625rem !important;
  padding: 0 .75rem !important;
}

form.cb-commercial-inquiry textarea {
  height: 4.625rem !important;
  min-height: 4.625rem !important;
  max-height: 4.625rem !important;
  padding: .625rem .75rem !important;
  resize: none !important;
}

form.cb-commercial-inquiry input::placeholder,
form.cb-commercial-inquiry textarea::placeholder {
  color: var(--cb-placeholder) !important;
  opacity: 1 !important;
}

form.cb-commercial-inquiry select:invalid,
form.cb-commercial-inquiry select option[value=""] {
  color: var(--cb-placeholder) !important;
}

form.cb-commercial-inquiry input:focus,
form.cb-commercial-inquiry select:focus,
form.cb-commercial-inquiry textarea:focus {
  outline: none !important;
  border-color: var(--cb-primary) !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 .1875rem rgba(5, 47, 95, .08) !important;
}

/* Do not show Gravity Forms' textarea character counter in this compact design. */
form.cb-commercial-inquiry .ginput_counter,
form.cb-commercial-inquiry .charleft,
form.cb-commercial-inquiry .gfield_description.ginput_counter {
  display: none !important;
}

/* Preferred Contact Method: inline, as in Figma. */
form.cb-commercial-inquiry .cb-inline-radio .gfield_radio {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: .625rem 1.25rem !important;
  margin: 0 !important;
}

form.cb-commercial-inquiry .cb-inline-radio .gchoice {
  display: inline-flex !important;
  align-items: center !important;
  gap: .375rem !important;
  margin: 0 !important;
}

form.cb-commercial-inquiry input[type="radio"] {
  width: .75rem !important;
  height: .75rem !important;
  min-width: .75rem !important;
  margin: 0 !important;
  accent-color: #1478FF;
}

form.cb-commercial-inquiry .gfield_radio label {
  margin: 0 !important;
  color: var(--cb-text) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: .6875rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

/* Footer spacing and exact 54px Figma button. */
form.cb-commercial-inquiry .gform_footer {
  display: block !important;
  margin: 2.75rem 0 0 !important;
  padding: 0 !important;
}

form.cb-commercial-inquiry .gform_footer input.gform_button,
form.cb-commercial-inquiry .gform_footer button.gform_button,
form.cb-commercial-inquiry input[type="submit"].gform_button,
form.cb-commercial-inquiry button[type="submit"].gform_button {
  display: block !important;
  width: 100% !important;
  height: 3.375rem !important;
  min-height: 3.375rem !important;
  margin: 0 !important;
  padding: .75rem 3.25rem .75rem 1.25rem !important;
  border: .0625rem solid var(--cb-primary) !important;
  border-radius: .5rem !important;
  background-color: var(--cb-primary) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(50% + 4.5rem) center !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  font-family: "Manrope", sans-serif !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  cursor: pointer !important;
  appearance: none !important;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}

form.cb-commercial-inquiry .gform_footer input.gform_button:hover,
form.cb-commercial-inquiry .gform_footer button.gform_button:hover,
form.cb-commercial-inquiry input[type="submit"].gform_button:hover,
form.cb-commercial-inquiry button[type="submit"].gform_button:hover {
  border-color: var(--cb-gold) !important;
  background-color: var(--cb-gold) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23052F5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13'/%3E%3Cpath d='M22 2L15 22L11 13L2 9L22 2Z'/%3E%3C/svg%3E") !important;
  color: var(--cb-field-bg) !important;
  transform: translateY(-.125rem);
  box-shadow: 0 .5rem 1.25rem rgba(5, 47, 95, .14) !important;
}
form.cb-commercial-inquiry button[type="submit"].gform_button:hover svg {
	fill:white;
}
form.cb-commercial-inquiry .gform_footer input.gform_button:focus-visible,
form.cb-commercial-inquiry .gform_footer button.gform_button:focus-visible {
  outline: .125rem solid var(--cb-gold) !important;
  outline-offset: .1875rem !important;
}

/* Validation/confirmation remains compact and on-brand. */
form.cb-commercial-inquiry .gfield_error input,
form.cb-commercial-inquiry .gfield_error select,
form.cb-commercial-inquiry .gfield_error textarea {
  border-color: var(--cb-error) !important;
}

form.cb-commercial-inquiry .gfield_validation_message {
  margin: .375rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--cb-error) !important;
  font-size: .625rem !important;
}

form.cb-commercial-inquiry .gform_validation_errors {
  margin: 0 0 1rem !important;
  padding: .875rem 1rem !important;
  border: .0625rem solid rgba(217, 45, 32, .22) !important;
  border-radius: .5rem !important;
  background: rgba(217, 45, 32, .05) !important;
  box-shadow: none !important;
}

.cb-contact-form .gform_confirmation_message {
  padding: 1rem 1.125rem !important;
  border: .0625rem solid rgba(5, 47, 95, .15) !important;
  border-radius: .5rem !important;
  background: #F3F6F8 !important;
  color: var(--cb-primary) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

form.cb-commercial-inquiry .gform_ajax_spinner {
  margin-left: .625rem !important;
}

@media (max-width: 767px) {
  form.cb-commercial-inquiry .gform_fields {
    grid-template-columns: 1fr !important;
    row-gap: 1.125rem !important;
  }

  form.cb-commercial-inquiry .gfield.cb-half,
  form.cb-commercial-inquiry .gfield.cb-full {
    grid-column: 1 / -1 !important;
  }

  form.cb-commercial-inquiry .gform_footer {
    margin-top: 2rem !important;
  }

  form.cb-commercial-inquiry .gform_footer input.gform_button,
  form.cb-commercial-inquiry .gform_footer button.gform_button {
    background-position: calc(50% + 4.25rem) center !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  form.cb-commercial-inquiry *,
  form.cb-commercial-inquiry *::before,
  form.cb-commercial-inquiry *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.cb-commercial-inquiry_wrapper .gform_required_legend {
	display:none;
}
a.gform_validation_error_link {
    font-size: 12px;
}