/* Keep the Find.je Elementor header full width when sticky */
.elementor-location-header {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    z-index: 9999;
}

.elementor-location-header .elementor-sticky--active {
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Prevent the navigation from collapsing when sticky */
.elementor-location-header .elementor-nav-menu--main {
    width: auto !important;
}
/* ==========================================================
   FIND.JE — CUSTOM DIRECTORIST SINGLE BUSINESS PAGE
   ========================================================== */


/* ---------- 1. MAIN PAGE WIDTH ---------- */

.single-at_biz_dir .directorist-single {
    padding: 35px 25px 70px !important;
}

.single-at_biz_dir .directorist-single-contents-area {
    max-width: 1450px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.single-at_biz_dir .directorist-container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ---------- 2. MAIN TWO-COLUMN LAYOUT ---------- */

.single-at_biz_dir .directorist-single-wrapper {
    display: grid !important;

    /* Main content | sidebar */
    grid-template-columns: minmax(0, 1.7fr) 500px !important;

    column-gap: 35px !important;
    row-gap: 22px !important;

    align-items: start !important;
}


/* ---------- 3. LISTING HEADER / IMAGE AREA ---------- */

.single-at_biz_dir .directorist-single-wrapper
> .directorist-single-listing-header {
    grid-column: 1 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    min-width: 0 !important;
}


/* ---------- 4. CONTACT CARD TOP RIGHT ---------- */

.single-at_biz_dir .directorist-single-wrapper
> .directorist-card-general-section:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    align-self: start !important;
}


/* ---------- 5. ABOUT CARD ---------- */

.single-at_biz_dir .directorist-single-wrapper
> .directorist-card-general-section:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;

    margin: 0 !important;
}


/* ---------- 6. CONTACT OWNER FORM ---------- */

.single-at_biz_dir .directorist-single-wrapper
> .directorist-card-contact-owner {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;

    margin: 0 !important;
    align-self: start !important;
}


/* ---------- 7. REVIEWS ---------- */

.single-at_biz_dir .directorist-single-wrapper
> .directorist-advanced-review {
    grid-column: 1 !important;
    grid-row: 3 !important;

    margin: 0 !important;
    align-self: start !important;
}


/* ---------- 8. GENERAL CARDS ---------- */

.single-at_biz_dir .directorist-card {
    background: #ffffff !important;

    border: 1px solid #e7eded !important;
    border-radius: 16px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.04) !important;
}


/* Card headings */

.single-at_biz_dir .directorist-card__header {
    padding: 20px 24px !important;

    background: #ffffff !important;

    border-bottom:
        1px solid #edf1f1 !important;
}


/* Card content */

.single-at_biz_dir .directorist-card__body {
    padding: 24px !important;
}


/* ---------- 9. CARD TITLES ---------- */

.single-at_biz_dir .directorist-card__header__title {
    font-family: Poppins, sans-serif !important;

    font-size: 20px !important;
    font-weight: 600 !important;

    color: #071b38 !important;
}


/* ---------- 10. HEADER TITLE ---------- */

.single-at_biz_dir .directorist-single-listing-header h1,
.single-at_biz_dir .directorist-single-listing-header h2 {
    font-family: Poppins, sans-serif !important;

    font-weight: 600 !important;

    color: #071b38 !important;
}


/* ==========================================================
   IMAGE / SLIDER
   ========================================================== */


/* Give gallery breathing room */

.single-at_biz_dir .directorist-single-listing-header {
    padding-right: 20px !important;
}


/* Images inside the listing header */

.single-at_biz_dir
.directorist-single-listing-header img {

    max-height: 360px !important;

    object-fit: contain !important;

    border-radius: 14px !important;
}


/* Try common Directorist gallery wrappers */

.single-at_biz_dir
.directorist-single-listing-header
.directorist-single-listing-slider,

.single-at_biz_dir
.directorist-single-listing-header
.directorist-gallery-slider,

.single-at_biz_dir
.directorist-single-listing-header
.directorist-listing-single__slider {

    max-width: 680px !important;

    height: 360px !important;

    margin: 25px 0 0 0 !important;

    border-radius: 16px !important;

    overflow: hidden !important;

    background: #f7f9f9 !important;
}


/* ==========================================================
   CONTACT CARD
   ========================================================== */

.single-at_biz_dir
.directorist-single-wrapper
> .directorist-card-general-section:nth-child(3)
.directorist-card__body {

    padding: 22px 28px !important;
}


/* Contact rows */

.single-at_biz_dir
.directorist-single-wrapper
> .directorist-card-general-section:nth-child(3)
.directorist-single-info {

    margin-bottom: 14px !important;
}


/* Make long email/website values behave */

.single-at_biz_dir
.directorist-single-wrapper
> .directorist-card-general-section:nth-child(3) {

    overflow-wrap: anywhere !important;
}


/* ==========================================================
   CONTACT OWNER FORM
   ========================================================== */

.single-at_biz_dir
.directorist-card-contact-owner input,

