/* ============================================================
   Kiln — "Join the waitlist" popup (Boxzilla 5066) restyle.
   Mirrors the Daybreak inline waitlist form (.kd2-hsform).
   Scoped to #boxzilla-5066 and #boxzilla-8026 (Inquire – Event Space,
   used by the Inquire button on /meetings-events/) — no other popup
   is affected. Both share one design.
   This popup is shared by every /communities/ landing page.
   ============================================================ */
:is(#boxzilla-5066,#boxzilla-8026){
  background:#141F18 !important;
  max-width:660px !important;
  padding:46px 44px 40px !important;
  border-radius:14px !important;
  box-shadow:0 26px 70px rgba(0,0,0,.5) !important;
}
:is(#boxzilla-5066,#boxzilla-8026) .boxzilla-content{max-width:520px;margin:0 auto;}

/* Heading + subhead */
:is(#boxzilla-5066,#boxzilla-8026) h3{
  color:#FEF6F2 !important;text-align:center;margin:0 0 12px !important;
  font-size:34px !important;line-height:1.15 !important;
}
:is(#boxzilla-5066,#boxzilla-8026) h6,:is(#boxzilla-5066,#boxzilla-8026) h6.p1{
  color:rgba(254,246,242,.72) !important;text-align:center;font-size:15px !important;
  line-height:1.55 !important;font-weight:400 !important;letter-spacing:0 !important;
  margin:0 auto 32px !important;max-width:430px;
  font-family:'Kontrapunkt Miki',Helvetica,sans-serif !important;
}

/* Close icon */
:is(#boxzilla-5066,#boxzilla-8026) .boxzilla-close-icon{
  color:#FEF6F2 !important;opacity:1 !important;
  font-size:26px !important;line-height:1 !important;
  top:10px !important;right:10px !important;
  width:44px !important;height:44px !important;
  box-sizing:border-box !important;padding:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:#1B2920 !important;border-radius:50% !important;
  box-shadow:0 1px 4px rgba(0,0,0,.35) !important;
  z-index:5 !important;
}
:is(#boxzilla-5066,#boxzilla-8026) .boxzilla-close-icon:hover{background:#000 !important;color:#FFF !important;}

/* Fields */
:is(#boxzilla-5066,#boxzilla-8026) fieldset{max-width:none !important;}
:is(#boxzilla-5066,#boxzilla-8026) .hs-form-field>label{
  color:#D0B3A4 !important;font-size:12.5px !important;letter-spacing:.06em;
  font-family:'Kontrapunkt Miki',Helvetica,sans-serif !important;
}
:is(#boxzilla-5066,#boxzilla-8026) .hs-input{
  background:transparent !important;border:none !important;
  border-bottom:1px solid rgba(254,246,242,.35) !important;
  color:#FEF6F2 !important;font-size:16px !important;padding:8px 2px !important;
  border-radius:0 !important;box-shadow:none !important;width:100% !important;height:auto !important;
}
:is(#boxzilla-5066,#boxzilla-8026) .hs-input:focus{border-bottom-color:#D0B3A4 !important;outline:none !important;}
:is(#boxzilla-5066,#boxzilla-8026) select.hs-input{color:#FEF6F2 !important;}
:is(#boxzilla-5066,#boxzilla-8026) select.hs-input option{color:#1B2920;}
:is(#boxzilla-5066,#boxzilla-8026) .hs-input::placeholder{color:rgba(254,246,242,.45);}
:is(#boxzilla-5066,#boxzilla-8026) .hs-error-msgs,:is(#boxzilla-5066,#boxzilla-8026) .hs-error-msg{
  color:#D99F6B !important;font-size:12px;list-style:none;padding-left:0;
}
:is(#boxzilla-5066,#boxzilla-8026) .hs-form-required{color:#D0B3A4;}
:is(#boxzilla-5066,#boxzilla-8026) .form-columns-2 .hs-form-field:first-child .input{margin-right:20px !important;}

/* reCAPTCHA badge hidden off-screen (still functional) — same as Daybreak.
   The legal notice below is injected by the script and replaces the badge. */
:is(#boxzilla-5066,#boxzilla-8026) .hs_recaptcha{
  position:absolute !important;left:-9999px !important;top:0;
  height:0 !important;overflow:hidden !important;
}

/* Submit */
:is(#boxzilla-5066,#boxzilla-8026) .hs-submit{text-align:center;margin-top:6px;}
:is(#boxzilla-5066,#boxzilla-8026) .hs-submit .actions{display:inline-block;position:relative;overflow:hidden;border-radius:12px;padding:0;}
:is(#boxzilla-5066,#boxzilla-8026) .hs-button{
  background:#0B0D0B !important;color:#F7EEDC !important;border:none !important;
  border-radius:12px !important;padding:17px 48px !important;font-size:13px !important;
  font-weight:400 !important;letter-spacing:.16em !important;text-transform:uppercase;
  cursor:pointer;width:auto !important;
  font-family:'Kontrapunkt Miki',Helvetica,sans-serif !important;
}
:is(#boxzilla-5066,#boxzilla-8026) .hs-button:hover{background:#161816 !important;color:#FFF8E8 !important;}

/* Injected legal line */
:is(#boxzilla-5066,#boxzilla-8026) .kiln-legal{
  text-align:center;font-size:11px;line-height:1.65;margin:22px auto 0;max-width:470px;
  color:rgba(254,246,242,.45);font-family:'Kontrapunkt Miki',Helvetica,sans-serif;
}
:is(#boxzilla-5066,#boxzilla-8026) .kiln-legal a{color:rgba(254,246,242,.72) !important;text-decoration:underline;font-weight:400 !important;}
:is(#boxzilla-5066,#boxzilla-8026) .kiln-legal a:after,:is(#boxzilla-5066,#boxzilla-8026) .kiln-legal a:before{content:none !important;display:none !important;}

@media (max-width:640px){
  :is(#boxzilla-5066,#boxzilla-8026){padding:34px 20px 28px !important;}
  :is(#boxzilla-5066,#boxzilla-8026) h3{font-size:26px !important;}
  :is(#boxzilla-5066,#boxzilla-8026) h6,:is(#boxzilla-5066,#boxzilla-8026) h6.p1{font-size:14px !important;margin-bottom:24px !important;}
  :is(#boxzilla-5066,#boxzilla-8026) .form-columns-2 .hs-form-field{width:100% !important;float:none !important;}
  :is(#boxzilla-5066,#boxzilla-8026) .form-columns-2 .hs-form-field:first-child .input{margin-right:0 !important;}
  :is(#boxzilla-5066,#boxzilla-8026) .hs-button{padding:16px 38px !important;}
}

/* ------------------------------------------------------------------
   #boxzilla-8026 only (Inquire – Event Space).
   That form is one of HubSpot's newer iframe-embedded forms, so the
   site cannot restyle its fields from the outside the way it can the
   waitlist form. It keeps HubSpot's own light theme, so we give it a
   cream card to sit on — legible against the forest panel while the
   heading, subhead, legal line, radius, shadow and width stay
   identical to the waitlist popup. The panel also scrolls internally
   because this form is taller than the waitlist form.
   ------------------------------------------------------------------ */
#boxzilla-8026 .hbspt-form{
  background:#FBF6F0;border-radius:12px;padding:24px 22px 10px;margin-top:22px;
}
#boxzilla-8026{
  position:fixed !important;top:50% !important;left:50% !important;
  transform:translate(-50%,-50%) !important;margin-top:0 !important;
  max-height:calc(100vh - 40px) !important;overflow:hidden !important;
}
#boxzilla-8026 .boxzilla-content{
  max-height:calc(100vh - 126px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(254,246,242,.28) transparent;
}
#boxzilla-8026 .boxzilla-content::-webkit-scrollbar{width:6px}
#boxzilla-8026 .boxzilla-content::-webkit-scrollbar-thumb{background:rgba(254,246,242,.28);border-radius:3px}
#boxzilla-8026 .boxzilla-content::-webkit-scrollbar-track{background:transparent}
@media (max-width:767px){
  #boxzilla-8026{position:relative !important;top:auto !important;left:auto !important;transform:none !important;margin-top:0 !important;max-height:100dvh !important;overflow-y:auto !important;padding:34px 20px 28px !important}
  #boxzilla-8026 .boxzilla-content{max-height:none;overflow:visible}
  #boxzilla-8026 .hbspt-form{padding:18px 14px 6px;margin-top:18px}
}