{"version":3,"sources":["../shared/_pricing.scss","admin.scss"],"names":[],"mappings":"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","file":"admin.css","sourcesContent":[".f-pricing {\n    margin: 30px auto auto;\n    padding: 80px 40px;\n    background-color: #ffffff;\n    border-radius: 8px;\n    font-family: \"Inter\", sans-serif;\n\n    // ─── Hero ────────────────────────────────────────────────────────────────\n\n    .f-pricing {\n        &__hero {\n            text-align: center;\n            margin-bottom: 80px;\n        }\n\n        &__title {\n            font-size: 30px;\n            font-weight: 600;\n            line-height: 38px;\n            color: #0f1538;\n            letter-spacing: -1.7%;\n            margin: 0 0 12px;\n        }\n\n        &__subtitle {\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 24px;\n            letter-spacing: 0%;\n            color: #7d8292;\n            margin: auto;\n            max-width: 498px;\n        }\n\n        // ─── Billing cycle toggle ─────────────────────────────────────────────────\n\n        &__cycles {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-bottom: 36px;\n        }\n\n        &__cycle-btn {\n            padding: 8px 22px;\n            border: 1px solid #ddd;\n            border-radius: 20px;\n            background: white;\n            font-size: 13px;\n            cursor: pointer;\n            color: #555;\n            transition: all 0.2s;\n\n            &.is-active {\n                background: #9c4dff;\n                border-color: #9c4dff;\n                color: white;\n            }\n\n            &:hover:not(.is-active) {\n                border-color: #9c4dff;\n                color: #9c4dff;\n            }\n        }\n\n        // ─── Plan cards grid ──────────────────────────────────────────────────────\n\n        &__plans {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n            align-items: stretch;\n            margin-bottom: 56px;\n        }\n\n        &__plan {\n            background: #ffffff;\n            border: 1px solid #d1dbf5;\n            border-radius: 8px;\n            position: relative;\n\n            &.is-featured {\n                margin-top: -38px;\n                border: 1px solid #9c4dff;\n                box-shadow: 0 8px 32px rgba(156, 77, 255, 0.12);\n            }\n        }\n\n        /* When event sales is active on the whole pricing block */\n        &.is-event-sales {\n            .f-pricing {\n                &__subtitle {\n                    max-width: 534px;\n                }\n\n                &__plan-name {\n                    margin: 10px 0 20px;\n                }\n\n                &__event-price-row {\n                    display: grid;\n                    grid-template-columns: max-content 1fr;\n                    align-items: start;\n                    grid-auto-rows: auto;\n                    column-gap: 20px;\n                    row-gap: 5px;\n\n                    /* tempatkan 1 & 2 di kolom kiri, baris 1 & 2 */\n                    > *:nth-child(1) {\n                        grid-column: 1;\n                        grid-row: 1;\n                    }\n                    > *:nth-child(2) {\n                        grid-column: 1;\n                        grid-row: 2;\n                    }\n                    > *:nth-child(3) {\n                        grid-column: 2;\n                        grid-row: 1 / span 2;\n                        margin: 0;\n                        width: 100%;\n                    }\n                }\n\n                /* adjust original price inside event layout */\n                &__original-price {\n                    position: relative;\n                    bottom: unset;\n                    margin-bottom: unset;\n                    font-size: 14px;\n                    font-weight: 400;\n                    line-height: 20px;\n                    color: #7d8292;\n                }\n\n                /* save badge style */\n                &__save-badge {\n                    padding: 4px 8px;\n                    font-size: 14px;\n                    font-weight: 500;\n                    line-height: 20px;\n                    color: #ff6b30;\n                    background-color: #ffe6dd;\n                    border: 1px solid #ffb598;\n                    border-radius: 7px;\n                }\n\n                &__billing-note {\n                    margin-top: 10px;\n                }\n            }\n        }\n\n        &__badge {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n            background: #f7efff;\n            color: #9c4dff;\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 20px;\n            padding: 9px 16px;\n            border-radius: 7px 7px 0 0;\n            white-space: nowrap;\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        &__plan-inner {\n            padding: 20px 20px 10px;\n        }\n\n        &__plan-name {\n            font-size: 24px;\n            font-weight: 600;\n            color: #181d27;\n            margin: 0 0 46px;\n        }\n\n        // ─── Price block ──────────────────────────────────────────────────────────\n\n        &__price-block {\n            margin-bottom: 46px;\n            position: relative;\n        }\n\n        &__amount-row {\n            display: flex;\n            align-items: baseline;\n            gap: 3px;\n        }\n\n        &__amount {\n            font-size: 46px;\n            font-weight: 700;\n            color: #0f1538;\n            line-height: 60px;\n            letter-spacing: -1.7%;\n        }\n\n        &__period {\n            font-size: 16px;\n            font-weight: 500;\n            color: #7d8292;\n            line-height: 24px;\n        }\n\n        &__billing-note {\n            font-size: 14px;\n            font-weight: 400;\n            color: #7d8292;\n            margin: 6px 0 0;\n            line-height: 20px;\n\n            &.has-renew {\n                margin-bottom: -20px;\n            }\n        }\n\n        &__billing-note-label {\n            font-weight: 600;\n        }\n\n        &__original-price {\n            display: block;\n            font-size: 20px;\n            font-weight: 600;\n            color: #ff6b30;\n            text-decoration: line-through;\n            margin-bottom: 2px;\n            line-height: 30px;\n            position: absolute;\n            bottom: 100%;\n        }\n\n        // ─── Discount starburst badge ─────────────────────────────────────────────\n\n        &__discount-badge {\n            padding: 19px 13px;\n            position: absolute;\n            top: calc(20px + 40px);\n            right: 20px;\n            background-image: url(\"../../img/pricing/discount-badge.png\");\n            background-size: contain;\n            background-position: center;\n            background-repeat: no-repeat;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            color: #fff;\n            text-shadow: 0.51px 1.02px 3.06px rgba(0, 0, 0, 0.2);\n            gap: 1px;\n            z-index: 1;\n        }\n\n        &__discount-main {\n            display: flex;\n            align-items: center;\n            gap: 1px;\n            line-height: 1;\n        }\n\n        &__discount-num {\n            font-size: 25px;\n            font-weight: 700;\n            font-style: italic;\n            line-height: 100%;\n        }\n\n        &__discount-right {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            line-height: 1;\n        }\n\n        &__discount-pct {\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 100%;\n        }\n\n        &__discount-off {\n            font-size: 7px;\n            font-weight: 600;\n            line-height: 100%;\n            letter-spacing: 2%;\n        }\n\n        &__discount-label {\n            font-size: 7px;\n            font-weight: 600;\n            line-height: 100%;\n            letter-spacing: 2%;\n            text-transform: capitalize;\n        }\n\n        // ─── CTA button ───────────────────────────────────────────────────────────\n\n        &__plan-inner {\n            .f-pricing__cta {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                width: 100%;\n                padding: 16px 24px;\n                background: #9c4dff;\n                color: white;\n                border-radius: 8px;\n                text-decoration: none;\n                font-size: 14px;\n                font-weight: 600;\n                margin-bottom: 22px;\n                transition:\n                    background 0.2s,\n                    transform 0.1s;\n                box-sizing: border-box;\n\n                &:focus {\n                    outline: unset;\n                    box-shadow: unset;\n                    color: white;\n                }\n\n                &:hover {\n                    background: #8a3aee;\n                    color: white;\n                    transform: translateY(-1px);\n                }\n            }\n        }\n\n        &__cta-arrow {\n            font-size: 20px;\n            line-height: 1;\n            font-weight: 400;\n        }\n\n        // ─── Feature list ─────────────────────────────────────────────────────────\n\n        &__features {\n            list-style: none;\n            margin: 0 0 4px;\n            padding: 18px 0 0; /* spacing between CTA and features */\n            position: relative; /* container for inset divider */\n\n            &::before {\n                content: \"\";\n                position: absolute;\n                /* extend past the inner padding so the line meets the card edge */\n                left: -20px;\n                right: -20px;\n                top: 0; /* align with top padding */\n                height: 1px;\n                background: #d1dbf5; /* subtle divider color */\n            }\n\n            li {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                font-size: 16px;\n                line-height: 24px;\n                color: #7d8292;\n                padding: 5px 0;\n            }\n        }\n\n        /* numeric prefix in feature items (e.g. \"100+\", \"1\") */\n        &__feature-text {\n            position: relative;\n            &::before {\n                content: attr(data-num);\n                font-weight: 600;\n                color: #0f1538;\n            }\n        }\n\n        // ─── Accordion groups ─────────────────────────────────────────────────────\n\n        &__group {\n            margin-top: 24px;\n        }\n\n        &__feature-icon {\n            background: #f7efff;\n            border-radius: 100%;\n            padding: 5px 4px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        &__group-toggle {\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background: none;\n            border: none;\n            padding: 0;\n            margin-bottom: 16px;\n            font-size: 16px;\n            font-weight: 600;\n            color: #7d8292;\n            cursor: pointer;\n            text-align: left;\n            gap: 16px;\n            // transition: color 0.2s;\n\n            &:hover {\n                // color: #9c4dff;\n            }\n\n            .f-pricing__faq-item.is-open & {\n                // color: #9c4dff;\n            }\n        }\n\n        &__group-items {\n            list-style: none;\n            margin: 0 0 12px;\n            padding: 0;\n\n            li {\n                display: flex;\n                align-items: center;\n                gap: 8px;\n                font-size: 16px;\n                line-height: 24px;\n                color: #7d8292;\n                padding: 5px 0;\n            }\n        }\n\n        // ─── Security / payment section ───────────────────────────────────────────\n\n        &__security {\n            text-align: center;\n            padding: 36px 0;\n            margin-bottom: 56px;\n        }\n\n        &__security-top {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 15px;\n            font-weight: 600;\n            color: #1e1e2d;\n            margin-bottom: 20px;\n        }\n\n        &__secure-shield {\n            width: auto;\n            height: auto;\n        }\n\n        &__freemius-logo {\n            height: auto;\n            width: auto;\n        }\n\n        &__payment-logos {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 24px;\n            flex-wrap: wrap;\n            margin-bottom: 56px;\n\n            img {\n                max-height: 28px;\n            }\n        }\n\n        &__payment-icon {\n            height: auto;\n            width: auto;\n            object-fit: contain;\n        }\n\n        &__trust-badges {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 36px;\n            flex-wrap: wrap;\n        }\n\n        &__trust-img {\n            max-height: 52px;\n            width: auto;\n            object-fit: contain;\n\n            &--paypal {\n                max-height: 58px;\n            }\n        }\n\n        // ─── Money back guarantee ─────────────────────────────────────────────────\n\n        &__guarantee {\n            display: flex;\n            align-items: center;\n            gap: 99px;\n            padding: 64px;\n            background: #f8f9fc;\n            border-radius: 16px;\n            margin-bottom: 60px;\n        }\n\n        &__guarantee-text {\n            flex: 1;\n\n            h3 {\n                font-size: 30px;\n                font-weight: 600;\n                line-height: 38px;\n                color: #181d27;\n\n                margin: 0 0 14px;\n            }\n\n            p {\n                font-size: 18px;\n                font-weight: 400;\n                color: #7d8292;\n                line-height: 28px;\n                margin: 0;\n\n                strong {\n                    color: #0f1538;\n                }\n            }\n        }\n\n        &__money-back-badge {\n            flex-shrink: 0;\n            width: auto;\n            height: auto;\n        }\n\n        // ─── FAQ ──────────────────────────────────────────────────────────────────\n\n        &__faq {\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        &__faq-header {\n            text-align: center;\n            margin-bottom: 36px;\n\n            h2 {\n                font-size: 36px;\n                font-weight: 600;\n                line-height: 44px;\n                letter-spacing: -1.7%;\n                color: #0f1538;\n                margin: 0 0 12px;\n            }\n\n            p {\n                font-size: 18px;\n                line-height: 28px;\n                color: #7d8292;\n                margin: 0;\n            }\n        }\n\n        &__faq-list {\n            // border-top: 1px solid #efefef;\n        }\n\n        &__faq-item {\n            border-bottom: 1px solid #efefef;\n            padding: 24px 0;\n        }\n\n        &__faq-q {\n            width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0;\n            background: none;\n            border: none;\n            font-size: 18px;\n            line-height: 28px;\n            font-weight: 500;\n            color: #0f1538;\n            cursor: pointer;\n            text-align: left;\n            gap: 16px;\n            // transition: color 0.2s;\n\n            &:hover {\n                // color: #9c4dff;\n            }\n\n            .f-pricing__faq-item.is-open & {\n                // color: #9c4dff;\n            }\n        }\n\n        &__faq-icon {\n            font-size: 22px;\n            color: #9c4dff;\n            flex-shrink: 0;\n            font-weight: 300;\n            line-height: 1;\n        }\n\n        &__faq-a {\n            font-size: 16px;\n            color: #7d8292;\n            padding: 8px 0 0px;\n            line-height: 24px;\n        }\n    }\n\n    // ─── Responsive ─────────────────────────────────────────────────────────\n\n    @media (max-width: 768px) {\n        padding: 24px 16px 60px;\n\n        .f-pricing {\n            &__plans {\n                grid-template-columns: 1fr;\n            }\n\n            &__plan.is-featured {\n                margin-top: 16px;\n            }\n\n            &__guarantee {\n                flex-direction: column;\n                text-align: center;\n                padding: 28px 24px;\n                gap: 24px;\n            }\n        }\n    }\n}\n\n.f-pricing-modal {\n    margin: unset;\n}\n\n/* Modal topbar controls (three small dots at right) */\n.f-pricing-modal__topbar {\n    height: 24px;\n    display: flex;\n    flex: 0 0 24px; /* prevent shrinking so height stays 24px */\n    align-items: center;\n    justify-content: flex-end;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background: #cbd2d9; /* subtle topbar background */\n    border-radius: 8px 8px 0 0;\n}\n\n.f-pricing-modal__controls {\n    display: flex;\n    gap: 5px;\n    align-items: center;\n}\n\n.f-pricing-modal__dot {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    border: 0;\n    padding: 0;\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: default;\n    background-color: #9aa5b1;\n}\n\n// .f-pricing-modal__dot.is-min { background: #f59e0b; }\n// .f-pricing-modal__dot.is-max { background: #10b981; }\n.f-pricing-modal__dot {\n    transition: 0.2s ease-out;\n\n    &.is-max {\n        cursor: pointer;\n\n        svg {\n            visibility: hidden;\n            opacity: 0;\n        }\n\n        &:hover {\n            background: #0967d2;\n\n            svg {\n                visibility: visible;\n                opacity: 1;\n            }\n        }\n    }\n    &.is-close {\n        &:hover {\n            background: #cf1124;\n            cursor: pointer;\n        }\n    }\n}\n\n/* ensure modal body doesn't overlay the topbar */\n.f-pricing-modal {\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n/* Minimal / thin scrollbar for modal container (keeps border clean) */\n.f-pricing-modal__container {\n    /* layout and appearance previously defined in JS `modalStyle` */\n    width: 100%;\n    max-width: 1440px;\n    background: #fff;\n    border-radius: 8px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    /* container itself should not scroll to avoid outer scrollbar gap; make inner `.f-pricing-modal` scrollable */\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    max-height: 90vh;\n    -webkit-overflow-scrolling: touch;\n}\n\n/* Maximized modal variant */\n.f-pricing-modal__container.is-maximized {\n    width: 100%;\n    max-width: none;\n    max-height: calc(100vh - 32px);\n    border-radius: 0px;\n\n    .f-pricing-modal__topbar {\n        border-radius: 0px;\n    }\n}\n.f-pricing-modal {\n    /* follow container height: make content area fill remaining space and be scrollable */\n    flex: 1 1 auto;\n    min-height: 0; /* allow proper scrolling inside flex children */\n    overflow: auto;\n    scrollbar-width: thin; /* Firefox */\n    scrollbar-color: rgba(15, 23, 42, 0.12) transparent;\n}\n\n.f-pricing-modal::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n}\n\n.f-pricing-modal::-webkit-scrollbar-track {\n    background: transparent;\n}\n.f-pricing-modal::-webkit-scrollbar-thumb {\n    background-color: rgba(15, 23, 42, 0.12);\n    border-radius: 999px;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n}\n.f-pricing-modal::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(15, 23, 42, 0.18);\n}\n\n.f-pricing-modal__container::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n}\n\n.f-pricing-modal__container::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.f-pricing-modal__container::-webkit-scrollbar-thumb {\n    background-color: rgba(15, 23, 42, 0.12);\n    border-radius: 999px;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n}\n\n.f-pricing-modal__container::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(15, 23, 42, 0.18);\n}\n\n/* Optional: completely hide scrollbar but keep scroll functionality\n.f-pricing-modal__container::-webkit-scrollbar { display: none; }\n.f-pricing-modal__container { -ms-overflow-style: none; scrollbar-width: none; }\n*/\n","@use \"../shared/pricing\" as *;\n\n#wpadminbar {\n\t#wp-admin-bar-jeg-kit {\n\t\t.jeg-kit-pro {\n\t\t\tdisplay: inline-flex;\n\t\t\tgap: 6px;\n\t\t}\n\n\t\t#wp-admin-bar-jeg-kit-default {\n\t\t\tpadding-bottom: unset;\n\n\t\t\t& > li:last-child:not(#wp-admin-bar-jeg-kit-pro) {\n\t\t\t\tpadding-bottom: 9px;\n\t\t\t}\n\n\t\t\t#wp-admin-bar-jeg-kit-menu-border {\n\t\t\t\t.ab-item {\n\t\t\t\t\tmargin-top: 9px;\n\t\t\t\t\theight: 1px;\n\t\t\t\t\tbackground: #ffffff1a;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#wp-admin-bar-jeg-kit-rate-us {\n\t\t\t\t.star-icon {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tgap: 6px;\n\t\t\t\t\tmargin-left: 3px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t#wp-admin-bar-jeg-kit-pro {\n\t\t\t\tmargin-top: 9px;\n\t\t\t\tpadding-bottom: 6px;\n\t\t\t\tbackground-color: #faa71c;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: #e5941f;\n\t\t\t\t}\n\n\t\t\t\t.ab-item {\n\t\t\t\t\tbackground: unset;\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover, &.hover {\n\t\t\t> .ab-item .jeg-kit-pro svg path {\n\t\t\t\tfill: currentColor;\n\t\t\t}\n\t\t}\n\t}\n}\n\n#toplevel_page_jkit {\n\ta:hover {\n\t\t.wp-menu-image {\n\t\t\timg {\n\t\t\t\tfilter: brightness(0) saturate(100%) invert(74%) sepia(13%) saturate(1685%) hue-rotate(182deg) brightness(98%)\n\t\t\t\t\tcontrast(93%);\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-menu-image {\n\t\timg {\n\t\t\topacity: 1;\n\t\t\tpadding: 7px 0 0;\n\t\t}\n\t}\n\n\t&.wp-has-current-submenu {\n\t\t&.wp-menu-open {\n\t\t\t.wp-menu-image {\n\t\t\t\timg {\n\t\t\t\t\tfilter: brightness(0) saturate(100%) invert(100%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-submenu {\n\t\tli.jkit-upgrade-to-pro-menu {\n\t\t\ta {\n\t\t\t\tmargin: 0px 5px;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 5px;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tbackground: linear-gradient(180deg, #ffb12d 0, #f59e0b 100%);\n\t\t\t\tcolor: white;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\ttransition: all 0.3s ease;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t\ttransform: scale(0.94);\n\t\t\t\t\tbackground: linear-gradient(180deg, #f1a627 0%, #e89812 100%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"]}