/* =========================================================================
   AGILE — WordPress layer
   Only what WordPress and its plugins need on top of the original design
   (css/agile.css). Nothing here changes how the design itself looks.
   ========================================================================= */

/* ---------------------------------------------------- Contact Form 7 -- */
/* CF7 wraps every control in a <span>; let the design's .field layout see
   the input itself, so steppers, date rows and full-width inputs behave
   exactly as in the original markup. */
.form .wpcf7-form-control-wrap{display:contents}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}
.wpcf7 .hidden-fields-container,.wpcf7 form > div[style*="display: none"]{display:none}
.wpcf7-spinner{display:none}
.formCard{--d:.1s}

/* the "sent / please check" message takes the place of the design's
   placeholder note (.ph), spanning the whole form */
.form .wpcf7-response-output{
  grid-column:1/-1;margin:0;padding:14px 18px;border-radius:12px;
  border:1px solid var(--line-strong);background:transparent;
  font-size:13.5px;line-height:1.6;color:var(--gold);
}
.form .wpcf7-response-output:empty,.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}
body.theme-light .form .wpcf7-response-output{color:var(--accent-text);border-color:rgb(var(--deep-rgb) / .16);background:#fff}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--gold)}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{border-color:#E7A75E}

.wpcf7-not-valid-tip{display:block;margin-top:-2px;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:#E7A75E}
body.theme-light .wpcf7-not-valid-tip{color:#B2551E}
.field input.wpcf7-not-valid,.field textarea.wpcf7-not-valid,.field select.wpcf7-not-valid{border-color:#E7A75E}
.wpcf7 form.submitting button[type="submit"]{opacity:.6;pointer-events:none}

/* --------------------------------------------------------- package card */
.pkgCard__was{margin-left:6px;font-size:.72em;font-weight:600;opacity:.5}

/* -------------------------------------------- card photo placeholders -- */
.gate__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#27474a,#0f2224)}
.gate__ph span{font-size:clamp(11px,1vw,14px);font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.35)}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* --------------------------------------------------------- pagination */
.agilePager{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:clamp(32px,4vw,56px)}
.agilePager .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.agilePager .page-numbers{
  min-width:40px;height:40px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1px rgb(var(--deep-rgb) / .22);
}
.agilePager .page-numbers.current,.agilePager a.page-numbers:hover{background:var(--ink);color:var(--paper);box-shadow:none}
.agilePager .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------------------------------------------------- WordPress admin bar */
/* the menu bar is fixed to the top of the window; keep it below the
   toolbar logged-in editors see */
@media (min-width:601px){
  body.admin-bar .nav{top:var(--wp-admin--admin-bar--height,32px)}
}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
