/* Single layout source baseline:
   - max-width: 760px; at >=1024px: 1120px
   - top/bottom edge gap: 22px
   - horizontal padding: 18px (base), 24px (>=782px)
   - mobile breakpoint: 781px
*/
.xgr-add-listing-layout-match {
  --xgr-single-layout-max: 760px;
  --xgr-single-layout-max-lg: 1120px;
  --xgr-single-layout-edge-gap: 22px;
  --xgr-single-layout-inline-mobile: 18px;
  --xgr-single-layout-inline-desktop: 24px;
}

/* Add listing target:
   - Main wrapper: .directorist-add-listing-wrapper / .xgr-addlisting
   - Main form block: .multistep-wizard__content (inside #directorist-add-listing-form)
*/
.xgr-add-listing-layout-match .directorist-add-listing-wrapper {
  display: block;
  width: 100%;
  margin-top: var(--xgr-single-layout-edge-gap);
  margin-bottom: var(--xgr-single-layout-edge-gap);
  flex-shrink: 0;
}

.xgr-add-listing-layout-match .directorist-add-listing-wrapper > :where(.directorist-container-fluid, .directorist-container, .container-fluid, .container) {
  width: 100%;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.xgr-add-listing-layout-match :where(.site-content, .site-main, .content-area) :where(.ast-container, .ast-container-fluid) {
  width: 100%;
  min-width: 0;
}

.xgr-add-listing-layout-match .xgr-addlisting {
  width: 100%;
  min-width: 0;
  padding-left: var(--xgr-single-layout-inline-mobile);
  padding-right: var(--xgr-single-layout-inline-mobile);
  box-sizing: border-box;
}

.xgr-add-listing-layout-match .xgr-addlisting :where(#directorist-add-listing-form, .directorist-add-listing-form, .multistep-wizard, .multistep-wizard__content, .multistep-wizard__wrapper) {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.xgr-add-listing-layout-match .xgr-addlisting :where(.multistep-wizard, .multistep-wizard__content) {
  flex-shrink: 0;
}

.xgr-add-listing-layout-match .xgr-addlisting :where(.xgr-add-listing-disclaimer, .multistep-wizard__content, .default-add-listing-bottom, #listing_notifier) {
  max-width: var(--xgr-single-layout-max);
  margin-left: auto;
  margin-right: auto;
}

.xgr-add-listing-layout-match #directorist-add-listing-form .multistep-wizard__content {
  width: 100%;
  max-width: var(--xgr-single-layout-max);
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0;
}

.xgr-add-listing-layout-match .xgr-addlisting .xgr-add-listing-disclaimer {
  margin-top: 0;
  margin-bottom: var(--xgr-single-layout-edge-gap);
}

@media (min-width: 782px) {
  .xgr-add-listing-layout-match .xgr-addlisting {
    padding-left: var(--xgr-single-layout-inline-desktop);
    padding-right: var(--xgr-single-layout-inline-desktop);
  }
}

@media (min-width: 1024px) {
  .xgr-add-listing-layout-match .xgr-addlisting :where(.xgr-add-listing-disclaimer, .multistep-wizard__content, .default-add-listing-bottom, #listing_notifier) {
    max-width: var(--xgr-single-layout-max-lg);
  }

  .xgr-add-listing-layout-match #directorist-add-listing-form .multistep-wizard__content {
    max-width: var(--xgr-single-layout-max-lg);
  }
}

@media (max-width: 781px) {
  .xgr-add-listing-layout-match .directorist-add-listing-wrapper {
    margin-top: var(--xgr-single-layout-edge-gap);
    margin-bottom: var(--xgr-single-layout-edge-gap);
  }
}

.xgr-add-listing-layout-match .xgr-addlisting-main-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.xgr-add-listing-layout-match .xgr-addlisting-main-icon svg {
  width: 24px;
  height: 24px;
  display: block;
}