/**
 * TNF theme overrides
 */

/* GDPR cookie bar — keep mascot image inside its circle */
.theme_cookies {
    max-width: min(980px, calc(100vw - 2rem));
}

.theme_cookies_info .icon {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    overflow: hidden;
    border-radius: 50%;
}
@media (min-width: 992px) {
    .aoraeditor-header{
        height: 176px;
    }
}
@media (max-width: 992px) {
    #content-area,.tnf-ld-page,.tnf-ld-blog-page{
        margin-top: 53px;
    }
    .tnf-category-page{
        margin-top: 26px;
    }
    
    
}
.theme_cookies_info .icon img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 80px;
    max-height: 80px;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .theme_cookies {
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
        width: auto;
        flex-direction: column;
        align-items: stretch;
    }

    .theme_cookies_info {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

/* —— Page builder editor (/frontend/page/{id}) —— */
body.tnf-page-builder .theme_cookies,
body.tnf-page-builder .shoping_wrapper,
body.tnf-page-builder #back-top,
body.tnf-page-builder .preloader,
body.tnf-page-builder .tnf-hero-search-strip,
body.tnf-page-builder #popupContentDiv,
body.tnf-page-builder .newsletter_form_wrapper {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Full-width mega menu must not sit over the editable canvas */
body.tnf-page-builder .heading .heading-nav .heading-list.position-static > ul.tnf-mega-panel.mega_menu.submenu,
body.tnf-page-builder .heading .heading-nav .heading-list > .submenu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
}

/* Header/footer chrome is preview-only in the editor */
body.tnf-page-builder .aoraeditor-header,
body.tnf-page-builder .aoraeditor-footer {
    pointer-events: none !important;
}

body.tnf-page-builder .aoraeditor-header *,
body.tnf-page-builder .aoraeditor-footer * {
    pointer-events: none !important;
}

body.tnf-page-builder #content-area {
    position: relative;
    z-index: 1000;
    pointer-events: auto !important;
}

body.tnf-page-builder #content-area * {
    pointer-events: auto;
}

body.tnf-page-builder .tnf-ld-page-hero__bg,
body.tnf-page-builder .tnf-ld-page-hero__overlay,
body.tnf-page-builder .tnf-ld-page-hero__mesh {
    pointer-events: none !important;
}

/* CMS pages — hide legacy course sidebar / promo images if embedded in content */
body.tnf-cms-page .breadcrumb_area:not(.tnf-ld-page-hero),
.tnf-ld-cms-page .breadcrumb_area:not(.tnf-ld-page-hero) {
    display: none !important;
}

body.tnf-cms-page .courses_area .course_category_chose,
.tnf-ld-cms-page .courses_area .course_category_chose,
body.tnf-cms-page .courses_area .col-lg-4,
body.tnf-cms-page .courses_area .col-xl-3,
.tnf-ld-cms-page .courses_area .col-lg-4,
.tnf-ld-cms-page .courses_area .col-xl-3 {
    display: none !important;
}

body.tnf-cms-page .courses_area .col-lg-8,
body.tnf-cms-page .courses_area .col-xl-9,
body.tnf-cms-page .courses_area .col-lg-12,
.tnf-ld-cms-page .courses_area .col-lg-8,
.tnf-ld-cms-page .courses_area .col-xl-9,
.tnf-ld-cms-page .courses_area .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

body.tnf-cms-page .become-instructor-img,
body.tnf-cms-page .become-instructor,
body.tnf-cms-page .service_cta_area .thumb,
.tnf-ld-cms-page .become-instructor-img,
.tnf-ld-cms-page .become-instructor,
.tnf-ld-cms-page .service_cta_area .thumb {
    display: none !important;
}

/* Page builder — hide snippet HTML that leaks outside the editor modal */
body.tnf-page-builder > script[type="text/html"],
body.tnf-page-builder > .row,
body.tnf-page-builder > div[data-type="component-text"],
body.tnf-page-builder > div[data-type="container"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    visibility: hidden !important;
}