{"version":3,"file":"index.css","mappings":";;;AAAA;;;;;CAAA;AAMA;;;;CAAA;AAOC;EACC;EACA;AADF;AAGC;;EAEC;AADF;AAGC;EACC;EACA;EACA;EACA;AADF;AAGC;EACC;AADF;;AAWE;EACC;AARH;;AAaA;EACC;AAVD;;AAYA;EACI;AATJ,C;;;;ACvCA;;;;;CAAA;AASC;EACC;AAFF;;AAMA;EACC;EACA;EACG;EACH;AAHD;AAKC;EACC;OAAA;AAHF;AAOE;EADD;IAEE;SAAA;EAJD;AACF;AAQE;EADD;IAEE;SAAA;EALD;AACF;AASC;EACC;EACA;AAPF;AAUE;EALD;IAME;EAPD;AACF;AAUE;EAVD;IAWE;EAPD;AACF;AAUC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AARF;AAWE;EAZD;IAaE;EARD;AACF;AAWE;EAjBD;IAkBE;EARD;AACF;AAUE;EACC;AARH;AASG;EACC;AAPJ;;AAaA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVD;AAWC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATF;AAWE;EACC;AATH;AAYC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;EACM;EACA;EACA;EACA;AAVR;AAeE;;;;;;;EAGC;EACA;AATH;;AAcA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAXD;AAYC;EACC;EACA;EACA;KAAA;EACA;KAAA;AAVF;AAYC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;AAcC;EAzBD;IA0BE;IACA;IACA;IACA;IACA;IACA;IACA;EAXA;AACF;AAcC;EApCD;IAqCE;IACA;IACA;IACA;IACA;IACA;IACA;EAXA;AACF;AAYC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVF;;AAaA;EACC;EACA;EACA;EACA;EACA;EACG;EACA;AAVJ;AAWI;EACI;EACA;EACA;EACA;AATR;AAWC;EACC;EACA;EAEA;AAVF;;AAaA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVD;AAWC;EACC;AATF;AAWC;;EAEC;EACA;AATF;AAUE;;EACC;EACA;EACA;AAPH;AASE;;EACC;EACA;EACA;AANH;AAQE;;EACC;EACA;EACA;AALH;AAOE;;EACC;EACA;EACA;AAJH;AAME;;EACC;EACA;AAHH;AAIG;;EACC;EACA;AADJ;AAGG;;EACC;EACA;AAAJ;AAEG;;EACC;EACA;AACJ;AACG;;EACC;EACA;AAEJ;;AAIA;EACC;EACA;EACA;AADD;;AAKA;EACC;EACA;OAAA;AAFD;AAIC;EAJD;IAKE;SAAA;EADA;AACF;AAGC;EARD;IASE;SAAA;EAAA;AACF;AAEC;EACC;AAAF;AAEE;EAHD;IAIE;EACD;AACF;AACE;EAPD;IAQE;EAED;AACF;;AAGA;EACC;EACA;EACA;EACA;OAAA;AAAD;AAEC;EAND;IAOE;SAAA;EACA;AACF;AACC;EAVD;IAWE;SAAA;EAEA;AACF;AAAC;EACC;EACA;AAEF;AAAE;EAJD;IAKE;EAGD;AACF;AADE;EARD;IASE;EAID;AACF;AADC;EACC;EACA;AAGF;AADE;EAJD;IAKE;EAID;AACF;AAFE;EARD;IASE;EAKD;AACF;;AAEC;EAA8B;OAAA;AAE/B;AADC;EAA8B;OAAA;AAI/B;AAHC;EAA8B;OAAA;AAM/B;AALC;EAA8B;OAAA;AAQ/B;AAPC;EAA8B;OAAA;AAU/B;AATC;EAA8B;OAAA;AAY/B;AAXC;EAA8B;OAAA;AAc/B;AAbC;EAA8B;OAAA;AAgB/B;AAfC;EAA8B;OAAA;AAkB/B;AAfC;EACC;IAA6B;SAAA;EAkB7B;EAjBA;IAA6B;SAAA;EAoB7B;EAnBA;IAA6B;SAAA;EAsB7B;EArBA;IAA6B;SAAA;EAwB7B;EAvBA;IAA6B;SAAA;EA0B7B;EAzBA;IAA6B;SAAA;EA4B7B;EA3BA;IAA6B;SAAA;EA8B7B;EA7BA;IAA6B;SAAA;EAgC7B;EA/BA;IAA6B;SAAA;EAkC7B;AACF;AA/BC;EACC;IAA6B;SAAA;EAkC7B;EAjCA;IAA6B;SAAA;EAoC7B;EAnCA;IAA6B;SAAA;EAsC7B;EArCA;IAA6B;SAAA;EAwC7B;EAvCA;IAA6B;SAAA;EA0C7B;EAzCA;IAA6B;SAAA;EA4C7B;EA3CA;IAA6B;SAAA;EA8C7B;EA7CA;IAA6B;SAAA;EAgD7B;EA/CA;IAA6B;SAAA;EAkD7B;AACF;;AA5CC;EAFD;IAGE;SAAA;EAgDA;AACF;AA7CC;EAPD;IAQE;SAAA;EAgDA;AACF;AA7CC;EAZD;IAaE;SAAA;EAgDA;AACF;;AA1CC;EAEC;EACA;AA4CF;AA1CE;EAEC;EACA;EACA;AA2CH;AAxCG;EACC;EACA;EACA;EACA;KAAA;EACA;KAAA;AA0CJ;AApCC;EACC;EACA;AAsCF;;AAlCA;EACC;EACA;AAqCD,C","sources":["webpack://grid-masonry-for-guten-blocks/./src/block/post-grid/editor.scss","webpack://grid-masonry-for-guten-blocks/./src/block/media-grid/editor.scss"],"sourcesContent":["/**\r\n* Post Grid Editor Styles\r\n*\r\n* CSS for just Backend enqueued after style.scss\r\n* which makes it higher in priority.\r\n*/\r\n/**\r\n* Post Grid Editor Styles\r\n*\r\n* CSS for both Frontend+Backend.\r\n*/\r\n\r\n.gmfgb-pg-grid {\r\n\t.wp-block-post {\r\n\t\twidth: calc(50% - 10px);\r\n\t\tpadding: 0;\r\n\t}\r\n\t.block-editor-block-toolbar__slot,\r\n\t.post-pagination {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t.gmfgb-pg-wrap > div {\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-end;\r\n\t\tflex-direction: column;\r\n\t}\r\n\t.gmfgb-pg-content {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n// .gmfgb-pg-loop-wrap {\r\n// \tul {\r\n// \t\tgap: 20px;\r\n// \t}\r\n// }\r\n.editor-styles-wrapper {\r\n\t.gmfgb-pg-grid {\r\n\t\t.is-layout-grid {\r\n\t\t\tdisplay: flex !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.wp-block-post-featured-image .block-editor-media-placeholder {\r\n\theight: 100%;\r\n}\r\np.description {\r\n    margin-top: -15px !important;\r\n}","/**\r\n* Post Grid Editor Styles\r\n*\r\n* CSS for just Backend enqueued after style.scss\r\n* which makes it higher in priority.\r\n*/\r\n\r\n// Override WordPress core rule that forces border-style: solid\r\n.gmfgb-mg-image {\r\n\t&[style*=\"border-width\"] {\r\n\t\tborder-style: var(--border-type-desktop, none) !important;\r\n\t}\r\n}\r\n\r\n.gmfgb-mg-grid {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap !important;\r\n    padding: 0 !important;\r\n\trow-gap: 20px !important; /* Row gap always 20px */\r\n\t// Initial state handling for gutter spacing\r\n\t&:not([data-gutter-desktop]) {\r\n\t\tcolumn-gap: 20px !important;\r\n\t}\r\n\t\r\n\t&:not([data-gutter-tablet]) {\r\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\tcolumn-gap: 20px !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t&:not([data-gutter-mobile]) {\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tcolumn-gap: 20px !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t// Editor-specific width calculations for grid items\r\n\t.gmfgb-mg-wrap {\r\n\t\tmargin: 0 !important; /* Remove any default margins */\r\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\r\n\t\t\r\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\r\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\r\n\t\t@media (max-width: 767px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.gmfgb-mg-button {\r\n\t\tdisplay: block;\r\n\t\tmin-height: 320px !important;\r\n\t\tborder-radius: 20px;\r\n\t\toverflow: hidden;\r\n\t\tbackground-color: transparent;\r\n\t\tborder: 2px solid #000;\r\n\t\ttransition: 0.5s ease all;\r\n\t\tmargin: 0 !important; /* Remove any default margins */\r\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\r\n\t\t\r\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\r\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\r\n\t\t@media (max-width: 767px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t&:hover {\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tsvg {\r\n\t\t\t\tfill: white !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gmfgb-mg-wrap {\r\n\tposition: relative;\r\n\tpadding-top: 100px;\r\n\tmin-height: 360px;\r\n\tborder-radius: var(--border-radius-desktop-top, 0px) var(--border-radius-desktop-right, 0px) var(--border-radius-desktop-bottom, 0px) var(--border-radius-desktop-left, 0px);\r\n\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\r\n\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\r\n\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\r\n\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\r\n\toverflow: hidden;\r\n\tbox-sizing: border-box; /* Ensure proper border handling */\r\n\t.change-image {\r\n\t\tbackground-color: #ffffff;\r\n\t\tcolor: #ff0000;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 70px;\r\n\t\tz-index: 1;\r\n\t\tmargin: 0;\r\n\t\tline-height: 0;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t\twidth: 44px;\r\n\t\theight: 36px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tborder-radius: 4px;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t}\r\n\t.remove-item {\r\n\t\tbackground-color: #ffffff;\r\n\t\tcolor: #ff0000;\r\n\t\tposition: absolute;\r\n\t\ttop: 10px;\r\n\t\tright: 10px;\r\n\t\tz-index: 1;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t}\r\n\t.upload-video-btn {\r\n\t\tpadding: 0;\r\n\t\theight: 30px;\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: 0px;\r\n        width: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n\t}\r\n\t&:hover,\r\n    &:focus,\r\n    &:active {\r\n\t\t.gmfgb-mg-content,\r\n\t\t.change-image,\r\n\t\t.remove-item {\r\n\t\t\topacity: 1;\r\n\t\t\tvisibility: visible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.gmfgb-mg-image {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbox-sizing: border-box; /* Ensure borders are included in width/height calculations */\r\n\tcursor: pointer;\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100% !important;\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: \"\";\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: rgba(0, 0, 0, 0.36);\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t}\r\n\t\r\n\t// Tablet styles\r\n\t@media (min-width: 561px) and (max-width: 767px) {\r\n\t\tborder-radius: var(--border-radius-tablet-top, 0px) var(--border-radius-tablet-right, 0px) var(--border-radius-tablet-bottom, 0px) var(--border-radius-tablet-left, 0px);\r\n\t\tborder-top-width: var(--border-width-tablet-top, 0px);\r\n\t\tborder-right-width: var(--border-width-tablet-right, 0px);\r\n\t\tborder-bottom-width: var(--border-width-tablet-bottom, 0px);\r\n\t\tborder-left-width: var(--border-width-tablet-left, 0px);\r\n\t\tborder-style: var(--border-type-tablet, none);\r\n\t\tborder-color: var(--border-color-tablet, #000);\r\n\t}\r\n\t\r\n\t// Mobile styles\r\n\t@media (min-width: 320px) and (max-width: 560px) {\r\n\t\tborder-radius: var(--border-radius-mobile-top, 0px) var(--border-radius-mobile-right, 0px) var(--border-radius-mobile-bottom, 0px) var(--border-radius-mobile-left, 0px);\r\n\t\tborder-top-width: var(--border-width-mobile-top, 0px);\r\n\t\tborder-right-width: var(--border-width-mobile-right, 0px);\r\n\t\tborder-bottom-width: var(--border-width-mobile-bottom, 0px);\r\n\t\tborder-left-width: var(--border-width-mobile-left, 0px);\r\n\t\tborder-style: var(--border-type-mobile, none);\r\n\t\tborder-color: var(--border-color-mobile, #000);\r\n\t}\r\n\t&-caption-count {\r\n\t\tfont-size: 12px;\r\n\t\tcolor: #000;\r\n\t\tmargin: 0 0 8px 0;\r\n\t\ttext-align: center;\r\n\t\tbackground: #fff;\r\n\t\tdisplay: inline-block;\r\n\t\tpadding: 5px;\r\n\t\tborder-radius: 5px;\r\n\t\tz-index: 2;\r\n\t}\r\n} \r\n.gmfgb-mg-video {\r\n\tz-index: 1;\r\n\tbackground-color: rgba(255, 255, 255, 0.2);\r\n\tpadding: 0;\r\n\tborder: 1px solid #949494;\r\n\tposition: relative;\r\n    height: 30px;\r\n    overflow: hidden;\r\n    span {\r\n        font-size: 13px;\r\n        padding: 3px 8px;\r\n        color: #fff;\r\n        display: block;\r\n    }\r\n\tsvg {\r\n\t\twidth: 40px;\r\n\t\theight: 24px;\r\n\r\n\t\tfill: white;\r\n\t}\r\n}\r\n.gmfgb-mg-content {\r\n\tbox-sizing: border-box;\r\n\tpadding: 20px;\r\n\tposition: absolute;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tlabel {\r\n\t\tdisplay: none;\r\n\t}\r\n\tinput[type=\"text\"],\r\n\ttextarea {\r\n\t\tbackground-color: rgba(255, 255, 255, 0.2);\r\n\t\tcolor: #ffffff;\r\n\t\t&::-webkit-input-placeholder {\r\n\t\t\t/* Chrome/Opera/Safari */\r\n\t\t\tcolor: #ffffff;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&::-moz-placeholder {\r\n\t\t\t/* Firefox 19+ */\r\n\t\t\tcolor: #ffffff;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&:-ms-input-placeholder {\r\n\t\t\t/* IE 10+ */\r\n\t\t\tcolor: #ffffff;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&:-moz-placeholder {\r\n\t\t\t/* Firefox 18- */\r\n\t\t\tcolor: #ffffff;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&:focus {\r\n\t\t\tbackground-color: rgba(255, 255, 255, 1);\r\n\t\t\tcolor: #000000;\r\n\t\t\t&::-webkit-input-placeholder {\r\n\t\t\t\t/* Chrome/Opera/Safari */\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t\t&::-moz-placeholder {\r\n\t\t\t\t/* Firefox 19+ */\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t\t&:-ms-input-placeholder {\r\n\t\t\t\t/* IE 10+ */\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t\t&:-moz-placeholder {\r\n\t\t\t\t/* Firefox 18- */\r\n\t\t\t\tcolor: #000000;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.custom-label {\r\n\ttext-transform: uppercase;\r\n\tmargin-bottom: 10px;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n// Additional specificity for WordPress admin editor\r\n.wp-admin .editor-styles-wrapper .gmfgb-mg-grid {\r\n\trow-gap: 20px !important;\r\n\tcolumn-gap: var(--gutter-desktop, 20px) !important;\r\n\t\r\n\t@media (min-width: 561px) and (max-width: 767px) {\r\n\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\r\n\t}\r\n\t\r\n\t@media (min-width: 320px) and (max-width: 560px) {\r\n\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\r\n\t}\r\n\t\r\n\t.gmfgb-mg-wrap {\r\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\r\n\t\t\r\n\t\t@media (min-width: 561px) and (max-width: 767px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t@media (min-width: 320px) and (max-width: 560px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Even more specific rule for the editor context\r\nbody.wp-admin .editor-styles-wrapper .gmfgb-mg-grid[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\r\n\tdisplay: flex !important;\r\n\tflex-wrap: wrap !important;\r\n\trow-gap: 20px !important;\r\n\tcolumn-gap: var(--gutter-desktop, 20px) !important;\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\r\n\t}\r\n\t\r\n\t@media (max-width: 767px) {\r\n\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\r\n\t}\r\n\t\r\n\t.gmfgb-mg-wrap {\r\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\r\n\t\tmargin: 0 !important;\r\n\t\t\r\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t@media (max-width: 767px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t.gmfgb-mg-button {\r\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\r\n\t\tmargin: 0 !important;\r\n\t\t\r\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\r\n\t\t}\r\n\t\t\r\n\t\t@media (max-width: 767px) {\r\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Fallback mechanism using data attributes for gutter spacing\r\n.gmfgb-mg-grid[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\r\n\t// Desktop fallback\r\n\t&[data-gutter-desktop=\"10\"] { column-gap: 10px !important; }\r\n\t&[data-gutter-desktop=\"15\"] { column-gap: 15px !important; }\r\n\t&[data-gutter-desktop=\"20\"] { column-gap: 20px !important; }\r\n\t&[data-gutter-desktop=\"25\"] { column-gap: 25px !important; }\r\n\t&[data-gutter-desktop=\"30\"] { column-gap: 30px !important; }\r\n\t&[data-gutter-desktop=\"35\"] { column-gap: 35px !important; }\r\n\t&[data-gutter-desktop=\"40\"] { column-gap: 40px !important; }\r\n\t&[data-gutter-desktop=\"45\"] { column-gap: 45px !important; }\r\n\t&[data-gutter-desktop=\"50\"] { column-gap: 50px !important; }\r\n\t\r\n\t// Tablet fallback (768px to 1023px) - Includes iPad\r\n\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\t&[data-gutter-tablet=\"10\"] { column-gap: 10px !important; }\r\n\t\t&[data-gutter-tablet=\"15\"] { column-gap: 15px !important; }\r\n\t\t&[data-gutter-tablet=\"20\"] { column-gap: 20px !important; }\r\n\t\t&[data-gutter-tablet=\"25\"] { column-gap: 25px !important; }\r\n\t\t&[data-gutter-tablet=\"30\"] { column-gap: 30px !important; }\r\n\t\t&[data-gutter-tablet=\"35\"] { column-gap: 35px !important; }\r\n\t\t&[data-gutter-tablet=\"40\"] { column-gap: 40px !important; }\r\n\t\t&[data-gutter-tablet=\"45\"] { column-gap: 45px !important; }\r\n\t\t&[data-gutter-tablet=\"50\"] { column-gap: 50px !important; }\r\n\t}\r\n\t\r\n\t// Mobile fallback (below 768px) - Includes all mobile devices\r\n\t@media (max-width: 767px) {\r\n\t\t&[data-gutter-mobile=\"10\"] { column-gap: 10px !important; }\r\n\t\t&[data-gutter-mobile=\"15\"] { column-gap: 15px !important; }\r\n\t\t&[data-gutter-mobile=\"20\"] { column-gap: 20px !important; }\r\n\t\t&[data-gutter-mobile=\"25\"] { column-gap: 25px !important; }\r\n\t\t&[data-gutter-mobile=\"30\"] { column-gap: 30px !important; }\r\n\t\t&[data-gutter-mobile=\"35\"] { column-gap: 35px !important; }\r\n\t\t&[data-gutter-mobile=\"40\"] { column-gap: 40px !important; }\r\n\t\t&[data-gutter-mobile=\"45\"] { column-gap: 45px !important; }\r\n\t\t&[data-gutter-mobile=\"50\"] { column-gap: 50px !important; }\r\n\t}\r\n}\r\n\r\n// Force immediate application of gutter spacing in editor\r\nbody.wp-admin .editor-styles-wrapper .gmfgb-mg-grid[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\r\n\t// Desktop styles (1024px and above)\r\n\t@media (min-width: 1024px) {\r\n\t\tcolumn-gap: var(--gutter-desktop, 20px) !important;\r\n\t}\r\n\t\r\n\t// Tablet styles (768px to 1023px) - Includes iPad\r\n\t@media (min-width: 768px) and (max-width: 1023px) {\r\n\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\r\n\t}\r\n\t\r\n\t// Mobile styles (below 768px) - Includes all mobile devices\r\n\t@media (max-width: 767px) {\r\n\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\r\n\t}\r\n}\r\n\r\n// Comprehensive border handling for editor\r\n.editor-styles-wrapper .gmfgb-mg-grid {\r\n\t// Ensure grid layout remains intact with borders\r\n\t.gmfgb-mg-wrap {\r\n\t\t// Use padding instead of margin to prevent border overflow\r\n\t\tbox-sizing: border-box !important;\r\n\t\toverflow: hidden !important;\r\n\t\t\r\n\t\t.gmfgb-mg-image {\r\n\t\t\t// Ensure borders are contained within the element\r\n\t\t\tbox-sizing: border-box !important;\r\n\t\t\twidth: 100% !important;\r\n\t\t\theight: 100% !important;\r\n\t\t\t\r\n\t\t\t// Ensure image content fits properly\r\n\t\t\timg {\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t\theight: 100% !important;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tobject-position: center;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t// Ensure button maintains proper sizing\r\n\t.gmfgb-mg-button {\r\n\t\tbox-sizing: border-box !important;\r\n\t\toverflow: hidden !important;\r\n\t}\r\n}\r\n\r\n.block-editor-block-inspector label.components-input-control__label {\r\n\tfont-size: 13px !important;\r\n\ttext-transform: capitalize !important;\r\n}"],"names":[],"sourceRoot":""}