body.hbz-ds-v1.hbz-ds-forms-auth :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="search"], select, textarea):not(.mobile_field):not(.dig-mobile_field):not(.countrycode) {
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 11px 14px !important;
  color: var(--hbz-ink) !important;
  background: var(--hbz-white) !important;
  border: 1px solid #dfe1e7 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-family: var(--hbz-font) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.hbz-ds-v1.hbz-ds-forms-auth textarea {
  min-height: 150px;
  resize: vertical;
}

body.hbz-ds-v1.hbz-ds-forms-auth :where(input, select, textarea)::placeholder {
  color: #686878 !important;
  opacity: 1;
}

body.hbz-ds-v1.hbz-ds-forms-auth :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="search"], select, textarea):not(.mobile_field):not(.dig-mobile_field):not(.countrycode):focus {
  background: #fff !important;
  border-color: var(--hbz-primary) !important;
  box-shadow: 0 0 0 4px rgba(111, 99, 183, .12) !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], input[type="search"], select, textarea):not(.mobile_field):not(.dig-mobile_field):not(.countrycode):focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #4f438d !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth label {
  color: var(--hbz-ink) !important;
  font-size: .92rem !important;
  font-weight: 680 !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth :where(input[type="checkbox"], input[type="radio"]) {
  width: 20px;
  height: 20px;
  accent-color: var(--hbz-primary);
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7 {
  color: var(--hbz-ink);
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-form {
  display: grid;
  gap: 16px;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-form p {
  margin: 0 !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-not-valid {
  border-color: var(--hbz-danger) !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: var(--hbz-danger) !important;
  font-size: .84rem !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7-response-output {
  margin: 12px 0 0 !important;
  padding: 14px 16px !important;
  color: var(--hbz-ink) !important;
  background: var(--hbz-surface-2) !important;
  border: 1px solid var(--hbz-line) !important;
  border-inline-start: 4px solid var(--hbz-primary) !important;
  border-radius: 10px !important;
}

body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7 form.invalid .wpcf7-response-output,
body.hbz-ds-v1.hbz-ds-forms-auth .wpcf7 form.failed .wpcf7-response-output {
  border-inline-start-color: var(--hbz-danger) !important;
}

body.hbz-ds-v1.hbz-surface-service .page-inner > .row,
body.hbz-ds-v1.hbz-surface-service .page-inner .section-content > .row {
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  background: var(--hbz-white);
  border: 1px solid var(--hbz-line);
  border-radius: var(--hbz-radius-lg);
  box-shadow: var(--hbz-shadow-sm);
}

body.hbz-ds-v1.hbz-surface-service .page-inner > .row > .col,
body.hbz-ds-v1.hbz-surface-service .page-inner .section-content > .row > .col {
  padding: clamp(22px, 4vw, 42px) !important;
}

body.hbz-ds-v1.hbz-surface-service .page-inner > .row > .col:first-child,
body.hbz-ds-v1.hbz-surface-service .page-inner .section-content > .row > .col:first-child {
  background: var(--hbz-surface-2);
}

body.hbz-ds-v1.hbz-surface-service .col-inner.dark,
body.hbz-ds-v1.hbz-surface-service .col-inner.dark :where(h1, h2, h3, h4, p, li, a, .uppercase) {
  color: #fff !important;
}

body.hbz-ds-v1.hbz-surface-service .page-inner .social-icons a {
  color: var(--hbz-primary-strong) !important;
  background: var(--hbz-white) !important;
  border-color: var(--hbz-line) !important;
  border-radius: 10px !important;
}

body.hbz-ds-v1.hbz-page-tutorial-request iframe,
body.hbz-ds-v1.hbz-page-concrete-mix-design-request iframe {
  width: 100%;
  min-height: 620px;
  overflow: hidden;
  background: var(--hbz-surface-2);
  border: 1px solid var(--hbz-line) !important;
  border-radius: var(--hbz-radius-lg);
}

/* Digits renders a standalone document without WordPress body classes. */
#digits_protected {
  --hbz-auth-primary: #6f63b7;
  --hbz-auth-primary-strong: #6155a5;
  --hbz-auth-ink: #11172d;
  --hbz-auth-muted: #686878;
  --hbz-auth-surface: #f4f3fb;
  --hbz-auth-line: #ebecef;
  color: var(--hbz-auth-ink) !important;
  font-family: "HBZ Vazirmatn", Vazirmatn, Tahoma, Arial, sans-serif !important;
}

#digits_protected,
#digits_protected *,
#digits_protected *::before,
#digits_protected *::after {
  box-sizing: border-box;
}

#digits_protected .digits-form_page {
  display: grid !important;
  min-height: 100vh;
  padding: 32px 18px !important;
  place-items: center;
  background: linear-gradient(135deg, #fafafd 0%, #f1effa 100%) !important;
}

#digits_protected .digits-form_container {
  width: min(480px, calc(100vw - 36px)) !important;
  max-width: none !important;
  margin: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

#digits_protected .digits-form_wrapper {
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(28px, 6vw, 48px) !important;
  overflow: visible !important;
  background: #fff !important;
  border: 1px solid var(--hbz-auth-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 60px rgba(17, 23, 45, .10) !important;
}

#digits_protected .digits-form_heading {
  margin-bottom: 24px !important;
}

#digits_protected .digits-form_heading_text {
  color: var(--hbz-auth-ink) !important;
  font-family: inherit !important;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem) !important;
  font-weight: 780 !important;
  line-height: 1.45 !important;
}

