/**
 * Payment Processing page - Gravity Form 2
 *
 * Migrated from Elementor Custom Code snippet 493 "Style Processing Form".
 * Loaded on /processing only.
 *
 * Two blocks from that snippet were NOT carried over, because neither could
 * ever apply on this page: a duplicate set of #gform_1 (contact form) rules on
 * the previous brand, and a #gform_confirmation_message_3 (giveaway) rule.
 * The contact form is styled in style.css.
 *
 * NOTE: the state colours below are still partly pre-rebrand - focus uses
 * #BF1A2F, the button border and file-upload button use #1B335E, and the
 * required marker and select arrow use #5FA64C green. Migrated as-is to
 * preserve current appearance; rebranding form 2 is a separate visual call.
 */


/*
 * ShotPay — Gravity Form #2 Custom Styles
 * Pegar en: Elementor → Custom CSS de la página (Page Settings → Custom CSS)
 * Scope: solo aplica al form con ID 2 en todo el sitio
 * ─────────────────────────────────────────────────────────────
 */
	
#gform_2 .gform_drop_area {
    background: transparent !important;
    border: 1px dashed #FF3400 !important;
    padding: 14px !important;
    color: #FFFFFF !important;
    width: 100% !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;

    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 16px;
    border-radius: 8px;
    min-height: 70px;
    box-sizing: border-box;
}

	#gform_2 .gform_drop_area::before{
		color: #FFFFFF !important;
	}

#gform_2 .gform_button_select_files {
	
    background: #000000 !important;
    border: none !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    box-shadow: none !important;
    text-transform: uppercase;
}

#gform_2 .gform_drop_instructions {
    color: #FFFFFF !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}
	
/* ── Inputs: text, email, tel, url ──────────────────────────── */
#gform_2 input[type="text"],
#gform_2 input[type="email"],
#gform_2 input[type="tel"],
#gform_2 input[type="url"] {
  background:    #000000 !important;
  border:        1px solid #FFFFFF !important;
  color:         #FFFFFF !important;
  font-family:   'Poppins', sans-serif !important;
  font-size:     16px !important;
  padding:       13px 14px !important;
  border-radius: 10px !important;
  width:         100% !important;
  height:        auto !important;
  min-height:    50px !important;
  line-height:   1.4 !important;
  box-sizing:    border-box !important;
	font-weight: 500!important;
}
	
#gform_2 input::placeholder,
#gform_2 textarea::placeholder {
	color: #FFFFFF !important;
	opacity: 0.9 !important;
	font-weight: 500!important;
}

/* ── Select ─────────────────────────────────────────────────── */
#gform_2 select {
  background-color:  #000000 !important;
  border:            1px solid #FFFFFF !important;
  color:             #FFFFFF !important;
  font-family:       'Poppins', sans-serif !important;
  font-size:         15px !important;
  padding:           13px 40px 13px 14px !important;
  border-radius:     10px !important;
  width:             100% !important;
  height:            auto !important;
  min-height:        50px !important;
  line-height:       1.4 !important;
  box-sizing:        border-box !important;
  appearance:        none !important;
  -webkit-appearance:none !important;
  background-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235FA64C' stroke-width='1.6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
	font-weight: 500!important;
}

/* ── Focus state (inputs + select) ─────────────────────────── */
#gform_2 input:focus,
#gform_2 select:focus {
  outline:      none !important;
  border-color: #BF1A2F !important;
  box-shadow:   0 0 0 3px rgba(191, 26, 47, 0.16) !important;
}

/* ── Labels ─────────────────────────────────────────────────── */
#gform_2 .gfield_label {
  font-family:    'Poppins', sans-serif !important;
  letter-spacing: 0 !important;
  font-weight:    500 !important;
  font-size:      16px !important;
  color:          #FFFFFF !important;
  margin-bottom:  8px !important;
}

#gform_2 .gfield_required {
  color: #5FA64C !important;
}

/* ── Submit button ──────────────────────────────────────────── */
#gform_2 .gform_footer {
  padding:    0 !important;
  margin-top: 28px !important;
}

#gform_2 .gform_button {
  font-family:    'Poppins', sans-serif !important;
  text-transform: uppercase !important;
  font-weight:    700 !important;
  font-size:      1rem !important;
  letter-spacing: 0 !important;
  background:     #FF3400 !important;
  color:          #ffffff !important;
  padding:        17px !important;
  border-radius:  10px !important;
  border:         none !important;
  cursor:         pointer !important;
	transition: background-color 0.25s ease, transform 0.2s ease !important;
	border: 1px solid #1B335E !important;
}

#gform_2 .gform_button:hover {
  background: #FFFFFF !important;
	color:#1B335E!important;
}

/* ── File upload ────────────────────────────────────────────── */
#gform_2 input[type="file"] {
  background:  transparent!important;
  border:      1px dashed rgba(78, 139, 63, 0.22) !important;
  padding:     14px !important;
  color:       #100E0A !important;
  width:       100% !important;
  font-family: 'Poppins', sans-serif !important;
  font-size:   16px !important;
  height:      auto !important;
  min-height:  64px !important;
  line-height: 1.4 !important;
  box-sizing:  border-box !important;
  display:     block !important;
}

#gform_2 input[type="file"]::file-selector-button,
#gform_2 input[type="file"]::-webkit-file-upload-button {
  background:     #1B335E  !important;
  color:          #FFFFFF !important;
  border:         none !important;
  padding:        10px 18px !important;
  border-radius:  4px !important;
  font-family:    'Poppins', sans-serif !important;
  text-transform: uppercase !important;
  font-weight:    500 !important;
  font-size:      16px !important;
  letter-spacing: 0 !important;
  cursor:         pointer !important;
  margin-right:   14px !important;
}

#gform_2 input[type="file"]::file-selector-button:hover,
#gform_2 input[type="file"]::-webkit-file-upload-button:hover {
  background: #1B335E !important;
}

#gform_2 .gform_fileupload_rules {
  color:      #6B7367 !important;
  font-size:  12.5px !important;
  margin-top: 6px !important;
  display:    block !important;
}

/* ── Confirmación y errores ─────────────────────────────────── */
#gform_2 .gform_confirmation_message {
  text-align: center !important;
  padding:    40px 20px !important;
  font-size:  16px !important;
  color:      #BF1A2F !important;
}

#gform_2 .gform_validation_errors {
  background:    rgba(181, 80, 63, 0.10) !important;
  border:        1px solid #b5503f !important;
  color:         #BF1A2F !important;
  padding:       14px !important;
  border-radius: 3px !important;
  margin-bottom: 20px !important;
}