/* File: wp-content/plugins/gruz-forms/assets/gruz-forms.css */
/* Minimal, clean styling that layers nicely on top of Bootstrap v3.3.7 */

.gruz-form .form-group { margin-bottom: 15px; }

.gruz-form .form-control {
  border-radius: 6px;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.gruz-form .form-control:focus {
  border-color: #5cb85c;              /* matches .btn-success */
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(92,184,92,.4);
}

.gruz-form .has-error .form-control {
  border-color: #a94442;
  box-shadow: none;
}

.gruz-form label { font-weight: 600; }

.gruz-form .text-danger { font-weight: 700; }

.gruz-form .btn {
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
}

.gruz-form .gruz-form-messages {
  margin-top: 10px;
  display: none;              /* shown via JS */
}

/* Honeypot should never be visible */
.gruz-form .gruz-hp { position: absolute !important; left: -9999px !important; }

/* Modal layout niceties */
.modal .gruz-form .form-group:last-child { margin-bottom: 0; }

/* Slightly nicer checkbox alignment */
.gruz-form .checkbox label { padding-left: 24px; position: relative; }
.gruz-form .checkbox input[type="checkbox"] {
  position: absolute; left: 0; top: 2px;
}

/* File inputs */
.gruz-form input[type="file"] {
  padding: 6px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
}

/* Small helper for compact forms (optional) */
.gruz-form.gruz-compact .form-group { margin-bottom: 10px; }
.gruz-form.gruz-compact .btn { padding: 8px 14px; }

.gruz-error-msg { margin-top: 5px; }

.gruz-form {
    width: 100%;
    color: #666666;
    font-size: 100%;
    background: url(/wp-content/plugins/gruz-forms/img/grey-noise.png);
    border-radius: 5px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.61);
    padding: 10px 10px 10px 10px;
}

.gruz-form input, .gruz-form select {
    padding: .72em .9em .65em !important;
	border-radius: 2px !important;
	border: 1px solid #d6d8d9 !important;
	background-color: #fafafa;
	height: auto;
	box-shadow: none !important;
	line-height: 1.4em !important;
}

.modal-forms-gruz {
   z-index: 99999 !important;
}


/* Контейнер поля має бути відносним */
.gruz-form .form-group { position: relative; }

/* Іконка справа, по центру по вертикалі */
.gruz-form .gruz-fa-icon {

}

/* Додатковий відступ праворуч, щоб текст не наїжджав на іконку */
.gruz-form .form-control.has-gruz-icon {
  padding-right: 2rem; /* за потреби збільшити */
}

/* Якщо хочеш підфарбувати іконки (як у тебе рожеві) */
.gruz-form .gruz-fa-icon i {
    color: #d93d7e;
    font-size: 16px;
    position: absolute;
    right: 12px;
    top: 50%;
	margin-top: 4px;
}