#digits_protected .digits-form_tab-bar {
  background: transparent !important;
  border-bottom: 1px solid var(--hbz-auth-line) !important;
}

#digits_protected .digits-form_tab-item {
  color: var(--hbz-auth-muted) !important;
  font-family: inherit !important;
  font-weight: 670 !important;
}

#digits_protected .digits-form_tab-item.digits-tab_active {
  color: var(--hbz-auth-ink) !important;
  border-bottom: 2px solid var(--hbz-auth-primary) !important;
}

#digits_protected .digits-form_input_row {
  min-height: 54px !important;
  background: #fff !important;
  border: 1px solid #dfe1e7 !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

#digits_protected .digits-form_input_row:focus-within {
  border-color: var(--hbz-auth-primary) !important;
  box-shadow: 0 0 0 4px rgba(111, 99, 183, .12) !important;
}

#digits_protected .digits-form_input_row.digits-form_rememberme {
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#digits_protected .digits-form_input_row input {
  color: var(--hbz-auth-ink) !important;
  font-family: inherit !important;
  font-size: 1rem !important;
}

#digits_protected .digits-form_button {
  min-height: 54px !important;
  color: #fff !important;
  background: var(--hbz-auth-primary) !important;
  border: 1px solid var(--hbz-auth-primary) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-weight: 740 !important;
}

#digits_protected .digits-form_button:hover {
  background: var(--hbz-auth-primary-strong) !important;
  border-color: var(--hbz-auth-primary-strong) !important;
}

#digits_protected .digits-form_button:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #4f438d !important;
}

#digits_protected .digits-cancel:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #4f438d !important;
}

#digits_protected .digits-form_rememberme,
#digits_protected .digits-form_footer,
#digits_protected .protected_by_digits {
  color: var(--hbz-auth-muted) !important;
  font-family: inherit !important;
}

#digits_protected .digits-cancel {
  top: 22px !important;
  inset-inline-end: 22px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  color: var(--hbz-auth-primary-strong) !important;
  background-color: #fff !important;
  border: 1px solid var(--hbz-auth-line) !important;
  border-radius: 50% !important;
}

@media (max-width: 849px) {
  body.hbz-ds-v1.hbz-surface-service .page-inner > .row,
  body.hbz-ds-v1.hbz-surface-service .page-inner .section-content > .row {
    border-radius: 18px;
  }

  body.hbz-ds-v1.hbz-surface-service .page-inner > .row > .col,
  body.hbz-ds-v1.hbz-surface-service .page-inner .section-content > .row > .col {
    padding: 24px 20px !important;
  }

  body.hbz-ds-v1.hbz-page-tutorial-request iframe,
  body.hbz-ds-v1.hbz-page-concrete-mix-design-request iframe {
    min-height: 560px;
    border-radius: 18px;
  }

  #digits_protected .digits-form_page {
    padding: 18px !important;
  }

  #digits_protected .digits-form_wrapper {
    padding: 28px 22px !important;
    border-radius: 18px !important;
  }
}
