{"version":3,"file":"./style-index.css","mappings":"AACA,wCAaI,aACA,6DACA,6BACA,SACA,UACA,WAhBA,8DACI,kBACA,kBACA,QACA,SACA,SACA,UACA,SAWJ,6DACI,iBACA,SACA,UACA,gBAGJ,6DACI,SACA,UACA,WACA,kDAEA,oEACI,SACA,YAEA,wEACI,WACA,YACA,cAMZ,0BA9CJ,wCA+CQ,iCAGJ,yBAlDJ,wCAmDQ,iCAIR,aAEQ,uCACI,8BACA,wBAEA,2CACI,eACA,YAGJ,kDACI,gBACA,qBACA,WACA,gBACA,gBACA,iBAOhB,gCACI,kBACA,WACA,cACA,gBACA,oBAGJ,gDACI,aACA,oBACA,WAGJ,8CACI,YACA,cACA,aACA,uBACA,mBAIJ,gDACI,WACA,SACA,YAGJ,oDACI,WACA,YACA,qCACA,cAIJ,wGAEI,WACA,WACA,YAGJ,oHAEI,eAIJ,mDACI,kBACA,SACA,OACA,QACA,kBAGJ,0DACI,UACA,WACA,gBACA,WACA,aAGJ,iEACI,UAIJ,0BACI,8CACI,mCAIR,yBACI,8CACI,uBAKR,gDACI,YACA,WAOI,4EACI,aACA,eACA,8BACA,mBAKJ,uEACI,aACA,QAEA,0FACI,YACA,eACA,uBAEA,mGACI,UACA,YACA,aACA,gBAGJ,qGACI,YACA,gBACA,yGACI,aAIR,2GACI,YACA,gBACA,iHACI,cAGJ,+GACI,aAIR,8FACI,WACA,YAMhB,wDACI,gBACA,WACA,2FACI,mB","sources":["webpack://flexilayouts/./src/style.scss"],"sourcesContent":["// Masonry Layout Styles\n.wp-block-gallery.has-masonry-animation {\n    // Hide the column sizer element\n    .masonry-column-sizer {\n        position: absolute;\n        visibility: hidden;\n        width: 0;\n        height: 0;\n        margin: 0;\n        padding: 0;\n        border: 0;\n    }\n    \n    // Main container styles\n    display: grid;\n    grid-template-columns: repeat(var(--masonry-columns, 3), 1fr);\n    gap: var(--masonry-gap, 10px);\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    \n    .blocks-gallery-grid {\n        display: contents;\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .blocks-gallery-item {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        break-inside: avoid;\n        \n        figure {\n            margin: 0;\n            height: 100%;\n            \n            img {\n                width: 100%;\n                height: auto;\n                display: block;\n            }\n        }\n    }\n    \n    // Responsive adjustments\n    @media (max-width: 1024px) {\n        --masonry-columns: 2 !important;\n    }\n    \n    @media (max-width: 600px) {\n        --masonry-columns: 1 !important;\n    }\n}\n// Print styles\n@media print {\n    .wp-block-gallery {\n        .blocks-gallery-item {\n            margin-bottom: 20px !important;\n            page-break-inside: avoid;\n            \n            img {\n                max-width: 100%;\n                height: auto;\n            }\n            \n            figcaption {\n                position: static;\n                opacity: 1 !important;\n                color: #000;\n                background: none;\n                padding: 5px 0 0;\n                text-align: left;\n            }\n        }\n    }\n}\n\n/* Carousel Layout Styles */\n.has-gallery-animation-carousel {\n    position: relative;\n    width: 100%;\n    margin: 0 auto;\n    overflow: hidden;\n    padding-bottom: 40px; /* Space for pagination */\n}\n\n.has-gallery-animation-carousel .swiper-wrapper {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.has-gallery-animation-carousel .swiper-slide {\n    height: auto;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n/* Image handling */\n.has-gallery-animation-carousel .wp-block-image {\n    width: 100%;\n    margin: 0;\n    height: 100%;\n}\n\n.has-gallery-animation-carousel .wp-block-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n/* Navigation arrows */\n.has-gallery-animation-carousel .swiper-button-next,\n.has-gallery-animation-carousel .swiper-button-prev {\n    color: #000;\n    width: 30px;\n    height: 30px;\n}\n\n.has-gallery-animation-carousel .swiper-button-next:after,\n.has-gallery-animation-carousel .swiper-button-prev:after {\n    font-size: 20px;\n}\n\n/* Pagination */\n.has-gallery-animation-carousel .swiper-pagination {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: center;\n}\n\n.has-gallery-animation-carousel .swiper-pagination-bullet {\n    width: 8px;\n    height: 8px;\n    background: #000;\n    opacity: 0.5;\n    margin: 0 4px;\n}\n\n.has-gallery-animation-carousel .swiper-pagination-bullet-active {\n    opacity: 1;\n}\n\n/* Responsive styles */\n@media (max-width: 1024px) {\n    .has-gallery-animation-carousel .swiper-slide {\n        width: calc(50% - 15px) !important;\n    }\n}\n\n@media (max-width: 640px) {\n    .has-gallery-animation-carousel .swiper-slide {\n        width: 100% !important;\n    }\n}\n\n/* Equal height slides */\n.has-gallery-animation-carousel .swiper-slide > * {\n    height: 100%;\n    width: 100%;\n}\n\n//editor controllers css\n\n.flexilayouts-options-section{\n    .components-base-control__field {\n        &.is_responsive {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: center;\n        }\n    }\n\n    .components-button-group {\n        &.device-selector {\n            display: flex;\n            gap: 4px;\n            \n            .components-button {\n                height: auto;\n                min-width: 36px;\n                justify-content: center;\n\n                &.has-icon{\n                    padding: 0;\n                    min-width: 0;\n                    min-height: 0;\n                    background: none;\n                }\n                \n                &.is-primary {\n                    border: none;\n                    box-shadow: none;\n                    svg {\n                        fill: #007cba;\n                    }\n                }\n                \n                &:not(.is-primary) {\n                    border: none;\n                    box-shadow: none;\n                    &:hover {\n                        color: #007cba;\n                    }\n\n                    svg{\n                        fill: #a0aec0;\n                    }\n                }\n                \n                svg {\n                    width: 20px;\n                    height: 20px;\n                }\n            }\n        }\n    }\n\n    .components-range-control{\n        margin-top: 15px;\n        width: 100%;\n        .components-range-control__wrapper{\n            margin-bottom: 24px;\n        }\n    }\n}\n"],"names":[],"sourceRoot":""}