/* Cloudflare Turnstile form protection.
   The widget is intentionally rendered as its own centered card, with the submit
   button/action row following underneath. */
.pitis-turnstile-wrap{
  width:100%;
  margin:16px auto 14px;
  display:flex;
  justify-content:center;
  align-items:center;
  clear:both;
}

.pitis-turnstile-card{
  width:min(100%, 430px);
  margin:0 auto;
  padding:15px 16px 13px;
  border:1px solid #dbe7f4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}

.pitis-turnstile-widget-box{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:65px;
  overflow:hidden;
}

.pitis-turnstile-widget{
  min-height:65px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
}

.pitis-turnstile-widget iframe,
.pitis-turnstile-widget-box iframe{
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.pitis-turnstile-note{
  width:100%;
  color:#64748b;
  font-size:12px;
  line-height:1.35;
  text-align:center;
}

/* Keep the first submit/action row below the Turnstile card. */
.pitis-turnstile-wrap + div,
.pitis-turnstile-wrap + p,
.pitis-turnstile-wrap + button,
.pitis-turnstile-wrap + input[type="submit"]{
  margin-top:10px;
}

.auth-card .pitis-turnstile-wrap + div[style*="display:flex"],
.auth-card .pitis-turnstile-wrap + div[style*="display: flex"],
.auth-card .pitis-turnstile-wrap + p,
.auth-card .pitis-turnstile-wrap + .form-actions,
.auth-card .pitis-turnstile-wrap + .auth-actions{
  justify-content:center !important;
  flex-wrap:wrap;
}

.auth-card .pitis-turnstile-wrap + div[style*="display:flex"] .btn,
.auth-card .pitis-turnstile-wrap + div[style*="display: flex"] .btn{
  min-width:120px;
}

.licence-public-shell .pitis-turnstile-card,
.auth-card .pitis-turnstile-card,
.public-portal .pitis-turnstile-card{
  border-color:#dce6f2;
  box-shadow:0 10px 26px rgba(15,23,42,.065);
}

@media(max-width:640px){
  .pitis-turnstile-wrap{
    margin:12px auto;
  }
  .pitis-turnstile-card{
    width:100%;
    padding:12px 10px;
    border-radius:14px;
  }
  .pitis-turnstile-widget-box{
    overflow-x:auto;
    justify-content:center;
  }
}