/* v2.52 forms.css: extracted module styles from app.css */
input,select,textarea,button{font:inherit}

.menu-button{display:none;border:1px solid var(--line);background:var(--card);border-radius:14px;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:4px}

.menu-button span{width:20px;height:2px;background:var(--text)}

.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0 24px;min-height:48px;font-weight:950;cursor:pointer;gap:8px}

.btn-primary{background:var(--primary);color:white;box-shadow:0 16px 36px color-mix(in srgb,var(--primary) 25%,transparent)}

.btn-primary:hover{background:var(--primary2)}

.btn-secondary{background:var(--card);border:1px solid var(--line);color:var(--text)}

.btn-soft{background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary)}

.btn-danger{background:var(--danger);color:white}

.btn-sm{min-height:38px;padding:0 15px;font-size:13px}

.slider-dots button{width:12px;height:12px;border-radius:999px;border:0;background:#b8c7dd;cursor:pointer}

.slider-dots button.active{background:var(--primary);width:34px}

.form-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}

label{display:grid;gap:7px;font-weight:850;font-size:14px}

input,select,textarea{width:100%;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:16px;padding:13px 14px;outline:0}

input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}

.form-full{grid-column:1/-1}

.kiti-slider-arrows-v22 button,
.kiti-slider-dots-v22 button{
  border:1px solid var(--line);
  background:var(--card);
  color:var(--text);
  cursor:pointer;
  box-shadow:var(--shadow);
}

.kiti-slider-arrows-v22 button{
  width:42px;
  height:42px;
  border-radius:50%;
  font-size:20px;
}

.kiti-slider-dots-v22 button{
  width:12px;
  height:12px;
  border-radius:999px;
  padding:0;
}

.kiti-slider-dots-v22 button.is-active{
  width:34px;
  background:var(--primary);
  border-color:var(--primary);
}

.password-field input{
  padding-inline-end:48px;
}

.hero-dots-v23 button{
  width:12px;height:12px;border-radius:999px;border:0;background:#bdcbe0;cursor:pointer
}

.hero-dots-v23 button.active{width:34px;background:var(--primary)}

.accessibility-toolbar > button{
  border:0;
  background:var(--primary);
  color:white;
  border-radius:999px;
  padding:10px 14px;
  font-weight:950;
  box-shadow:var(--shadow);
  cursor:pointer;
}

.accessibility-panel button{
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--text);
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
  text-align:start;
}

.password-field input{padding-inline-end:48px}

/* v2.8 admin media/order/slide improvements */
.media-item form{margin-top:10px}

.actions form{margin:0}

.wide-slider-dots-v210 button{
  width:11px;
  height:11px;
  border:0;
  border-radius:999px;
  background:#b8c8e4;
  cursor:pointer;
  padding:0;
}

.wide-slider-dots-v210 button.active{
  width:34px;
  background:var(--primary);
}

.split-slider-dots-v211 button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:#b8c8e4;
  cursor:pointer;
  padding:0;
}

.split-slider-dots-v211 button.active{
  width:32px;
  background:var(--primary);
}

.auth-login-button{margin-top:22px!important}

.auth-register-button{margin-top:28px!important}

/* =========================================================
   v2.35 mobile homepage + slider polish
   ========================================================= */

/* Removed homepage section labels/kickers and tightened spacing */
.hero-split-text-v211 > .kicker,
.section-head > .kicker,
.section-head.left > .kicker{
  display:none !important;
}

.form-card .order-notice.success{
  border:1px solid color-mix(in srgb,var(--good) 45%,var(--line))!important;
}

.form-card .order-notice.error{
  border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line))!important;
}

.payment-method-card-v2327 input{width:18px;height:18px;accent-color:var(--primary)}

.payment-method-card-v2327 input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}

/* Previous module additions */
/* v2.46 forms module CSS entry point */
input,textarea,select,button{font:inherit}
