/* Page stylesheet entry point. Shared visual rules remain in styles.css to keep every page consistent. */
@import url('styles.css');

/* Contact Form 7 presentation */
.contact-form .wpcf7-form{display:flex;flex-direction:column;gap:16px}
.contact-form .wpcf7-form p{margin:0}
.contact-form .wpcf7-form br{display:none}
.contact-form .wpcf7-form label{display:block;font-size:1rem;line-height:1.3;color:var(--grey-2);margin-bottom:8px;font-weight:700}
.contact-form .wpcf7-form-control-wrap{display:block}
.contact-form .wpcf7-form-control:not(.wpcf7-submit){box-sizing:border-box;width:100%;max-width:100%;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:12px;padding:14px 15px;color:#fff;font-family:Inter;font-size:.95rem;line-height:1.3}
.contact-form .wpcf7-form-control:not(.wpcf7-submit):focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(134,104,242,.2)}
.contact-form textarea.wpcf7-form-control{min-height:150px;resize:vertical}
.contact-form .wpcf7-submit{box-sizing:border-box;width:100%;min-height:64px;margin-top:2px;padding:18px 28px;border:0;border-radius:999px;background:var(--purple);color:#fff;box-shadow:0 14px 34px -12px rgba(134,104,242,.75);font-family:'Saira Semi Condensed',Inter,sans-serif;font-size:1rem;font-style:italic;font-weight:800;letter-spacing:.05em;line-height:1;cursor:pointer}
.contact-form .wpcf7-submit:hover{background:#9781f5;transform:translateY(-2px)}
/* Removes blank/unlabelled controls that can remain in the CF7 editor output. */
.contact-form .wpcf7-form>input.wpcf7-form-control:not([type="hidden"]):not(.wpcf7-submit),
.contact-form .wpcf7-form>p>input.wpcf7-form-control:not([type="hidden"]):not(.wpcf7-submit),
.contact-form .wpcf7-form>p:empty{display:none!important}
.contact-form .wpcf7-form input[name="your-subject"]{display:none!important}
.contact-form .wpcf7-form>p:not(:has(label)):has(input[type="text"]):not(:has(select)):not(:has(textarea)){display:none!important}
.contact-form fieldset.hidden-fields-container{display:none!important}

/* Keep CF7's generated validation messages inside the field instead of changing the layout. */
.contact-form .wpcf7-form .wpcf7-not-valid-tip{display:block;margin-top:6px;color:#ff9b9b;font-size:.78rem;line-height:1.35}
.contact-form .wpcf7-form .wpcf7-response-output{margin:0!important;padding:11px 14px!important;border:1px solid var(--line)!important;border-radius:10px;color:var(--grey-2)!important;font-size:.82rem;line-height:1.4}

@media(max-width:520px){
  .contact-form .wpcf7-form{gap:14px}
  .contact-form .wpcf7-form label{font-size:.92rem}
  .contact-form textarea.wpcf7-form-control{min-height:132px}
  .contact-form .wpcf7-submit{min-height:60px;padding:17px 22px}
}