/* =============================================================
   COMPLAINTS COMMISSIONER FORM — נציב תלונות (page body, CF7 666).
   Embedded via [contact-form-7 id="666" html_class="complaints-form"].
   Prod design: 3-col placeholder-only fields (5px radius), a yes/no
   radio row, then a full-width textarea + submit. Self-contained —
   this file is the only form CSS loaded on the default-page template.
   ============================================================= */
.complaints-form .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin: 0;
}

.complaints-form .form-field {
    margin: 0;
}

.complaints-form .form-field--full {
    grid-column: 1 / -1;
}

.complaints-form .form-field label {
    display: block;
}

.complaints-form .wpcf7-form-control-wrap {
    display: block;
}

/* Placeholder-only design — keep the label for screen readers, hide visually. */
.complaints-form .form-field__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.complaints-form input[type="text"],
.complaints-form input[type="email"],
.complaints-form input[type="tel"],
.complaints-form textarea {
    width: 100%;
    height: 44px;
    padding: 8px 16px;
    border: 1px solid rgb(105, 114, 125);
    border-radius: 5px;
    background: var(--color-white);
    color: var(--color-text-heading);
    font-size: 16px;
    font-family: inherit;
    line-height: 1.4;
    box-sizing: border-box;
}

.complaints-form textarea {
    height: auto;
    min-height: 120px;
    resize: vertical;
}

.complaints-form input::placeholder,
.complaints-form textarea::placeholder {
    color: rgb(105, 114, 125);
}

/* Yes/no customer row */
.complaints-form .form-field--radio {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.complaints-form .form-field__legend {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-heading);
}

.complaints-form .wpcf7-radio {
    display: inline-flex;
    gap: 20px;
}

.complaints-form .wpcf7-list-item {
    margin: 0;
}

.complaints-form .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

/* Submit */
.complaints-form .form-field--submit input[type="submit"] {
    width: 100%;
    max-width: 280px;
    height: 46px;
    padding: 0 32px;
    background: var(--color-primary);
    color: var(--color-white);
    border: 0;
    border-radius: 5px;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    text-align: center;
}

.complaints-form .form-field--submit input[type="submit"]:hover {
    background: var(--color-primary-hover);
}

.complaints-form .wpcf7-spinner {
    display: none;
}

/* CF7 validation/response text */
.complaints-form .wpcf7-not-valid-tip {
    color: var(--color-primary);
    font-size: 13px;
    margin-block-start: 4px;
}

.complaints-form .wpcf7-response-output {
    margin: 16px 0 0;
    padding: 10px 14px;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .complaints-form .form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .complaints-form .form-field--submit input[type="submit"] {
        max-width: 100%;
    }
}