/* BEGIN: form-decoration-fix-preview.css */
/* Bazar Design - Legacy Decoration Fix - Preview Only */

/* Old orange dot on the form title */
.form-build:has(.bazar-form-builder.bz-ui) h3::before,
.form-build:has(.bazar-form-builder.bz-ui) h3::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Old orange dots on generated field headings */
.form-build .bazar-form-builder.bz-ui .dvFields .w-label::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Keep field titles readable */
.form-build .bazar-form-builder.bz-ui .dvFields .w-label {
    color: #243a55 !important;
    font-weight: 500 !important;
}

/* Keep required indicators distinct from decorative dots */
.form-build .bazar-form-builder.bz-ui .dvFields .FB-Rq {
    color: #dc3545 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* END: form-decoration-fix-preview.css */

/* BEGIN: form-polish-preview.css */
/* Bazar Design - Form Builder Polish Preview */

/* Remove old decorative orange separators */
.bazar-form-builder.bz-ui .dvFields hr {
    border: 0 !important;
    border-top: 1px solid #e7edf4 !important;
    background: transparent !important;
}

/* Keep field headings clean */
.bazar-form-builder.bz-ui .dvFields .w-label {
    display: inline-block;
    color: #243a55 !important;
    font-weight: 500 !important;
    line-height: 1.8;
}

/* Required markers only */
.bazar-form-builder.bz-ui .dvFields .FB-Rq {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 3px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #dc3545 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
}

/* Prevent oversized decorative pseudo-elements on required markers */
.bazar-form-builder.bz-ui .dvFields .FB-Rq::before,
.bazar-form-builder.bz-ui .dvFields .FB-Rq::after {
    content: none !important;
    display: none !important;
}

/* Improve textarea sizing */
.bazar-form-builder.bz-ui .dvFields textarea.form-control {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 115px !important;
    resize: vertical;
}

/* Better spacing between generated sections */
.bazar-form-builder.bz-ui .dvFields .form-group {
    margin-bottom: 20px;
}

/* Better responsive file uploads */
@media (max-width: 767px) {
    .bazar-form-builder.bz-ui .dvFields input[type="file"] {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 12px;
    }

    .bazar-form-builder.bz-ui .dvFields textarea.form-control {
        min-height: 100px !important;
    }
}
/* END: form-polish-preview.css */

/* BEGIN: form-radio-columns-preview.css */
/* Bazar Form Builder - Long Radio Groups Preview */

/* Only radio groups with at least 8 options */
@supports selector(.radio-wrapper:has(input[type="radio"])) {
  @media (min-width: 1100px) {
    .bazar-form-builder.bz-ui .dvFields
    .radio-wrapper:has(input[type="radio"]:nth-of-type(8)) {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important;
      column-count: 3;
      column-gap: 28px;
      padding: 16px 0 !important;
    }
  }

  @media (min-width: 768px) and (max-width: 1099px) {
    .bazar-form-builder.bz-ui .dvFields
    .radio-wrapper:has(input[type="radio"]:nth-of-type(8)) {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important;
      column-count: 2;
      column-gap: 20px;
      padding: 12px 0 !important;
    }
  }
}

/* Keep each label and radio aligned */
.bazar-form-builder.bz-ui .dvFields .radio-wrapper label {
  break-inside: avoid;
  page-break-inside: avoid;
}

@media (max-width: 767px) {
  .bazar-form-builder.bz-ui .dvFields .radio-wrapper {
    column-count: 1;
  }
}
/* END: form-radio-columns-preview.css */

/* BEGIN: form-layout-preview.css */
/* Bazar Form Layout - Preview Only */

.bazar-form-builder.bz-ui .dvFields {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.bazar-form-builder.bz-ui .dvFields .form-group {
  min-width: 0;
  margin-bottom: 18px;
}

.bazar-form-builder.bz-ui .dvFields input.form-control,
.bazar-form-builder.bz-ui .dvFields select.form-control,
.bazar-form-builder.bz-ui .dvFields textarea.form-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.bazar-form-builder.bz-ui .dvFields textarea {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 110px;
}

.bazar-form-builder.bz-ui .dvFields .radio-wrapper,
.bazar-form-builder.bz-ui .dvFields .radio-inline-wrapper,
.bazar-form-builder.bz-ui .dvFields .checkbox-wrapper,
.bazar-form-builder.bz-ui .dvFields .checkbox-inline-wrapper {
  width: 100%;
  max-width: 100%;
}

.bazar-form-builder.bz-ui .dvFields .radio-wrapper label,
.bazar-form-builder.bz-ui .dvFields .radio-inline-wrapper label,
.bazar-form-builder.bz-ui .dvFields .checkbox-wrapper label,
.bazar-form-builder.bz-ui .dvFields .checkbox-inline-wrapper label {
  color: #243a55 !important;
  font-weight: 400;
  line-height: 1.9;
}

.bazar-form-builder.bz-ui .dvFields .radio-wrapper p,
.bazar-form-builder.bz-ui .dvFields .checkbox-wrapper p {
  margin-bottom: 8px;
}

.bazar-form-builder.bz-ui .dvFields input[type="file"] {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  background: #f8fafc !important;
  border: 1px dashed #b9cadb;
  border-radius: 10px;
}

.bazar-form-builder.bz-ui .dvFields input[type="file"]::file-selector-button {
  padding: 8px 14px;
  margin-left: 12px;
  border: 0;
  border-radius: 8px;
  background: #e7f0fa;
  color: #15558c;
  font-family: inherit;
  cursor: pointer;
}

.bazar-form-builder.bz-ui .dvFields input[type="file"]::file-selector-button:hover {
  background: #d8e9f8;
}

.bazar-form-builder.bz-ui .dvFields .form-group,
.bazar-form-builder.bz-ui .dvFields .row {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .bazar-form-builder.bz-ui .dvFields .form-group,
  .bazar-form-builder.bz-ui .dvFields [class*="col-md-"],
  .bazar-form-builder.bz-ui .dvFields [class*="col-sm-"] {
    max-width: 100%;
  }

  .bazar-form-builder.bz-ui .dvFields input[type="file"] {
    font-size: 13px;
  }
}
/* END: form-layout-preview.css */

/* BEGIN: form-shell-preview.css */
/* Bazar Design - Form preview shell only */

body:has(.form-build .bazar-form-builder.bz-ui) .form-build {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 32px !important;
    border-radius: 0 !important;
}

body:has(.form-build .bazar-form-builder.bz-ui) .form-build .main {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e3e9f2 !important;
    box-shadow: 0 12px 32px rgba(25, 47, 79, 0.06) !important;
    color: #17345a !important;
}

body:has(.form-build .bazar-form-builder.bz-ui) .form-build .bazar-form-builder.bz-ui {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 24px !important;
    border-radius: 18px !important;
}

@media (max-width: 767px) {
    body:has(.form-build .bazar-form-builder.bz-ui) .form-build .bazar-form-builder.bz-ui {
        padding: 16px !important;
        border-radius: 12px !important;
    }
}
/* END: form-shell-preview.css */

/* BEGIN: form-builder-preview.css */
/* Bazar Form Builder - Preview Only */

.bazar-form-builder.bz-ui {
  direction: rtl !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-width: 0 !important;
  margin: 24px auto !important;
  padding: 30px !important;
  background: #ffffff !important;
  color: #203047 !important;
  border: 1px solid #dce5ef !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(25, 45, 70, .06) !important;
  font-family: Vazirmatn, Tahoma, sans-serif !important;
}

.bazar-form-builder.bz-ui *,
.bazar-form-builder.bz-ui *::before,
.bazar-form-builder.bz-ui *::after {
  box-sizing: border-box;
}

.bazar-form-builder.bz-ui .FormTitle {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 16px;
  background: transparent !important;
  color: #17365a !important;
  border-bottom: 1px solid #e5ebf2;
  font-size: 24px;
  font-weight: 750;
}

.bazar-form-builder.bz-ui .FormDesc {
  color: #52657a !important;
  background: transparent !important;
  line-height: 2;
}

.bazar-form-builder.bz-ui .dvFields {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #203047 !important;
}

.bazar-form-builder.bz-ui .dvFields .row,
.bazar-form-builder.bz-ui .dvFields .form-group {
  background: transparent !important;
  color: #203047 !important;
}

.bazar-form-builder.bz-ui .dvFields label,
.bazar-form-builder.bz-ui .dvFields p,
.bazar-form-builder.bz-ui .dvFields span {
  color: #273a52;
  line-height: 1.9;
}

.bazar-form-builder.bz-ui .dvFields input[type="text"],
.bazar-form-builder.bz-ui .dvFields input[type="email"],
.bazar-form-builder.bz-ui .dvFields input[type="tel"],
.bazar-form-builder.bz-ui .dvFields input[type="number"],
.bazar-form-builder.bz-ui .dvFields input[type="password"],
.bazar-form-builder.bz-ui .dvFields select,
.bazar-form-builder.bz-ui .dvFields textarea {
  max-width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  background: #ffffff !important;
  color: #203047 !important;
  border: 1px solid #ccd8e5 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-family: inherit;
}

.bazar-form-builder.bz-ui .dvFields input:focus,
.bazar-form-builder.bz-ui .dvFields select:focus,
.bazar-form-builder.bz-ui .dvFields textarea:focus {
  outline: none;
  border-color: #2675bb !important;
  box-shadow: 0 0 0 3px rgba(38,117,187,.12) !important;
}

.bazar-form-builder.bz-ui .dvFields textarea {
  min-height: 100px;
  resize: vertical;
}

.bazar-form-builder.bz-ui .dvFields input[type="radio"],
.bazar-form-builder.bz-ui .dvFields input[type="checkbox"] {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  margin: 0 4px;
  vertical-align: middle;
  accent-color: #1769b3;
}

.bazar-form-builder.bz-ui .radio-wrapper,
.bazar-form-builder.bz-ui .radio-inline-wrapper,
.bazar-form-builder.bz-ui .checkbox-wrapper,
.bazar-form-builder.bz-ui .checkbox-inline-wrapper {
  background: transparent !important;
  color: #203047 !important;
}

.bazar-form-builder.bz-ui .dvFields input[type="file"] {
  max-width: 100%;
  color: #203047 !important;
}

.bazar-form-builder.bz-ui .formbtn {
  clear: both;
  padding: 20px 0 0;
  background: transparent !important;
}

.bazar-form-builder.bz-ui .formbtn .btn {
  min-height: 46px;
  min-width: 130px;
  border-radius: 10px;
  background: #1769b3 !important;
  border-color: #1769b3 !important;
  color: #ffffff !important;
  font-weight: 700;
}

.bazar-form-builder.bz-ui .formbtn .btn:hover {
  background: #12548f !important;
  border-color: #12548f !important;
}

@media (max-width: 767px) {
  .bazar-form-builder.bz-ui {
    padding: 18px !important;
    margin: 12px auto !important;
    border-radius: 14px !important;
  }

  .bazar-form-builder.bz-ui .FormTitle {
    font-size: 20px;
  }

  .bazar-form-builder.bz-ui .dvFields input[type="text"],
  .bazar-form-builder.bz-ui .dvFields input[type="email"],
  .bazar-form-builder.bz-ui .dvFields input[type="tel"],
  .bazar-form-builder.bz-ui .dvFields input[type="number"],
  .bazar-form-builder.bz-ui .dvFields select,
  .bazar-form-builder.bz-ui .dvFields textarea {
    width: 100% !important;
  }
}
/* END: form-builder-preview.css */


/* BAZAR-MOBILE-RADIO-INLINE-V1 */
@media (max-width: 767px) {

  .bazar-form-builder.bz-ui .radio-wrapper input[type="radio"],
  .bz-ui .bazar-form-builder .radio-wrapper input[type="radio"] {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 0 0 7px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    float: none !important;
  }

  .bazar-form-builder.bz-ui .radio-wrapper label,
  .bz-ui .bazar-form-builder .radio-wrapper label {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    line-height: 28px !important;
    float: none !important;
  }

  .bazar-form-builder.bz-ui .radio-wrapper br,
  .bz-ui .bazar-form-builder .radio-wrapper br {
    display: block;
    content: "";
    margin-bottom: 5px;
  }

}
/* END BAZAR-MOBILE-RADIO-INLINE-V1 */