/**
 * Site forms (lc-form) and the newsletter popup (lc-popup).
 * Markup: template-parts/form-*.php, includes/newsletter-popup.php.
 * Inputs and button follow the archive search box (.pa__search-*).
 */

/* ---------- forms ---------- */

.lc-form-wrap{margin:1.5rem 0 2rem;font-family:'Mulish',sans-serif;color:#15151a}
.lc-form__title{font-family:'Chivo',sans-serif;font-size:1.4rem;margin:0 0 .4rem}
.lc-form__intro{margin:0 0 1.2rem;color:#55555f}
.lc-form__fields{display:flex;flex-wrap:wrap;gap:18px 16px}
.lc-form__field{flex:1 1 100%;min-width:0;margin:0;padding:0;border:0}
.lc-form__field--half{flex:1 1 calc(50% - 8px);min-width:220px}
.lc-form__field[hidden]{display:none}
.lc-form__label{display:block;float:none;width:auto;margin:0 0 6px;padding:0;font-size:15px;font-weight:700;color:#15151a;line-height:1.3}
.lc-form__label--hidden,.lc-form__hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lc-form__req{font-weight:400;font-size:13px;color:#6b6b76}
.lc-form__input{display:block;width:100%;min-height:48px;border:1px solid #dcdce1;border-radius:10px;padding:10px 16px;font-family:'Mulish',sans-serif;font-size:15px;color:#15151a;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.lc-form__input:focus{border-color:#9333ea;box-shadow:0 0 0 3px rgba(147,51,234,.15)}
textarea.lc-form__input{min-height:160px;resize:vertical;line-height:1.5}
select.lc-form__input{appearance:none;-webkit-appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2315151a' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 16px center}
.lc-form__pair{display:flex;flex-wrap:wrap;gap:12px 16px}
.lc-form__sub{flex:1 1 220px;min-width:0}
.lc-form__sublabel{display:block;margin:5px 0 0;font-size:13px;color:#55555f}
.lc-form__check{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45}
.lc-form__check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#9333ea}
.lc-form__check label{margin:0}
.lc-form__check a{color:#9333ea}
.lc-form__desc{margin:6px 0 0;font-size:13.5px;color:#55555f;line-height:1.45}
.lc-form__error{margin:6px 0 0;font-size:13.5px;font-weight:700;color:#c02b2b}
.lc-form__field.is-invalid .lc-form__input{border-color:#c02b2b}
.lc-form__summary{margin:0 0 18px;padding:12px 16px;border:1px solid #f0c4c4;border-radius:10px;background:#fdf1f1;color:#a12020;font-size:14.5px;font-weight:700}
.lc-form__summary[hidden]{display:none}
.lc-form__summary:focus{outline:none}
.lc-form__captcha{min-height:78px}
.lc-form__footer{margin-top:22px}
.lc-form__submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:none;border-radius:10px;background:#9333ea;color:#fff;font-family:'Mulish',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s ease}
.lc-form__submit:hover,.lc-form__submit:focus-visible{background:#7a23c9;color:#fff}
.lc-form__submit:focus-visible{outline:3px solid rgba(147,51,234,.35);outline-offset:2px}
.lc-form__submit[disabled]{opacity:.7;cursor:progress}
.lc-form__confirmation{padding:16px 20px;border-left:4px solid #9333ea;border-radius:10px;background:#f6effe;font-size:15.5px;line-height:1.5}
.lc-form__confirmation p:last-child{margin-bottom:0}
.lc-form__confirmation:focus{outline:none}

/* ---------- newsletter popup (as WP Popups 27449) ---------- */

.lc-popup{width:calc(100% - 32px);max-width:750px;max-height:calc(100vh - 32px);padding:0;border:0;border-radius:0;background:rgb(236,236,236);color:#15151a;box-shadow:5px 5px 20px rgba(44,44,44,.32);overflow:auto}
.lc-popup::backdrop{background:rgba(69,69,69,.81);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.lc-popup[open]{animation:lc-popup-fade .4s ease both}
.lc-popup[open]::backdrop{animation:lc-popup-fade .4s ease both}
@keyframes lc-popup-fade{from{opacity:0}to{opacity:1}}
.lc-popup__box{position:relative;padding:50px}
.lc-popup__close{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;border:0;background:none;color:rgb(18,18,18);font-size:40px;line-height:40px;cursor:pointer}
.lc-popup__close:hover,.lc-popup__close:focus-visible{color:#000}
.lc-popup__title{margin:0 0 .6rem;text-align:center;font-family:'Chivo',sans-serif}
.lc-popup__text{margin:0 0 1rem;text-align:center}
.lc-popup .lc-form-wrap{margin:0}
@media (max-width:575.98px){
	.lc-popup__box{padding:40px 20px 28px}
}
@media (prefers-reduced-motion:reduce){
	.lc-popup[open],.lc-popup[open]::backdrop{animation:none}
}
