{"version":3,"file":"admin/css/lazy-load-admin.css","mappings":";;;AAAA;;EAAA;AAMA;EACI;EACA;EACA;EACA;EACA;AAFJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;AAMI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJR;AAMQ;EACI;EACA;EACA;EACA;AAJZ;AAQI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANR;AAQQ;EACI;AANZ;AASQ;EACI;EACA;EACA;EACA;EACA;EACA;AAPZ;AAUQ;EACI;EACA;AARZ;AASY;EAAa;AANzB;AASQ;EACI;EACA;EACA;EACA;AAPZ;AAQY;EAAa;AALzB;AAQQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANZ;;AAaA;EACI;EACA;AAVJ;;AAeA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZJ;AAcI;EACI;EACA;AAZR;AAeI;EACI;EACA;AAbR;;AAqBA;EACI;EACA;EACA;EACA;EACA;EACA;AAlBJ;;AAuBA;EACI;EACA;EACA;AApBJ;AAsBI;EACI;EACA;EACA;EACA;EACA;EACA;AApBR;AAsBQ;EACI;EACA;EACA;EACA;AApBZ;AAwBI;EACI;EACA;EACA;AAtBR;;AA4BA;EACI;EACA;EACA;EACA;EACA;EACA;AAzBJ;AA2BI;EACI;EACA;EACA;EACA;AAzBR;AA6BQ;EACI;EACA;EACA;EACA;AA3BZ;AA8BQ;EACI;EACA;EACA;EACA;AA5BZ;AA8BY;EACI;EACA;AA5BhB;;AAuCI;EACI;AApCR;AAuCI;EACI;EACA;AArCR;AAuCQ;EACI;EACA;EACA;EACA;AArCZ;AAwCQ;EACI;AAtCZ;AAyCQ;EACI;EACA;EACA;EACA;AAvCZ;AA0CQ;;;EAGI;EACA;EACA;EACA;EACA;AAxCZ;AA0CY;;;EACI;EACA;EACA;AAtChB;AA0CQ;EACI;AAxCZ;AA2CQ;EACI;AAzCZ;AA8CI;EACI;EACA;EACA;EACA;AA5CR;;AAkDA;EACI;EACA;EACA;EACA;AA/CJ;AAiDI;EACI;EACA;AA/CR;AAiDQ;EACI;AA/CZ;AAkDQ;EACI;EACA;EACA;EACA;EACA;EACA;AAhDZ;AAmDQ;EACI;EACA;EACA;EACA;AAjDZ;AAoDQ;EACI;EACA;EACA;EACA;AAlDZ;;AAyDA;EACI;IACI;EAtDN;EAyDE;IACI;IACA;IACA;IACA;IACA;EAvDN;EAyDM;IACI;EAvDV;EA0DM;IACI;IACA;IACA;IACA;IACA;IACA;EAxDV;EA0DU;IACI;IACA;EAxDd;EA6DE;IACI;EA3DN;EA6DM;IACI;IACA;EA3DV;EA6DU;IACI;EA3Dd;AACF;AAgEA;EAEQ;IACI;IACA;IACA;EA/DV;EAkEM;IACI;IACA;IACA;EAhEV;EAmEM;;;IAGI;IACA;IACA;IACA;EAjEV;AACF;AAuEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArEJ;;AA0EA;EACI;IAAO;EAtET;EAuEE;IAAO;EApET;AACF;AAsEA;EACI;IAAO;EAnET;EAoEE;IAAO;EAjET;AACF,C","sources":["webpack://@codecanel/before-after-image-slider/./src/admin/styles/lazy-load-admin.scss"],"sourcesContent":["/**\n * BAIS Settings Admin Styles\n */\n\n// ─── Page Layout ──────────────────────────────────────────────────────────────\n\n.coca-bais-settings-page {\n    display: flex;\n    gap: 24px;\n    margin-top: 24px;\n    align-items: flex-start;\n    max-width: 1200px;\n}\n\n// ─── Sidebar Navigation ───────────────────────────────────────────────────────\n\n.coca-bais-settings-nav {\n    flex: 0 0 210px;\n    background: #fff;\n    border: 1px solid #c3c4c7;\n    border-radius: 8px;\n    overflow: hidden;\n    position: sticky;\n    top: 32px;\n\n    .coca-bais-nav-brand {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 13px 16px;\n        font-size: 11px;\n        font-weight: 700;\n        color: #646970;\n        background: #f6f7f7;\n        border-bottom: 1px solid #c3c4c7;\n        text-transform: uppercase;\n        letter-spacing: 0.06em;\n\n        .dashicons {\n            color: #2271b1;\n            font-size: 16px;\n            width: 16px;\n            height: 16px;\n        }\n    }\n\n    .coca-bais-nav-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        padding: 13px 16px;\n        text-decoration: none !important;\n        color: #1e1e1e;\n        font-size: 13.5px;\n        font-weight: 500;\n        border-left: 3px solid transparent;\n        transition: background 0.15s ease, color 0.15s ease;\n\n        &:not(:last-child) {\n            border-bottom: 1px solid #f0f0f1;\n        }\n\n        .dashicons {\n            color: #8c8f94;\n            font-size: 17px;\n            width: 17px;\n            height: 17px;\n            flex-shrink: 0;\n            transition: color 0.15s;\n        }\n\n        &:hover {\n            background: #f6f7f7;\n            color: #2271b1;\n            .dashicons { color: #2271b1; }\n        }\n\n        &.is-active {\n            background: #f0f6fc;\n            color: #2271b1;\n            border-left-color: #2271b1;\n            font-weight: 600;\n            .dashicons { color: #2271b1; }\n        }\n\n        .coca-bais-pro-badge {\n            margin-left: auto;\n            background: #f0b429;\n            color: #1a1a1a;\n            font-size: 10px;\n            font-weight: 700;\n            padding: 2px 6px;\n            border-radius: 3px;\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n    }\n}\n\n// ─── Content Area ─────────────────────────────────────────────────────────────\n\n.coca-bais-settings-content {\n    flex: 1;\n    min-width: 0;\n}\n\n// ─── Toast Notification ───────────────────────────────────────────────────────\n\n.coca-bais-toast {\n    display: none;\n    position: fixed;\n    bottom: 28px;\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 12px 24px;\n    border-radius: 6px;\n    font-size: 13.5px;\n    font-weight: 500;\n    line-height: 1.4;\n    z-index: 999999;\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);\n    white-space: nowrap;\n\n    &--success {\n        background: #00a32a;\n        color: #fff;\n    }\n\n    &--error {\n        background: #d63638;\n        color: #fff;\n    }\n}\n\n// ─── Tab Panel ────────────────────────────────────────────────────────────────\n\n// Hidden by default — JS shows the active panel instantly on DOMContentLoaded.\n// The `display:none` is set here so there is no flash before JS runs.\n.coca-bais-tab-panel {\n    display: none;\n    padding: 20px;\n    background: #fff;\n    border: 1px solid #c3c4c7;\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n// ─── Panel Header ─────────────────────────────────────────────────────────────\n\n.coca-bais-panel-header {\n    padding: 20px 24px;\n    border-bottom: 1px solid #f0f0f1;\n    background: #fafafa;\n\n    h2 {\n        margin: 0 0 6px;\n        font-size: 17px;\n        color: #1e1e1e;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n\n        .dashicons {\n            color: #2271b1;\n            font-size: 20px;\n            width: 20px;\n            height: 20px;\n        }\n    }\n\n    p {\n        margin: 0;\n        color: #646970;\n        font-size: 13px;\n    }\n}\n\n// ─── Pro Notice ───────────────────────────────────────────────────────────────\n\n.coca-bais-pro-notice {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    padding: 14px 24px;\n    background: #fffbeb;\n    border-bottom: 1px solid #fce96a;\n\n    > .dashicons {\n        font-size: 20px;\n        color: #9a6700;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    div {\n        strong {\n            display: block;\n            color: #1e1e1e;\n            font-size: 13px;\n            margin-bottom: 3px;\n        }\n\n        p {\n            margin: 0;\n            color: #646970;\n            font-size: 12.5px;\n            line-height: 1.5;\n\n            a {\n                color: #2271b1;\n                font-weight: 600;\n            }\n        }\n    }\n}\n\n// ─── Form Styles (inside tab panel) ──────────────────────────────────────────\n\n.coca-bais-tab-panel {\n\n    // Hide the WP-generated section heading — panel header already serves this\n    > h2 {\n        display: none;\n    }\n\n    .form-table {\n        margin: 0;\n        padding: 0 24px;\n\n        th {\n            font-weight: 600;\n            color: #1e1e1e;\n            padding-left: 0;\n            width: 220px;\n        }\n\n        td {\n            padding-right: 0;\n        }\n\n        .description {\n            margin-top: 6px;\n            color: #646970;\n            font-size: 12px;\n            font-style: italic;\n        }\n\n        input[type=\"text\"],\n        input[type=\"number\"],\n        select {\n            min-width: 100%;\n            padding: 7px 10px;\n            border-radius: 4px;\n            border: 1px solid #8c8f94;\n            font-size: 13px;\n\n            &:focus {\n                border-color: #2271b1;\n                box-shadow: 0 0 0 1px #2271b1;\n                outline: none;\n            }\n        }\n\n        select#coca_bais_multiple_slider_strategy {\n            min-width: 28rem;\n        }\n\n        input[type=\"checkbox\"] {\n            margin-right: 8px;\n        }\n    }\n\n    // WP submit button row\n    .submit {\n        padding: 16px 24px;\n        background: #fafafa;\n        border-top: 1px solid #f0f0f1;\n        margin: 0;\n    }\n}\n\n// ─── Info Cards ───────────────────────────────────────────────────────────────\n\n.coca-bais-info-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    background: #f6f7f7;\n    border-top: 1px solid #f0f0f1;\n\n    .info-card {\n        padding: 20px 24px;\n        border-right: 1px solid #e1e1e1;\n\n        &:last-child {\n            border-right: none;\n        }\n\n        .dashicons {\n            font-size: 22px;\n            width: 22px;\n            height: 22px;\n            color: #2271b1;\n            margin-bottom: 10px;\n            display: block;\n        }\n\n        h3 {\n            margin: 0 0 6px;\n            font-size: 13px;\n            font-weight: 600;\n            color: #1e1e1e;\n        }\n\n        p {\n            margin: 0;\n            font-size: 12px;\n            color: #646970;\n            line-height: 1.6;\n        }\n    }\n}\n\n// ─── Responsive ───────────────────────────────────────────────────────────────\n\n@media (max-width: 900px) {\n    .coca-bais-settings-page {\n        flex-direction: column;\n    }\n\n    .coca-bais-settings-nav {\n        flex: 0 0 auto;\n        width: 100%;\n        display: flex;\n        flex-direction: row;\n        position: static;\n\n        .coca-bais-nav-brand {\n            display: none;\n        }\n\n        .coca-bais-nav-item {\n            flex: 1;\n            justify-content: center;\n            border-left: none;\n            border-bottom: 3px solid transparent !important;\n            font-size: 13px;\n            padding: 12px 10px;\n\n            &.is-active {\n                background: #f0f6fc;\n                border-bottom-color: #2271b1 !important;\n            }\n        }\n    }\n\n    .coca-bais-info-grid {\n        grid-template-columns: 1fr;\n\n        .info-card {\n            border-right: none;\n            border-bottom: 1px solid #e1e1e1;\n\n            &:last-child {\n                border-bottom: none;\n            }\n        }\n    }\n}\n\n@media (max-width: 600px) {\n    .coca-bais-tab-panel .form-table {\n        th, td {\n            display: block;\n            width: 100%;\n            padding: 10px 0;\n        }\n\n        th {\n            background: #f6f7f7;\n            padding: 10px;\n            border-bottom: 1px solid #e1e1e1;\n        }\n\n        input[type=\"text\"],\n        input[type=\"number\"],\n        select {\n            width: 100%;\n            max-width: none;\n            min-width: unset;\n            box-sizing: border-box;\n        }\n    }\n}\n\n// ─── Save button spinner ─────────────────────────────────────────────────────\n\n.coca-bais-btn-spinner {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    margin-left: 8px;\n    vertical-align: middle;\n    border: 2px solid rgba(0, 0, 0, 0.15);\n    border-top-color: #2271b1;\n    border-radius: 50%;\n    animation: coca-bais-spin 0.7s linear infinite;\n}\n\n// ─── Animation ────────────────────────────────────────────────────────────────\n\n@keyframes spin {\n    0%   { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n@keyframes coca-bais-spin {\n    0%   { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}"],"names":[],"sourceRoot":""}