.single-at_biz_dir
.directorist-card-contact-owner textarea {

    width: 100% !important;

    border: 1px solid #dfe6e6 !important;

    border-radius: 8px !important;

    padding: 13px 14px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


.single-at_biz_dir
.directorist-card-contact-owner textarea {

    min-height: 130px !important;

    resize: vertical !important;
}


/* Submit button */

.single-at_biz_dir
.directorist-card-contact-owner button {

    border-radius: 8px !important;

    padding: 13px 24px !important;
}


/* ==========================================================
   BACK / SHARE BUTTONS
   ========================================================== */

.single-at_biz_dir
.directorist-single-listing-header .directorist-btn {

    border-radius: 8px !important;
}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .single-at_biz_dir .directorist-single-wrapper {

        grid-template-columns:
            minmax(0, 1fr) 340px !important;

        column-gap: 22px !important;
    }
}


@media (max-width: 800px) {

    .single-at_biz_dir .directorist-single {
        padding: 20px 15px 50px !important;
    }

    .single-at_biz_dir .directorist-single-wrapper {
        display: block !important;
    }

    .single-at_biz_dir
    .directorist-single-wrapper > * {

        margin-bottom: 20px !important;
    }

    .single-at_biz_dir
    .directorist-single-listing-header {

        padding-right: 0 !important;
    }

    .single-at_biz_dir
    .directorist-single-listing-header img {

        max-height: none !important;
    }
}/* FIND.JE — Align Contact card with listing image */

@media (min-width: 801px) {

    .single-at_biz_dir .directorist-single-wrapper
    > .directorist-card-general-section:nth-child(3) {
        margin-top: 240px !important;
    }
/* =========================================
   FIND.JE — SPACE ABOVE ABOUT GALLERY
   ========================================= */

/* Gallery inside About section */
.single-at_biz_dir .directorist-card-general-section
.directorist-gallery-images {
    margin-top: 35px !important;
}

/* Directorist gallery wrapper fallback */
.single-at_biz_dir .directorist-card-general-section
.directorist-listing-gallery {
    margin-top: 35px !important;
}

/* If Directorist wraps gallery in a figure/link */
.single-at_biz_dir .directorist-card-general-section
.directorist-card__body p + div {
    margin-top: 35px !important;
}
	
/* ==========================================
   FIND.JE — DIRECTORIST SEARCH NON-STICKY
   ========================================== */

/* FIND.JE — make More Filters scroll with the page */

.home .directorist-search-modal--advanced {
    position: absolute !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
}

.home .directorist-search-modal--advanced
.directorist-search-modal__contents {
    position: absolute !important;

    top: 20px !important;
    bottom: auto !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;

    max-height: none !important;
}
	/* DESKTOP: 1025px and above */
/* Your normal desktop CSS goes here */


/* TABLET / iPAD */
@media (max-width: 1024px) {

}


/* MOBILE */
@media (max-width: 767px) {

}/* =========================================
   FIND.JE — RESPONSIVE LISTING LAYOUT
   ========================================= */

/* DESKTOP */
.single-at_biz_dir .directorist-single-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1.7fr) 500px !important;
    gap: 35px !important;
}


/* TABLET / iPAD */
@media (max-width: 1024px) {

    .single-at_biz_dir .directorist-single-wrapper {
        grid-template-columns: minmax(0, 1fr) 340px !important;
        gap: 22px !important;
    }

    .single-at_biz_dir .directorist-single {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .single-at_biz_dir .directorist-single-wrapper {
        display: block !important;
    }

    .single-at_biz_dir .directorist-single-wrapper > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }

    .single-at_biz_dir .directorist-single {
        padding: 20px 15px 45px !important;
    }

    .single-at_biz_dir .directorist-card {
        border-radius: 12px !important;
    }

    .single-at_biz_dir .directorist-card__header {
        padding: 16px 18px !important;
    }

    .single-at_biz_dir .directorist-card__body {
        padding: 18px !important;
    }
}/* /* FIND.JE — TABLET: stack contact below slider */
@media (min-width: 768px) and (max-width: 1180px) {

    .single-at_biz_dir .directorist-single-wrapper {
        display: block !important;
    }

    .single-at_biz_dir .directorist-single-wrapper > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-at_biz_dir .directorist-single-wrapper
    > .directorist-card-general-section:nth-child(3) {
        margin-top: 24px !important;
    }

    #directorist-single-listing-slider-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }
}
	/* /* FIND.JE — FEATURED BUSINESS CARDS */

.home .directorist-listing-single {
    background: #fff !important;
    border: 1px solid #e8eeee !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    height: 100% !important;
}

/* Hover */
.home .directorist-listing-single:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.09) !important;
}

/* Image area */
.home .directorist-listing-single__thumb {
    width: 100% !important;
    height: 240px !important;
    overflow: hidden !important;
    background: #f6f8f8 !important;
}

/* Image itself */
.home .directorist-listing-single__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Text area */
.home .directorist-listing-single__info {
    padding: 16px 18px 18px !important;
}

/* Business name */
.home .directorist-listing-title {
    margin: 0 0 5px !important;
}

.home .directorist-listing-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0b1f3a !important;
    text-decoration: none !important;
}

/* Category */
.home .directorist-listing-category {
    font-size: 14px !important;
    color: #68747d !important;
    margin: 0 !important;
}

/* Grid spacing */
.home .directorist-row {
    row-gap: 24px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .home .directorist-listing-single__thumb {
        height: 210px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .home .directorist-listing-single__thumb {
        height: 190px !important;
    }

    .home .directorist-listing-single {
        margin-bottom: 18px !important;
    }
}