/*
 * Custom Styles for Forminator Forms
 * modernrealty Theme
 */

/* ----------------------------------------------------------------
  1. General Form Layout
-----------------------------------------------------------------*/
.forminator-custom-form.forminator-design--default {
    --forminator-primary-color: var(--primary-color);
    --forminator-secondary-color: var(--secondary-color);
    font-family: var(--font-primary);
}

.forminator-row {
    margin-bottom: 20px;
}


/* ----------------------------------------------------------------
  2. Labels and Descriptions
-----------------------------------------------------------------*/
.forminator-label {
    font-size: 1rem;
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 8px;
    display: block;
}

.forminator-description {
    display: none !important;
}


/* ----------------------------------------------------------------
  3. Input, Textarea, and Select Fields
-----------------------------------------------------------------*/
.forminator-input,
.forminator-textarea,
.forminator-select-container .forminator-select {
    width: 100%;
    padding: 12px 15px; /* Increased padding for better touch targets */
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: #fefefe;
    color: var(--dark-text);
    font-family: var(--font-primary);
    font-size: 16px; /* IMPORTANT: Set to 16px to prevent auto-zoom on iOS */
    line-height: 1.5; /* Added for better vertical alignment of text */
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.forminator-textarea {
    min-height: 120px;
}

/* Focus state for inputs */
.forminator-input:focus,
.forminator-textarea:focus,
.forminator-select-container .forminator-select:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(79, 132, 201, 0.15); /* Adjusted shadow to match new blue color */
}

.forminator-select-container::after {
    color: var(--primary-color);
}


/* ----------------------------------------------------------------
  4. Checkboxes & Radio Buttons
-----------------------------------------------------------------*/
.forminator-checkbox__wrapper input[type="checkbox"] {
    position: static !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    margin-right: 10px;
    cursor: pointer;
}

.forminator-checkbox__wrapper .forminator-checkbox-box {
    display: none !important;
}

.forminator-checkbox__wrapper {
    display: flex;
    align-items: center;
}


/* ----------------------------------------------------------------
  5. Submit Button
-----------------------------------------------------------------*/
.forminator-button-submit {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 12px 30px;
    font-size: 1rem;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    width: 100%;
    margin-top: 10px;
    background-color: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}

.forminator-button-submit:hover {
    background-color: var(--secondary-color); /* Updated hover color */
    border-color: var(--secondary-color);
    color: var(--white);
}


/* ----------------------------------------------------------------
  6. Response Messages
-----------------------------------------------------------------*/
.forminator-response-message {
    padding: 15px;
    margin-top: 20px;
    border-radius: 8px;
    border: 1px solid transparent;
}

.forminator-response-message.forminator-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.forminator-response-message.forminator-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}


/* ----------------------------------------------------------------
  7. Utility
-----------------------------------------------------------------*/
/* Hide invisible reCAPTCHA */
.forminator-captcha-center.forminator-g-recaptcha.recaptcha-invisible {
    display: none !important;
}