/* ==========================================================================
   TurfNet - Directorist Add Listing Page Specific Overrides
   ==========================================================================

/* ==========================================================================
   1. Page-Specific Container Overrides
   ========================================================================== */

/* Override parent theme containers for add listing page */
body.page-template-default.page.page-id-93 #genesis-content,
body[class*="add-listing"] #genesis-content {
    background: var(--community-color-background) !important;
    padding: 0 !important;
}

/* Add listing page-specific spacing adjustment */
.directorist-add-listing-wrapper {
    max-width: 1600px !important;
    margin: 0 auto !important;
}

.directorist-add-listing-form {
    max-width: 1600px !important;
}


.directorist-add-listing-wrapper .directorist-container-fluid {
    padding: 0 !important;
}

.directorist-add-listing-wrapper .multistep-wizard__nav {
    padding: 5px !important;
    margin-top: 24px;
    margin-left: 17px;
}

.directorist-add-listing-wrapper .multistep-wizard__nav__btn--finish,
.directorist-add-listing-wrapper .multistep-wizard__nav__btn {
    padding: 10px !important;
    justify-content: flex-start !important;
}

/* ==========================================================================
   2. Fix Layout Shift on Scroll - Sticky Navigation (TICKET-004)
   ==========================================================================
   Directorist's addSticky() JS switches .multistep-wizard__nav from
   position: static to position: fixed, removing it from the flex flow.
   Because the content has flex: 1 1 0% (flex-basis: 0%), the width
   property is ignored and flex-grow expands it to fill the container.

   Fix: override position: fixed → position: sticky so the nav stays in the
   flex flow and the content width never changes.  Also neutralise the
   inline padding-inline-start that the JS injects (unnecessary when the
   nav remains in flow).
   ========================================================================== */

/* Keep nav in flex flow instead of removing it with position: fixed */
.multistep-wizard__nav.sticky {
    position: sticky !important;
    top: 80px !important;
    z-index: 10 !important;
}

/* Neutralise inline padding-inline-start injected by Directorist JS */
.multistep-wizard__content {
    padding-inline-start: 0 !important;
}

/* ==========================================================================
   3. WordPress Editor Integration
   ========================================================================== */

/* WordPress editor in add listing form needs border adjustment */
#wp-listing_content-editor-container {
    border: none !important;
}