/* Vendor Registration */
#dokan-vendor-register {
  padding: 0 !important;
  border: 0 !important;
  height: 100% !important;
  display: flex;
  flex-wrap: wrap;
  gap: 35px 27px;
  .clear {
    display: none;
  }
  > div {
    flex: 0 0 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    > h4,
    > p {
      display: none;
    }
    > .dokan-form-group {
      &:not(:last-child) {
        margin-bottom: 35px !important;
      }
      &:last-child {
        margin-bottom: 0 !important;
      }
    }
  }
  .split-row {
    flex: 0 0 100%;
    display: flex;
    gap: 20px;
    > p {
      display: block !important;
    }
  }
  .form-row {
    margin-bottom: 0px;
    float: unset;
    width: 100%;
    position: relative;
    label {
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 16px;
      line-height: 100%;
      color: var(--grey);
      margin-bottom: 8px;
      padding: 0;
    }
    span.woo-error {
      display: block;
      font-family: var(--font-myriad);
      font-weight: 400;
      font-size: 14px !important;
      line-height: 100%;
      color: #ca1919 !important;
      margin-top: 8px;
    }
    input,
    select {
      border: 1px solid #e5e5e5;
      background-color: var(--white);
      padding-top: 0;
      padding-bottom: 0;
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 16px;
      line-height: 100%;
      color: var(--grey);
    }
    select {
      appearance: none;
      background-image: url(/wp-content/uploads/2026/05/keyboard_control_key.png);
      background-position: 85% center;
      background-repeat: no-repeat;
    }
    .show-password-input {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 25px;
      inset-inline-end: 0;
      width: var(--wd-form-height);
      height: var(--wd-form-height);
      cursor: pointer;
      font-size: 16px;
      color: var(--color-gray-600);
      transition: all 0.25s ease;
      padding: 0 !important;
      border: none !important;
      background: none !important;
      box-shadow: none !important;
      min-height: unset !important;
    }
    .show-password-input:before {
      font-family: "woodmart-font";
      content: "\f11a";
      color: var(--grey);
      font-size: 24px;
      top: 0px;
      position: relative;
      font-weight: 100;
    }
    .show-password-input.display-password:before {
      content: "\f11b";
      font-weight: 100;
    }
    &.user-role.vendor-customer-registration {
      display: none;
    }
  }
  span.woo-recaptcha-error {
    order: 99;
    width: 100%;
    display: block;
    font-family: var(--font-myriad);
    font-weight: 400;
    font-size: 14px !important;
    line-height: 100%;
    color: #ca1919 !important;
  }
  .dokan-form-group {
    position: relative;
    .dokan-label,
    label {
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 16px;
      line-height: 100%;
      color: var(--grey);
      margin-bottom: 8px;
      padding: 0;
    }
    label + select,
    label + input {
      margin-top: 8px;
    }
    input[type="file"]::-webkit-file-upload-button {
      float: right;
      cursor: pointer;
      border: 1px solid #e5e5e5;
      background-color: transparent;
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 16px;
      line-height: 100%;
      color: var(--grey);
      width: 99px;
      height: 30px;
      margin-top: -9px;
    }
    input[type="file"].file-uploaded::-webkit-file-upload-button {
      display: none;
    }
    input,
    select {
      border: 1px solid #e5e5e5 !important;
      background-color: var(--white) !important;
      padding-top: 0 !important;
      padding-bottom: 0;
      padding-left: 14px !important;
      height: 42px;
      border-radius: 0 !important;
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 16px;
      line-height: 100%;
      color: var(--grey);
    }
    input[type="file"] {
      padding-top: 14px !important;
      padding-bottom: 0;
      padding-left: 14px !important;
      white-space: normal;
    }
    .delete-file-upload {
      position: absolute;
      top: 37px;
      right: 10px;
      z-index: 1;
      cursor: pointer;
      display: none;
      &.active {
        display: block;
      }
    }
  }
  .g-recaptcha {
    order: 98;
  }
  > .form-row:last-child {
    text-align: center;
    width: 125px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    order: 100;
    .woocommerce-button {
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 24px;
      line-height: 22px;
      letter-spacing: 0px;
      color: var(--grey);
      background: transparent !important;
      justify-content: center;
      box-shadow: 0 0 0;
      border: 0;
      padding: 0 0px 0 0;
      text-transform: capitalize;
      position: relative !important;
      width: auto;
      min-height: 100% !important;
      &:hover {
        color: var(--brown);
      }
    }
    &::after {
      content: "";
      display: block;
      position: absolute;
      top: 8px;
      right: 3px;
      width: 10px;
      height: 18px;
      background: url(/wp-content/uploads/2026/03/slider-arrow-pre.svg-5.svg)
        no-repeat;
    }
    &:hover {
      color: var(--brown);
      background-color: transparent !important;
      box-shadow: 0 0 0;
      &::after {
        background: url(/wp-content/uploads/2026/04/slider-arrow-pre.svg-6.svg)
          no-repeat;
      }
    }
  }
  .woocommerce-privacy-policy-text {
    margin-bottom: 0 !important;
    p {
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 14px !important;
      line-height: 20px !important;
      color: #637083 !important;
      margin-top: 0 !important;
      a {
        color: var(--grey);
        font: inherit;
        &:hover {
          color: var(--brown);
        }
      }
    }
  }
}

