/* ── Gravity Forms brand overrides ────────────────────────────────────────────
   All !important — GF loads its own stylesheet after theme CSS so we must win
   the specificity battle here. Never remove !important from these rules.
   ──────────────────────────────────────────────────────────────────────────── */

.gform_wrapper .gform_body { margin: 0 !important; }

.gform_wrapper .gfield { margin-bottom: 1.25rem !important; }
.gform_wrapper .gfield_label {
    display: block !important;
    font-size: 0.8rem !important;
    color: rgba(255,255,255,0.68) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 0.4rem !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea {
    width: 100% !important;
    background: #0d1f1e !important;
    border: 1px solid #006C68 !important;
    color: #ffffff !important;
    padding: 0.7rem 0.9rem !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 3px !important;
    transition: border-color 0.2s !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    outline: none !important;
    border-color: #FDFF00 !important;
    box-shadow: none !important;
}

.gform_wrapper textarea { height: 140px !important; resize: vertical !important; }

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer { margin-top: 0.5rem !important; padding: 0 !important; }

.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
    width: 100% !important;
    padding: 0.85rem 2rem !important;
    background: #FDFF00 !important;
    color: #020808 !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
    background: #e8ea00 !important;
}

/* ── Validation ────────────────────────────────────────────────────────────── */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
    border-color: #ff4444 !important;
}
.gform_wrapper .validation_message {
    color: #ff4444 !important;
    font-size: 0.8rem !important;
    margin-top: 0.25rem !important;
}
.gform_wrapper .gform_validation_errors {
    background: rgba(255,68,68,0.1) !important;
    border: 1px solid #ff4444 !important;
    color: #ffffff !important;
    padding: 1rem !important;
    border-radius: 3px !important;
    margin-bottom: 1rem !important;
}

/* ── Confirmation message ──────────────────────────────────────────────────── */
.gform_confirmation_wrapper {
    background: rgba(0,108,104,0.2) !important;
    border: 1px solid #006C68 !important;
    color: #ffffff !important;
    padding: 1.5rem !important;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
}

/* ── Required asterisk ─────────────────────────────────────────────────────── */
.gform_wrapper .gfield_required { color: #FDFF00 !important; }

/* ── Select field ──────────────────────────────────────────────────────────────
   appearance:none (set globally in main.css) garbles text on Windows/Chromium
   even when colour is correct. Restore native rendering here; hide the browser
   arrow with a ::after overlay on the container instead.
   ──────────────────────────────────────────────────────────────────────────── */
.gform_wrapper select,
.gform_wrapper .gfield_select {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    width: 100% !important;
    background-color: #0d1f1e !important;
    border: 1px solid #006C68 !important;
    color: #ffffff !important;
    padding: 0.3rem 2.5rem 0.7rem 0.9rem !important;
    font-size: 0.95rem !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}
.gform_wrapper select:focus,
.gform_wrapper .gfield_select:focus {
    outline: none !important;
    border-color: #FDFF00 !important;
    box-shadow: none !important;
}

.gform_wrapper .ginput_container_select { position: relative !important; }
.gform_wrapper .ginput_container_select::after {
    content: '' !important;
    position: absolute !important;
    right: 1px !important;
    top: 1px !important;
    bottom: 1px !important;
    width: 2.5rem !important;
    background: #0d1f1e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23FDFF00' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 0.9rem center !important;
    border-radius: 0 2px 2px 0 !important;
    pointer-events: none !important;
}

.gform_wrapper select option { background-color: #0d1f1e !important; color: #ffffff !important; }
.gform_wrapper select option:checked { background-color: #006C68 !important; }