/**
 * Frontend honeypot styles.
 *
 * Hides the honeypot without display:none so browser extensions
 * can still detect and fill the field.
 */

/* Remove only the spacing created by an otherwise empty CF7 wrapper. */
.wpcf7-form p:has(.cf7apps-honeypot-wrap),
.wpcf7-form p:has([data-cf7apps-honeypot]) {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Visually hide the honeypot without removing it from the DOM. */
.cf7apps-honeypot-wrap,
[data-cf7apps-honeypot] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Hide the accessibility message visually. */
.cf7apps-honeypot-wrap .hp-message,
[data-cf7apps-honeypot] .hp-message {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* Hide the actual honeypot input visually. */
.cf7apps-honeypot-wrap input.wpcf7-form-control[type="text"],
[data-cf7apps-honeypot] input.wpcf7-form-control[type="text"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
}