/* SS26 comment captcha: shared blog and WooCommerce review UI */
.comment-form-ss26-captcha,
.ss26-comment-form .comment-form-ss26-captcha,
.woocommerce #review_form #respond .comment-form-ss26-captcha,
.woocommerce #reviews #commentform .comment-form-ss26-captcha,
.woocommerce div.product #reviews #commentform p.comment-form-ss26-captcha{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  clear:both;
  float:none;
  flex:0 0 100%;
  grid-column:1 / -1;
}

.comment-form-ss26-captcha.ss26-comment-captcha,
.ss26-comment-form .ss26-comment-captcha,
.woocommerce #review_form #respond .ss26-comment-captcha,
.woocommerce #reviews #commentform .ss26-comment-captcha,
.woocommerce div.product #reviews #commentform p.ss26-comment-captcha{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.62rem;
  width:100%;
  max-width:none;
  margin:0 0 1rem;
  padding:1rem;
  border:1px solid rgba(37,99,235,.14);
  border-radius:1.1rem;
  background:linear-gradient(135deg,rgba(37,99,235,.055),rgba(255,255,255,.88));
  box-shadow:0 16px 38px rgba(15,23,42,.045);
}

.ss26-comment-form .ss26-comment-captcha{
  margin:0;
}

.ss26-comment-captcha-label,
.ss26-comment-form .ss26-comment-captcha-label,
.woocommerce #review_form #respond .ss26-comment-captcha-label,
.woocommerce #reviews #commentform .ss26-comment-captcha-label{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.4rem;
  width:100%;
  margin:0;
  padding:0;
  color:var(--ss26-heading,#0f172a);
  font-weight:900;
  line-height:1.6;
  text-align:start;
}

.ss26-comment-captcha-required{
  color:var(--ss26-muted,#64748b);
  font-size:.75rem;
  font-weight:800;
  opacity:.86;
}

.ss26-comment-captcha-box,
.woocommerce #review_form #respond .ss26-comment-captcha-box,
.woocommerce #reviews #commentform .ss26-comment-captcha-box{
  display:flex;
  align-items:center;
  gap:.48rem;
  width:100%;
  max-width:none;
  padding:.45rem;
  border:1px solid #dbeafe;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 12px 28px rgba(37,99,235,.08);
  direction:ltr;
}

.ss26-comment-captcha-question,
.ss26-comment-captcha-equals{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border-radius:.85rem;
  color:var(--ss26-primary,#2563eb);
  font-weight:950;
  line-height:1;
  direction:ltr;
  white-space:nowrap;
}

.ss26-comment-captcha-question{
  min-width:90px;
  padding:.35rem .72rem;
  background:#eff6ff;
}

.ss26-comment-captcha-equals{
  min-width:22px;
  padding:0 .1rem;
  color:#1e3a8a;
  font-size:1.04rem;
}

.ss26-comment-captcha input[type='text'],
.ss26-comment-captcha .ss26-comment-captcha-answer,
.woocommerce #review_form #respond .ss26-comment-captcha input[type='text'],
.woocommerce #reviews #commentform .ss26-comment-captcha input[type='text']{
  flex:1 1 160px;
  min-width:120px;
  width:auto;
  height:42px;
  min-height:42px;
  margin:0;
  text-align:center;
  direction:ltr;
  font-weight:900;
}

.ss26-comment-captcha-help,
.woocommerce #review_form #respond .ss26-comment-captcha-help,
.woocommerce #reviews #commentform .ss26-comment-captcha-help{
  display:block;
  margin:0;
  color:var(--ss26-muted,#64748b);
  line-height:1.9;
}

body.ss26-color-mode-dark .comment-form-ss26-captcha.ss26-comment-captcha,
body.ss26-color-mode-dark .ss26-comment-form .ss26-comment-captcha,
body.ss26-color-mode-dark .woocommerce #review_form #respond .ss26-comment-captcha,
body.ss26-color-mode-dark .woocommerce #reviews #commentform .ss26-comment-captcha{
  border-color:rgba(148,163,184,.2);
  background:rgba(15,23,42,.58);
  box-shadow:none;
}

body.ss26-color-mode-dark .ss26-comment-captcha-label,
body.ss26-color-mode-dark .ss26-comment-form .ss26-comment-captcha-label,
body.ss26-color-mode-dark .woocommerce #review_form #respond .ss26-comment-captcha-label,
body.ss26-color-mode-dark .woocommerce #reviews #commentform .ss26-comment-captcha-label{
  color:#f8fafc;
}

body.ss26-color-mode-dark .ss26-comment-captcha-box{
  border-color:rgba(148,163,184,.18);
  background:rgba(15,23,42,.72);
}

body.ss26-color-mode-dark .ss26-comment-captcha-question{
  background:rgba(37,99,235,.16);
}

body.ss26-color-mode-dark .ss26-comment-captcha-equals{
  color:#bfdbfe;
}

@media (max-width:575.98px){
  .comment-form-ss26-captcha.ss26-comment-captcha,
  .ss26-comment-form .ss26-comment-captcha,
  .woocommerce #review_form #respond .ss26-comment-captcha,
  .woocommerce #reviews #commentform .ss26-comment-captcha{
    padding:.9rem;
  }

  .ss26-comment-captcha-box{
    gap:.35rem;
  }

  .ss26-comment-captcha-question{
    min-width:78px;
    padding:.35rem .55rem;
    font-size:.92rem;
  }

  .ss26-comment-captcha input[type='text'],
  .ss26-comment-captcha .ss26-comment-captcha-answer{
    min-width:0;
  }
}