{"version":3,"file":"blocks/faq/style-index.css","mappings":";;;AAAA;EAEI;AAAJ;AAEI;EACI;EACA;EACA;EAEA;AADR;AAKI;EAEI;EACA;EAEA;AALR;AAQI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;AAVR;AAYQ;EACI;EACA;AAVZ;AAaQ;EACI;EACA;EAEA;AAZZ;AAgBI;;EAEI;EACA;EACA;EAEA;AAfR;AAkBI;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;AAlBR;AAoBQ;EACI;EACA;EACA;EACA;AAlBZ;AAqBQ;EACI;EACA;AAnBZ;AAsBQ;;EAEI;EACA;EACA;EAEA;EACA;AArBZ;AAwBQ;EACI;AAtBZ;AA0BY;EACI;AAxBhB;AA2BY;EACI;AAzBhB;AA8BI;EACI;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;AAhCR;AAkCQ;EACI;AAhCZ;AAoCI;EAEI;EAEA;EACA;EAEA;EACA;AArCR;AAyCI;EACI;AAvCR;AAyCQ;EACI;AAvCZ;AAyCY;EACI;AAvChB;AA2CQ;EACI;AAzCZ;AAtHA;EAkKI;AAzCJ;AA0CI;EACI;EACA;EACA;EACA;AAxCR;AA2CI;EACI;EACA;AAzCR;AA4CI;EACI;EACA;EACA;AA1CR;AA6CI;EACI;EACA;AA3CR;AA5IA;EA0LI;AA3CJ;AA4CI;EACI;AA1CR;AA6CI;EACI;AA3CR;AArJA;EAmMI;AA3CJ;AA4CI;EACI;IACI;EA1CV;EA6CM;IACI;EA3CV;AACF;;AA+CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5CJ;AA8CI;EACI;AA5CR;;AAiDA;EACI;AA9CJ;;AAkDA;EACI;AA/CJ,C","sources":["webpack://faqmate-blocks/./src/blocks/faq/style.scss"],"sourcesContent":[".wp-block-faqmate-faq {\r\n    // Prevent layout shift\r\n    position: relative;\r\n\r\n    .asfa__container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        // Prevent margin collapse\r\n        position: relative;\r\n    }\r\n\r\n    // Single FAQ item\r\n    .single-faq {\r\n        // Isolate layout to prevent shifts\r\n        position: relative;\r\n        contain: layout style;\r\n        // Prevent margin collapse\r\n        overflow: hidden;\r\n    }\r\n\r\n    .asfa__head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n        padding: 10px;\r\n        background: #e0e0e0;\r\n        border-radius: 3px;\r\n        // Prevent text selection causing shifts\r\n        user-select: none;\r\n        -webkit-user-select: none;\r\n        -moz-user-select: none;\r\n        // Cursor pointer\r\n        cursor: pointer;\r\n        // Prevent focus outline shift\r\n        outline-offset: -2px;\r\n        // Ensure stable positioning\r\n        position: relative;\r\n\r\n        &:focus {\r\n            outline: 2px solid rgba(0, 0, 0, 0.3);\r\n            outline-offset: -2px;\r\n        }\r\n\r\n        .asfa__heading_txt {\r\n            width: 100%;\r\n            text-decoration: none;\r\n            // Prevent margin collapse\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .asfa__heading_tag,\r\n    .asfa__subheading_tag {\r\n        margin: 0;\r\n        padding: 0;\r\n        transition: all 0.3s ease;\r\n        // Prevent text from causing shifts\r\n        display: block;\r\n    }\r\n\r\n    .asfa__icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        // Prevent icon from causing layout shifts\r\n        flex-shrink: 0;\r\n        width: 1em;\r\n        height: 1em;\r\n        // Hardware acceleration\r\n        transform: translateZ(0);\r\n        -webkit-transform: translateZ(0);\r\n        will-change: transform;\r\n        transition: transform 0.3s ease;\r\n\r\n        svg {\r\n            width: 1em;\r\n            height: 1em;\r\n            font-size: 20px;\r\n            display: block;\r\n        }\r\n\r\n        img {\r\n            max-width: 1em;\r\n            display: block;\r\n        }\r\n\r\n        .asfa__collapse,\r\n        .asfa__expand {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            // Ensure icons don't shift\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .asfa__expand {\r\n            display: none;\r\n        }\r\n\r\n        &.asfa__active_icon {\r\n            .asfa__collapse {\r\n                display: none;\r\n            }\r\n\r\n            .asfa__expand {\r\n                display: flex;\r\n            }\r\n        }\r\n    }\r\n\r\n    .asfa__body {\r\n        display: none;\r\n        // Remove default padding during animation\r\n        padding: 0;\r\n        overflow: hidden;\r\n        // Hardware acceleration for smoother animation\r\n        transform: translateZ(0);\r\n        -webkit-transform: translateZ(0);\r\n        will-change: height;\r\n        // Ensure smooth transition\r\n        transition: height 0.3s ease-in-out;\r\n        // Prevent margin collapse\r\n        position: relative;\r\n\r\n        &.asfa__active {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .asfa__body_inner {\r\n        // Apply padding to inner element instead\r\n        padding: 10px;\r\n        // Prevent margin collapse with tiny padding\r\n        padding-top: 10.01px;\r\n        padding-bottom: 10.01px;\r\n        // Ensure stable layout\r\n        display: block;\r\n        position: relative;\r\n    }\r\n\r\n    // Ensure answer content doesn't cause shifts\r\n    .answer {\r\n        margin: 0;\r\n\r\n        p {\r\n            margin: 0 0 1em 0;\r\n\r\n            &:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n\r\n        * {\r\n            max-width: 100%;\r\n        }\r\n    }\r\n    /* Auto Numbering Styles */\r\n    .asfa__numbering {\r\n        display: inline-block;\r\n        font-weight: 600;\r\n        margin-right: 8px;\r\n        color: inherit;\r\n    }\r\n\r\n    .asfa__heading_txt.numbering-after .asfa__numbering {\r\n        margin-right: 0;\r\n        margin-left: 8px;\r\n    }\r\n\r\n    .asfa__heading_txt.has-numbering {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .asfa__heading_txt.numbering-after {\r\n        flex-direction: row-reverse;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    /* Optional: Add some color variations */\r\n    .single-faq .asfa__numbering {\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .single-faq.asfa__active_accordion .asfa__numbering {\r\n        color: #0073e6;\r\n    }\r\n\r\n    /* Responsive spacing */\r\n    @media (max-width: 768px) {\r\n        .asfa__numbering {\r\n            margin-right: 6px;\r\n        }\r\n\r\n        .asfa__heading_txt.numbering-after .asfa__numbering {\r\n            margin-left: 6px;\r\n        }\r\n    }\r\n}\r\n\r\n.faq-append-btn {\r\n    margin-top: 10px;\r\n    text-align: center;\r\n    background-color: #0000ff;\r\n    color: #ffffff;\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 3px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n\r\n    &:hover {\r\n        background-color: #0000cc;\r\n    }\r\n}\r\n\r\n// Global smooth scroll prevention during accordion animation\r\nhtml.accordion-animating {\r\n    scroll-behavior: auto !important;\r\n}\r\n\r\n// Prevent any anchor scroll behavior\r\n.wp-block-faqmate-faq a[href^='#'] {\r\n    scroll-behavior: auto !important;\r\n}\r\n"],"names":[],"sourceRoot":""}