.noha-vendor-login-form {
  .elementor-login {
    padding: 0 !important;
    border: 0 !important;
    height: 100% !important;
    .elementor-field-group {
      margin-bottom: 30px;
      label {
        font-family: var(--font-myriad);
        font-weight: 300;
        font-size: 16px;
        line-height: 100%;
        color: var(--grey);
        margin-bottom: 8px;
      }
      input,
      select {
        border: 1px solid #e5e5e5 !important;
        background-color: var(--white) !important;
        padding-top: 0;
        padding-bottom: 0;
        font-family: var(--font-myriad);
        font-weight: 300;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0px;
        color: var(--grey);
      }
      .show-password-input:before {
        color: var(--grey);
        font-size: 24px;
        top: 0px;
        position: relative;
        font-weight: 100;
      }
    }
    .elementor-field-type-submit {
      margin-bottom: 0;
      text-align: center;
      .elementor-button {
        font-family: var(--font-myriad);
        font-weight: 300;
        font-size: 24px;
        line-height: 22px;
        letter-spacing: 0px;
        color: var(--grey);
        background: transparent !important;
        justify-content: center;
        box-shadow: 0 0 0;
        border: 0;
        padding: 0 17px 0 0;
        text-transform: capitalize;
        position: relative;
        width: auto;
        min-height: 100% !important;
        &::after {
          content: "";
          display: block;
          position: absolute;
          top: 3px;
          right: 0px;
          width: 10px;
          height: 18px;
          background: url(/wp-content/uploads/2026/03/slider-arrow-pre.svg-5.svg)
            no-repeat;
        }
        &:hover {
          color: var(--brown);
          background-color: transparent !important;
          box-shadow: 0 0 0;
          &::after {
            background: url(/wp-content/uploads/2026/04/slider-arrow-pre.svg-6.svg)
              no-repeat;
          }
        }
      }
    }
    .login-form-footer {
      justify-content: end;
      .lost_password {
        font-family: var(--font-skia);
        font-weight: 200;
        font-size: 16px;
        line-height: 100%;
        color: var(--grey);
      }
      .woocommerce-form-login__rememberme {
        display: none !important;
      }
    }
    .woocommerce-privacy-policy-text {
      p {
        font-family: var(--font-myriad);
        font-weight: 300;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #637083 !important;
        margin-top: 0 !important;
        a {
          color: var(--grey);
          font: inherit;
          &:hover {
            color: var(--brown);
          }
        }
      }
    }
    p:last-child {
      text-align: right !important;
      font-family: var(--font-myriad);
      font-weight: 300;
      font-size: 14px !important;
      line-height: 20px !important;
      color: #637083;
      a {
        color: var(--grey);
        font: inherit;
        &:hover {
          color: var(--brown);
        }
      }
    }
  }
}
/* .noha-vendor-register-form {
  .woocommerce-error {
    display: none;
  }
} */

