/* ═══════════════════════════════════════════════════
   CONTACT FORM 7 — custom styles
   ═══════════════════════════════════════════════════ */

.wpcf7 {
    width: 100%;

    .wpcf7-form {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: -15px;
    }
    @media (max-width: 980px) {
        .wpcf7-form {
            margin-top: 0;
        }
    }

    /* ── Text inputs & selects ───────────────────── */
    .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-textarea):not(.wpcf7-select) {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 3px solid #000;
        border-radius: 0;
        padding: 17px 0 4px;
        color: var(--LA-black, #000);
        font-family: Mada;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        outline: none;
        appearance: none;
        -webkit-appearance: none;

        &::placeholder {
            color: var(--LA-black, #000);
            font-family: Mada;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            opacity: 1;
        }

        &:focus {
            border-bottom-color: #5E7551;
        }
    }

    /* ── Select wrapper — tighten label-to-select gap */
    .wpcf7-form-control-wrap:has(select) {
        display: block;
    }

    /* ── Select dropdown arrow ───────────────────── */
    select.wpcf7-form-control {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 3px solid #000;
        border-radius: 0;
        padding: 17px 30px 4px 0;
        font-family: Mada;
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: var(--LA-black, #000);
        outline: none;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0 bottom 12px;
        background-size: 14px;

        &:focus {
            border-bottom-color: #5E7551;
        }
    }

    /* ── Textarea ────────────────────────────────── */
    .wpcf7-textarea {
        width: 100%;
        background: transparent;
        border: 3px solid #000;
        border-radius: 16px;
        padding: 16px 20px;
        font-family: var(--font-mada);
        font-size: 18px;
        font-weight: 400;
        color: #000;
        outline: none;
        resize: vertical;
        min-height: 160px;

        &::placeholder {
            color: var(--LA-black, #000);
            font-family: Mada;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            opacity: 1;
        }

        &:focus {
            border-color: #5E7551;
        }
    }

    /* ── Submit button ───────────────────────────── */
    .wpcf7-submit {
        display: inline-flex;
        align-items: center;
        align-self: flex-start;
        font-family: var(--font-mada);
        font-size: 16px;
        font-weight: 700;
        color: #000;
        background: transparent;
        border: 3px solid #000;
        border-radius: 100px;
        padding: 14px 32px;
        cursor: pointer;
        transition: background 0.2s ease, color 0.2s ease;

        &:hover {
            background: #000;
            color: #fff;
        }
    }

    /* ── Labels ──────────────────────────────────── */
    label {
        color: var(--LA-black, #000);
        font-family: Mada;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding-top: 15px;
    }

    /* ── Validation ──────────────────────────────── */
    .wpcf7-not-valid-tip {
        font-family: var(--font-mada);
        font-size: 13px;
        color: #8b0000;
        margin-top: 4px;
    }

    .wpcf7-response-output {
        font-family: var(--font-mada);
        font-size: 15px;
        border-radius: 8px;
        padding: 12px 16px;
    }

    /* ── Remove <p> spacing and <br> CF7 injects ─── */
    p {
        margin: 0;
    }

    label br,
    p br {
        display: none;
    }
}