/* Vendor Dashboard */
.dokan-dashboard-content {
  .entry-title {
    font-family: var(--font-myriad);
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    color: var(--grey);
  }
  .dashboard-content-area {
    .dokan-panel-body {
      .dokan-progress-bar {
        background-color: var(--brown);
      }
      .dokan-alert {
        background-color: var(--brown);
        border: 1px solid var(--brown);
        font-family: var(--font-myriad);
        color: var(--white);
        a {
          color: inherit;
          &:hover {
            color: var(--grey);
          }
        }
      }
    }
  }
  .dokan-orders-area {
    .dokan-form-inline {
      .dokan-table {
        tbody {
          .dokan-label {
            background-color: var(--brown);
          }
          .dokan-order-date abbr {
            font-family: var(--font-myriad);
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            color: var(--grey);
          }
        }
      }
    }
  }
  .dokan-product-listing-area {
    .dokan-form-inline {
      .dokan-table {
        tbody {
          .dokan-label {
            background-color: var(--brown);
            &.dokan-label-default {
              background-color: var(--brown2);
            }
          }
          .post-date *,
          mark {
            font-family: var(--font-myriad);
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            color: var(--grey);
          }
          del,
          ins {
            font-family: var(--font-myriad);
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
          }
          del {
            color: var(--brown2);
          }
          ins {
            color: var(--brown);
          }
          .woocommerce-Price-amount.amount {
            font-family: var(--font-myriad);
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            color: var(--brown);
          }
        }
      }
    }
  }
  .edit-account {
    > fieldset {
      padding-left: 0;
      padding-right: 0;
      margin-left: 0;
      margin-right: 0;
      legend {
        padding: 0;
      }
      .form-row {
        position: relative;
        .show-password-input {
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          top: 47px;
          inset-inline-end: 0;
          width: var(--wd-form-height);
          height: var(--wd-form-height);
          cursor: pointer;
          font-size: 16px;
          color: var(--color-gray-600);
          transition: all 0.25s ease;
          padding: 0 !important;
          border: none !important;
          background: none !important;
          box-shadow: none !important;
          min-height: unset !important;
        }
        .show-password-input:before {
          font-family: "woodmart-font";
          content: "\f11a";
          color: var(--grey);
          font-size: 24px;
          top: 0px;
          position: relative;
          font-weight: 100;
        }
        .show-password-input.display-password:before {
          content: "\f11b";
          font-weight: 100;
        }
      }
    }
  }
}
.dokan-dashboard {
  .media-modal {
    h1 {
      font-family: var(--font-skia);
      font-size: 32px;
      font-weight: 300;
      line-height: normal;
      color: var(--grey);
      margin: 12px 0 12px;
      text-transform: capitalize;
    }
    h2 {
      font-family: var(--font-skia);
      font-size: 30px;
      font-weight: 300;
      line-height: normal;
      color: var(--grey);
      margin: 12px 0 12px;
      text-transform: capitalize;
    }
    h3 {
      font-family: var(--font-skia);
      font-size: 28px;
      font-weight: 300;
      line-height: normal;
      color: var(--grey);
      margin: 0;
      text-transform: capitalize;
    }
    h4 {
      font-family: var(--font-skia);
      font-size: 26px;
      font-weight: 300;
      line-height: normal;
      color: var(--grey);
      margin: 0;
      text-transform: capitalize;
    }
    h5 {
      font-family: var(--font-skia);
      font-size: 24px;
      font-weight: 300;
      line-height: normal;
      color: var(--grey);
      margin: 0;
      text-transform: capitalize;
    }
    .has-load-more {
      .media-toolbar-secondary {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        .media-attachments-filter-heading {
          margin: 0;
          height: unset;
          font-size: 24px;
          position: relative;
          top: 0;
          left: 0;
        }
        #media-attachment-date-filters {
          margin: 0;
          height: 40px;
        }
      }
    }
  }
}

/* Visit store inside user / vendor dashboard */
#main-content {
  .dokan-store-wrap {
    width: 100%;
    max-width: 1330px;
    padding: 0 20px;
    margin: 50px auto;
    .dokan-store-sidebar {
      flex: 0 0 33%;
      .dokan-widget-area {
        .dokan-store-widget {
          .widget-title {
            font-family: var(--font-skia);
            font-size: 32px;
            font-weight: 300;
            line-height: 54px;
            color: var(--grey);
            margin: 0;
          }
          .store-cat-stack-dokan {
            .parent-cat-wrap {
              a {
                font-family: var(--font-myriad);
                font-weight: 400;
                font-size: 18px;
                line-height: 100%;
                color: var(--grey2);
                &:hover {
                  color: var(--brown);
                }
              }
            }
          }
          .seller-form {
            margin-top: 20px;
            .dokan-form-group {
              margin-bottom: 20px;
              input,
              textarea,
              select {
                border: 1px solid #e5e5e5;
                resize: none;
                font-family: var(--font-myriad);
                font-weight: 300;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0px;
                color: var(--grey);
                &::placeholder {
                  font: inherit;
                  color: inherit;
                }
              }
              .error {
                font-size: 14px;
                line-height: 100%;
                font-family: var(--font-myriad);
                font-weight: 300;
              }
              input {
                height: 42px;
              }
              textarea {
                height: 120px;
                min-height: 100%;
              }
            }
            .dokan-privacy-policy-text p {
              font-family: var(--font-myriad);
              font-weight: 400;
              font-size: 16px;
              line-height: normal;
              color: var(--grey2);
              margin: 20px 0;
              a {
                text-decoration: underline;
                text-underline-offset: 2px;
                color: var(--brown);
                &:hover {
                  color: var(--grey);
                }
              }
            }
            input[type="submit"] {
              font-family: var(--font-myriad);
              font-weight: 400;
              font-size: 16px;
              line-height: 100%;
              color: var(--white);
              background-color: var(--brown);
              text-transform: capitalize;
              border: none;
              box-shadow: 0 0 0;
              height: 42px;
              width: 100%;
              cursor: pointer;
              &:hover {
                background-color: var(--grey);
              }
            }
          }
        }
      }
    }
    .dokan-single-store {
      .dokan-profile-frame-wrapper {
        .profile-frame {
          .profile-info-box {
            .profile-info-summery-wrapper {
              .profile-info-summery {
                background-color: #a49483c7;
                font-family: var(--font-myriad);
                .profile-info {
                  .dokan-store-info {
                    padding: 0;
                    li {
                      position: relative;
                      padding-left: 30px;
                      cursor: default;
                      font-family: var(--font-myriad);
                      font-weight: 400;
                      font-size: 16px;
                      line-height: 100%;
                      span {
                        cursor: default;
                        font: inherit;
                      }
                      a {
                        color: var(--white);
                        font: inherit;
                        &:hover {
                          text-decoration: underline;
                          text-underline-offset: 4px;
                        }
                      }
                      &:not(:last-child) {
                        margin-bottom: 15px;
                      }
                      i {
                        margin-left: 0;
                        margin-top: 0;
                        position: absolute;
                        top: 0;
                        left: 0;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .dokan-store-tabs {
          .dokan-modules-button {
            justify-content: flex-start;
            flex-direction: unset;
            padding: 16px 0;
            .dokan-share-btn {
              font-family: var(--font-myriad);
              font-weight: 400;
              font-size: 16px;
              line-height: 100%;
              color: var(--white);
              background-color: var(--brown);
              text-transform: capitalize;
              border: none;
              box-shadow: 0 0 0;
              height: 42px;
              width: 100%;
              max-width: 150px;
              margin: 0;
              cursor: pointer;
              &:hover {
                background-color: var(--grey);
              }
            }
          }
          .dokan-list-inline {
            li {
              margin-right: 0;
              a {
                padding: 16px;
                font-size: 16px;
                line-height: 100%;
                font-family: var(--font-skia);
                &:hover {
                  background: var(--brown);
                  color: var(--white);
                }
              }
            }
          }
        }
      }
      .dokan-store-products-filter-area {
        .dokan-store-products-ordeby {
          input[type="text"],
          select {
            border: 1px solid #e5e5e5;
            resize: none;
            font-family: var(--font-myriad);
            font-weight: 300;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0px;
            color: var(--grey);
            height: 42px;
            &::placeholder {
              font: inherit;
              color: inherit;
            }
          }
          select {
            cursor: pointer;
          }
          input[type="submit"] {
            font-family: var(--font-myriad);
            font-weight: 400;
            font-size: 16px;
            line-height: 100%;
            color: var(--white);
            background-color: var(--brown);
            text-transform: capitalize;
            border: none;
            box-shadow: 0 0 0;
            height: 42px;
            cursor: pointer;
            &:hover {
              background-color: var(--grey);
            }
          }
        }
      }
    }
  }
}