{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;CAAA;AAQA;EACC;EACG;EACH;EACA;EACA;EACA;EACA;OAAA;EACA;AAFD;AAIC;EAEC;EACA;OAAA;AAHF;AAOC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AALF;AAQE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AANH;AAUE;EACC;EACA;EACA;EACA;EACA;EACA;AARH;AAeE;EAFD;IAGE;IACA;SAAA;EAZD;EAaC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAXF;EAcE;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EAZH;EAcG;IACC;IACA;IACA;IACA;EAZJ;AACF;AAkBE;EApCD;IAqCE;IACA;SAAA;EAfD;EAgBC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAdF;EAiBE;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAfH;EAkBG;IACC;IACA;IACA;IACA;EAhBJ;AACF;AAsBE;EAtED;IAuEE;IACA;SAAA;EAnBD;EAoBC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAlBF;EAqBE;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAnBH;EAsBG;IACC;IACA;IACA;IACA;EApBJ;AACF;AA6BE;EAEE;IACC;IACA;SAAA;EA5BH;EA6BG;IACC;IACA;IACA;IACA;EA3BJ;EA8BI;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EA5BL;EA+BK;IACC;IACA;IACA;IACA;EA7BN;EAKE;IACC;IACA;SAAA;EAHH;EAIG;IACC;IACA;IACA;IACA;EAFJ;EAKI;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAHL;EAMK;IACC;IACA;IACA;IACA;EAJN;EApBE;IACC;IACA;SAAA;EAsBH;EArBG;IACC;IACA;IACA;IACA;EAuBJ;EApBI;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAsBL;EAnBK;IACC;IACA;IACA;IACA;EAqBN;AACF;AAbE;EArCD;IAsCE;IACA;SAAA;EAgBD;EAfC;IACC;IACA;IACA;IACA;EAiBF;EAdE;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAgBH;EAbG;IACC;IACA;IACA;IACA;EAeJ;AACF;AATE;EApED;IAqEE;IACA;SAAA;EAYD;EAXC;IACC;IACA;IACA;IACA;EAaF;EAVE;IACC;IACA;IACA;IACA;IACA;IACA;IACA;EAYH;EATG;IACC;IACA;IACA;IACA;EAWJ;AACF;AAJC;EACC;EACA;OAAA;AAMF;AAJE;EAJD;IAKE;IACA;SAAA;EAOD;AACF;AALE;EATD;IAUE;IACA;SAAA;EAQD;AACF;AANE;EAdD;IAeE;IACA;SAAA;EASD;AACF;AANC;EACC;AAQF;AALC;EACC;EACA;EACM;EACA;AAOR;AANE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;AAIH;AAEC;EACC;EACA;AAAF;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;AAJF;AAKE;EACC;EACA;EACA;KAAA;EACA;KAAA;AAHH;AAOE;;EAEC;AALH;AAOE;EACC;EACA;EACA;EACA;EACS;AALZ;AAOE;EACU;AALZ;AAMG;EACC;EACY;AAJhB;AAMG;EACC;AAJJ;AAMG;EACC;EACY;EACA;KAAA;AAJhB;AASE;EAEC;AARH;AAYC;EACC;EACA;AAVF;AAiBC;EACC;EACA;EACA;EACA;EACA;EACA;AAfF;AAiBE;EACC;EACA;EACA;AAfH;AAkBE;;;EAGC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBH;AAkBG;;;;;;;EAGC;AAZJ;AA0BC;EACC;EACA;EACA;EACA;EACA;AAxBF;AA0BE;EACC;EACA;EACA;EACA;AAxBH;AA8BE;EACC;AA5BH;AAiCC;EACC;AA/BF;AAkCC;EACC;IACC;EAhCD;AACF;AAmCC;EACC;IACC;EAjCD;AACF;;AAsCA;EACC;EACA;EACA;OAAA;AAnCD;AAqCC;EACC;EACA;EACA;AAnCF;AAsCE;EAND;IAOE;IACA;EAnCD;AACF;AAsCE;EAZD;IAaE;IACA;EAnCD;AACF;;AAwCA;EAEC;EACA;EAGA;EACA;OAAA;AAxCD;AA2CC;EAVD;IAWE;SAAA;EAxCA;AACF;AA0CC;EAdD;IAeE;SAAA;EAvCA;AACF;AA0CC;EACC;EACA;AAxCF;AA0CE;EACC;EACA;EACA;EACA;AAxCH;AA0CG;EAND;IAOE;EAvCF;AACF;AAyCG;EAVD;IAWE;EAtCF;AACF;;AA4CA;EACC;AAzCD;AA4CE;EACC;AA1CH;AA8CC;EACC;EACA;OAAA;AA5CF;AA8CE;EAJD;IAKE;IACA;SAAA;EA3CD;AACF;AA6CE;EATD;IAUE;IACA;SAAA;EA1CD;AACF;AA4CE;EAdD;IAeE;IACA;SAAA;EAzCD;AACF;;AA8CA;EACC;AA3CD;AA6CC;EAHD;IAIE;IACA;SAAA;EA1CA;AACF;AA4CC;EARD;IASE;IACA;SAAA;EAzCA;AACF;AA2CC;EAbD;IAcE;IACA;SAAA;EAxCA;AACF;;AA4CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzCD;;AA4CA;EACC;AAzCD;;AA4CA;EACC;AAzCD,C;;;;AC9iBA;;;;CAAA;AASA;EACC;EACG;EACH;EACA;EACA;EACA;EACA;OAAA;EACA;AAHD;AAKC;EAEC;EACA;OAAA;AAJF;AAUE;EAFD;IAGE;IACA;SAAA;EAPD;EASC;;;IAGC;IACA;EAPF;AACF;AAWE;EAfD;IAgBE;IACA;SAAA;EARD;EAUC;;;IAGC;IACA;EARF;AACF;AAYE;EA5BD;IA6BE;IACA;SAAA;EATD;EAWC;;;IAGC;IACA;EATF;AACF;AAgBE;EAFD;IAGE;IACA;SAAA;EAbD;EAeC;;;IAGC;IACA;EAbF;AACF;AAiBE;EAfD;IAgBE;IACA;SAAA;EAdD;EAgBC;;;IAGC;IACA;EAdF;AACF;AAkBE;EA5BD;IA6BE;IACA;SAAA;EAfD;EAiBC;;;IAGC;IACA;EAfF;AACF;AAsBE;EAEE;IACC;IACA;SAAA;EArBH;EAsBG;;;IAGC;IACA;EApBJ;EAaE;IACC;IACA;SAAA;EAXH;EAYG;;;IAGC;IACA;EAVJ;EAGE;IACC;IACA;SAAA;EADH;EAEG;;;IAGC;IACA;EAAJ;EAPE;IACC;IACA;SAAA;EASH;EARG;;;IAGC;IACA;EAUJ;EAjBE;IACC;IACA;SAAA;EAmBH;EAlBG;;;IAGC;IACA;EAoBJ;AACF;AAdE;EAlBD;IAmBE;IACA;SAAA;EAiBD;EAhBC;;;IAGC;IACA;EAkBF;AACF;AAdE;EA9BD;IA+BE;IACA;SAAA;EAiBD;EAhBC;;;IAGC;IACA;EAkBF;AACF;AAbC;EACC;EACA;OAAA;AAeF;AAbE;EAJD;IAKE;IACA;SAAA;EAgBD;AACF;AAdE;EATD;IAUE;IACA;SAAA;EAiBD;AACF;AAfE;EAdD;IAeE;IACA;SAAA;EAkBD;AACF;;AAbA;EACC;EACA;EACA;OAAA;AAgBD;AAdC;EACC;EACA;EACA;AAgBF;AAbE;EAND;IAOE;IACA;EAgBD;AACF;AAbE;EAZD;IAaE;IACA;EAgBD;AACF;;AAXA;EAEC;EACA;EAGA;EACA;OAAA;AAWD;AARC;EAVD;IAWE;SAAA;EAWA;AACF;AATC;EAdD;IAeE;SAAA;EAYA;AACF;AATC;EACC;EACA;AAWF;AATE;EACC;EACA;EACA;AAWH;AARE;EACC;EACA;EACA;EACA;AAUH;AARG;EAND;IAOE;EAWF;AACF;AATG;EAVD;IAWE;EAYF;AACF;;AANA;EACC;AASD;AANE;EACC;AAQH;AAJC;EACC;EACA;OAAA;AAMF;AAJE;EAJD;IAKE;IACA;SAAA;EAOD;AACF;AALE;EATD;IAUE;IACA;SAAA;EAQD;AACF;AANE;EAdD;IAeE;IACA;SAAA;EASD;AACF;;AAJA;EACC;AAOD;AALC;EAHD;IAIE;IACA;SAAA;EAQA;AACF;AANC;EARD;IASE;IACA;SAAA;EASA;AACF;AAPC;EAbD;IAcE;IACA;SAAA;EAUA;AACF;;AANC;;EAEC;AASF;;AALA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAQD;AAPC;EACC;EACA;EACA;AASF;AAPC;EACC;EACA;EACA;AASF;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AASF;;AAJA;EACI;AAOJ;;AALA;;EAEC;AAQD;;AANA;EACI;IACI;IACA;EASN;AACF;AAPA;EACI;IACI;IACA;EASN;AACF;AAPA;EACI;IACI;IACA;EASN;AACF;AANA;EACI;EACH;EACA;EACA;EACA;EACA;AAQD;AAPI;EACI;AASR;AAPI;EACI;AASR;AAPC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AASF;AALC;EACC;EACA;EACA;EACA;AAOF;;AADC;EACC;AAIF;;AAEE;EACC;EACA;AACH;;AAOC;EAA8B;OAAA;AAH/B;AAIC;EAA8B;OAAA;AAD/B;AAEC;EAA8B;OAAA;AAC/B;AAAC;EAA8B;OAAA;AAG/B;AAFC;EAA8B;OAAA;AAK/B;AAJC;EAA8B;OAAA;AAO/B;AANC;EAA8B;OAAA;AAS/B;AARC;EAA8B;OAAA;AAW/B;AAVC;EAA8B;OAAA;AAa/B;AAVC;EACC;IAA6B;SAAA;EAa7B;EAZA;IAA6B;SAAA;EAe7B;EAdA;IAA6B;SAAA;EAiB7B;EAhBA;IAA6B;SAAA;EAmB7B;EAlBA;IAA6B;SAAA;EAqB7B;EApBA;IAA6B;SAAA;EAuB7B;EAtBA;IAA6B;SAAA;EAyB7B;EAxBA;IAA6B;SAAA;EA2B7B;EA1BA;IAA6B;SAAA;EA6B7B;AACF;AA1BC;EACC;IAA6B;SAAA;EA6B7B;EA5BA;IAA6B;SAAA;EA+B7B;EA9BA;IAA6B;SAAA;EAiC7B;EAhCA;IAA6B;SAAA;EAmC7B;EAlCA;IAA6B;SAAA;EAqC7B;EApCA;IAA6B;SAAA;EAuC7B;EAtCA;IAA6B;SAAA;EAyC7B;EAxCA;IAA6B;SAAA;EA2C7B;EA1CA;IAA6B;SAAA;EA6C7B;AACF;;AA3CA;;;EAGI;AA8CJ;;AA5CA;EACI;;;IAGI;EA+CN;AACF;AA7CA;EACI;;;IAGI;EA+CN;AACF,C","sources":["webpack://grid-masonry-for-guten-blocks/./src/block/post-grid/style.scss","webpack://grid-masonry-for-guten-blocks/./src/block/media-grid/style.scss"],"sourcesContent":["/**\n* Post Grid Editor Styles\n*\n* CSS for both Frontend+Backend.\n*/\n\n$columns: 3;\n\n.gmfgb-pg-grid {\n\tdisplay: flex;\n    flex-wrap: wrap;\n\tmargin: 0;\n\tfont-size: 0;\n\tposition: relative;\n\trow-gap: 20px; /* Default row gap */\n\tcolumn-gap: 20px; /* Default column gap */\n\tborder: none;\n\t// Apply custom gap values when available\n\t&[data-grid-desktop][data-grid-tablet][data-grid-mobile] {\n\t\t// Row gap always 20px, column gap uses gap value\n\t\trow-gap: 20px;\n\t\tcolumn-gap: var(--gap, 20px);\n\t}\n\t\n\t// Target the WordPress Query block's list container\n\t.wp-block-query {\n\t\tdisplay: flex !important;\n\t\tflex-wrap: wrap !important;\n\t\tgap: var(--gap, 20px);\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\twidth: 100%;\n\t\theight: auto !important;\n\t\t\n\t\t// Ensure the list inside query block uses flexbox\n\t\tul {\n\t\t\tdisplay: flex !important;\n\t\t\tflex-wrap: wrap !important;\n\t\t\tgap: var(--gap, 20px);\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t\tlist-style: none !important;\n\t\t}\n\t\t\n\t\t// Ensure post template uses flexbox\n\t\t.wp-block-post-template {\n\t\t\tdisplay: flex !important;\n\t\t\tflex-wrap: wrap !important;\n\t\t\tgap: var(--gap, 20px);\n\t\t\tmargin: 0 !important;\n\t\t\tpadding: 0 !important;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t\n\t// Responsive grid with data attributes - Higher specificity\n\t&[data-grid-desktop][data-grid-tablet][data-grid-mobile] {\n\t\t// Desktop styles (1024px and above)\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gap, 20px);\n\t\t\t.wp-block-post {\n\t\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2)) !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tleft: unset !important;\n\t\t\t\ttop: unset !important;\n\t\t\t\tflex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2)) !important;\n\t\t\t\t\n\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\tborder-top-width: var(--border-width-desktop-top, 0px) !important;\n\t\t\t\t\tborder-right-width: var(--border-width-desktop-right, 0px) !important;\n\t\t\t\t\tborder-bottom-width: var(--border-width-desktop-bottom, 0px) !important;\n\t\t\t\t\tborder-left-width: var(--border-width-desktop-left, 0px) !important;\n\t\t\t\t\tborder-style: var(--border-type-desktop, none) !important;\n\t\t\t\t\tborder-color: var(--border-color-desktop, #000000) !important;\n\t\t\t\t\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) !important;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gap, 20px);\n\t\t\t.wp-block-post {\n\t\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tleft: unset !important;\n\t\t\t\ttop: unset !important;\n\t\t\t\tflex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t\t\n\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\tborder-top-width: var(--border-width-desktop-top, 0px) !important;\n\t\t\t\t\tborder-right-width: var(--border-width-desktop-right, 0px) !important;\n\t\t\t\t\tborder-bottom-width: var(--border-width-desktop-bottom, 0px) !important;\n\t\t\t\t\tborder-left-width: var(--border-width-desktop-left, 0px) !important;\n\t\t\t\t\tborder-style: var(--border-type-desktop, none) !important;\n\t\t\t\t\tborder-color: var(--border-color-desktop, #000000) !important;\n\t\t\t\t\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) !important;\n\t\t\t\t\t\n\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gap, 20px);\n\t\t\t.wp-block-post {\n\t\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\tpadding: 0 !important;\n\t\t\t\tposition: relative !important;\n\t\t\t\tleft: unset !important;\n\t\t\t\ttop: unset !important;\n\t\t\t\tflex: 0 0 calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t\t\n\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\tborder-top-width: var(--border-width-desktop-top, 0px) !important;\n\t\t\t\t\tborder-right-width: var(--border-width-desktop-right, 0px) !important;\n\t\t\t\t\tborder-bottom-width: var(--border-width-desktop-bottom, 0px) !important;\n\t\t\t\t\tborder-left-width: var(--border-width-desktop-left, 0px) !important;\n\t\t\t\t\tborder-style: var(--border-type-desktop, none) !important;\n\t\t\t\t\tborder-color: var(--border-color-desktop, #000000) !important;\n\t\t\t\t\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) !important;\n\t\t\t\t\t\n\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Fallback styles for blocks without data attributes (lower specificity)\n\t&:not([data-grid-desktop]) {\n\t\t// Default desktop styles (fallback) - 1024px and above\n\t\t@media (min-width: 1024px) {\n\t\t\t@for $i from 1 through $columns {\n\t\t\t\t&.grid-size-#{$i} {\n\t\t\t\t\trow-gap: 20px;\n\t\t\t\t\tcolumn-gap: 20px;\n\t\t\t\t\t.wp-block-post {\n\t\t\t\t\t\twidth: calc((100% - (20px * ($i - 1))) / $i);\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tflex: 0 0 calc((100% - (20px * ($i - 1))) / $i);\n\t\t\t\t\t\t\n\t\t\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\t\t\tborder-top-width: var(--border-width-desktop-top, 0px) !important;\n\t\t\t\t\t\t\tborder-right-width: var(--border-width-desktop-right, 0px) !important;\n\t\t\t\t\t\t\tborder-bottom-width: var(--border-width-desktop-bottom, 0px) !important;\n\t\t\t\t\t\t\tborder-left-width: var(--border-width-desktop-left, 0px) !important;\n\t\t\t\t\t\t\tborder-style: var(--border-type-desktop, none) !important;\n\t\t\t\t\t\t\tborder-color: var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\t\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) !important;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\t\t\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\t\t\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\t\t\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\t\t\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop, #000000) !important;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tablet styles (fallback) - 768px to 1023px\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t\t.wp-block-post {\n\t\t\t\twidth: calc(50% - 10px);\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex: 0 0 calc(50% - 10px);\n\t\t\t\t\n\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\tborder-top-width: var(--border-width-tablet-top, 0px) !important;\n\t\t\t\t\tborder-right-width: var(--border-width-tablet-right, 0px) !important;\n\t\t\t\t\tborder-bottom-width: var(--border-width-tablet-bottom, 0px) !important;\n\t\t\t\t\tborder-left-width: var(--border-width-tablet-left, 0px) !important;\n\t\t\t\t\tborder-style: var(--border-type-tablet, none) !important;\n\t\t\t\t\tborder-color: var(--border-color-tablet, #000000) !important;\n\t\t\t\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) !important;\n\t\t\t\t\t\n\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\tborder-top: var(--border-width-tablet-top, 0px) var(--border-type-tablet, none) var(--border-color-tablet, #000000) !important;\n\t\t\t\t\t\tborder-right: var(--border-width-tablet-right, 0px) var(--border-type-tablet, none) var(--border-color-tablet, #000000) !important;\n\t\t\t\t\t\tborder-bottom: var(--border-width-tablet-bottom, 0px) var(--border-type-tablet, none) var(--border-color-tablet, #000000) !important;\n\t\t\t\t\t\tborder-left: var(--border-width-tablet-left, 0px) var(--border-type-tablet, none) var(--border-color-tablet, #000000) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Mobile styles (fallback) - below 768px\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t\t.wp-block-post {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\n\t\t\t\t// Apply border styles to individual post items with higher specificity\n\t\t\t\t.gmfgb-pg-wrap {\n\t\t\t\t\tborder-top-width: var(--border-width-mobile-top, 0px) !important;\n\t\t\t\t\tborder-right-width: var(--border-width-mobile-right, 0px) !important;\n\t\t\t\t\tborder-bottom-width: var(--border-width-mobile-bottom, 0px) !important;\n\t\t\t\t\tborder-left-width: var(--border-width-mobile-left, 0px) !important;\n\t\t\t\t\tborder-style: var(--border-type-mobile, none) !important;\n\t\t\t\t\tborder-color: var(--border-color-mobile, #000000) !important;\n\t\t\t\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) !important;\n\t\t\t\t\t\n\t\t\t\t\t// Only apply border when border type is not 'none'\n\t\t\t\t\t&:not([style*=\"border-style: none\"]) {\n\t\t\t\t\t\tborder-top: var(--border-width-mobile-top, 0px) var(--border-type-mobile, none) var(--border-color-mobile, #000000) !important;\n\t\t\t\t\t\tborder-right: var(--border-width-mobile-right, 0px) var(--border-type-mobile, none) var(--border-color-mobile, #000000) !important;\n\t\t\t\t\t\tborder-bottom: var(--border-width-mobile-bottom, 0px) var(--border-type-mobile, none) var(--border-color-mobile, #000000) !important;\n\t\t\t\t\t\tborder-left: var(--border-width-mobile-left, 0px) var(--border-type-mobile, none) var(--border-color-mobile, #000000) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Ensure default 20px gaps for any post grid without specific gap settings\n\t&:not([data-grid-desktop]):not([data-grid-tablet]):not([data-grid-mobile]) {\n\t\trow-gap: 20px;\n\t\tcolumn-gap: 20px;\n\t\t\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t\t\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t\t\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t}\n\n\t.wp-block-post-excerpt__more-text {\n\t\tdisplay: none !important;\n\t}\n\n\t.gmfgb-pg-wrap {\n\t\tposition: relative;\n\t\theight: 100%;\n        margin: 0 !important;\n        overflow: hidden;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tbackground-image: linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\trgba(20, 20, 20, 0.5),\n\t\t\t\trgba(20, 20, 20, 0.7)\n\t\t\t);\n\t\t\toverflow: hidden;\n\t\t\tz-index: 0;\n\t\t\tpointer-events: none;\n\t\t\t\n\t\t\t\n\t\t}\n\t}\n\n\t.gmfgb-pg-content {\n\t\tz-index: 1;\n\t\tposition: relative;\n\t}\n\n\t.wp-block-group__inner-container {\n\t\t// position: relative;\n\t}\n\t.gmfgb-pg-featured-img {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\timg {\n\t\t\twidth: 100% !important;\n\t\t\theight: 100% !important;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: center;\n\t\t}\n\t}\n\t.gmfgb-pg-date-wrap {\n\t\t.wp-block-post-author,\n\t\t.gmfgb-pg-date {\n\t\t\tmargin: 0;\n\t\t}\n\t\t.wp-block-group__inner-container {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t\tgap: 20px;\n            padding: 0 !important;\n\t\t}\n\t\t.wp-block-post-author {\n            align-items: center;\n\t\t\t&__avatar {\n\t\t\t\twidth: 16px;\n                display: flex;\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t\timg {\n\t\t\t\tmax-width: 100%;\n                max-height: 16px;\n                object-fit: contain;\n\t\t\t}\n\t\t}\n\t}\n\t.gmfgb-pg-link {\n\t\t&:focus,\n\t\t&:hover {\n\t\t\tbackground: transparent !important;\n\t\t}\n\t}\n\n\t.wp-block-post-excerpt__excerpt {\n\t\tfont-size: 13px;\n\t\tline-height: 1.2;\n\t}\n\n\t// .gmfgb-pg-loop-wrap {\n\t// \tpadding-bottom: 40px;\n\t// }\n\n\t.post-pagination {\n\t\tposition: relative;\n\t\ttop: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmargin: 0;\n\n\t\t.wp-block-query-pagination-numbers {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.wp-block-query-pagination-previous,\n\t\t.wp-block-query-pagination-next,\n\t\t.page-numbers {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 5px;\n\t\t\tpadding: 5px 10px;\n\t\t\tbackground-color: #424242;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: 400;\n\t\t\tborder-radius: 12px;\n\t\t\tmin-width: 40px;\n\t\t\ttext-align: center;\n\t\t\tdisplay: block;\n\t\t\ttext-decoration: none;\n\n\t\t\t&.current,\n\t\t\t&:focus,\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #000 !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// .gmfgb-pg-loop-wrap {\n\t// \tul {\n\t// \t\tdisplay: flex !important;\n\t// \t\tflex-wrap: wrap;\n\t// \t\tmargin-bottom: 20px !important;\n\t// \t}\n\t// }\n\n\t// Frontend CTA button styles\n\t.gmfgb-pg-cta-button {\n\t\tposition: relative;\n\t\tz-index: 10;\n\t\tmargin-top: 40px;\n\t\tclear: both;\n\t\twidth: 100%;\n\t\t\n\t\t.wp-block-buttons {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\t\n\t// Override WordPress core rule that forces border-style: solid\n\t.gmfgb-pg-wrap {\n\t\t&[style*=\"border-width\"] {\n\t\t\tborder-style: var(--border-type-desktop, none) !important;\n\t\t}\n\t}\n\n\t// Ensure border is removed when border type is 'none'\n\t&[data-border-type-desktop=\"none\"] .wp-block-post .gmfgb-pg-wrap {\n\t\tborder: none !important;\n\t}\n\t\n\t@media (min-width: 561px) and (max-width: 767px) {\n\t\t&[data-border-type-tablet=\"none\"] .wp-block-post .gmfgb-pg-wrap {\n\t\t\tborder: none !important;\n\t\t}\n\t}\n\t\n\t@media (min-width: 320px) and (max-width: 560px) {\n\t\t&[data-border-type-mobile=\"none\"] .wp-block-post .gmfgb-pg-wrap {\n\t\t\tborder: none !important;\n\t\t}\n\t}\n}\n\n// Isotope-specific styles for post grid\n.gmfgb-pg-grid.isotope-initialized {\n\tdisplay: block !important;\n\trow-gap: 20px !important; /* Maintain 20px row gap even with Isotope */\n\tcolumn-gap: 0; /* Isotope handles column spacing internally */\n\t\n\t.wp-block-post {\n\t\tposition: absolute;\n\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2));\n\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2));\n\t\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t}\n\t\t\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\n\t\t@media (max-width: 767px) {\n\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1));\n\t\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t}\n\t}\n}\n\n// Admin editor specific styles to prevent conflicts\n.editor-styles-wrapper .gmfgb-pg-grid {\n\t// Ensure proper isolation in admin editor\n\tz-index: 1;\n\tposition: relative;\n\t\n\t// Ensure gap spacing works in editor\n\trow-gap: 20px !important;\n\tcolumn-gap: var(--gap, 20px) !important;\n\t\n\t// Responsive gap spacing for editor\n\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t}\n\t\n\t@media (max-width: 767px) {\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t}\n\t\n\t// Prevent conflicts with media grid\n\t&:not(.isotope-initialized) {\n\t\tdisplay: flex !important;\n\t\tflex-wrap: wrap !important;\n\t\t\n\t\t.wp-block-post {\n\t\t\tposition: relative !important;\n\t\t\tleft: unset !important;\n\t\t\ttop: unset !important;\n\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-desktop, 2) - 1))) / var(--grid-desktop, 2)) !important;\n\t\t\t\n\t\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t}\n\t\t\t\n\t\t\t@media (max-width: 767px) {\n\t\t\t\twidth: calc((100% - (var(--gap, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Frontend-specific styles to ensure row gap works\nbody:not(.wp-admin) .gmfgb-pg-grid {\n\trow-gap: 20px !important;\n\t\n\t&.isotope-initialized {\n\t\t.wp-block-post {\n\t\t\tmargin-bottom: 20px !important;\n\t\t}\n\t}\n\t\n\t&:not(.isotope-initialized) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t\t\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gap, 20px) !important;\n\t\t}\n\t\t\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gap, 20px) !important;\n\t\t}\n\t\t\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gap, 20px) !important;\n\t\t}\n\t}\n}\n\n// Additional frontend-specific rules with higher specificity\nbody:not(.wp-admin) .gmfgb-pg-grid[data-grid-desktop][data-grid-tablet][data-grid-mobile] {\n\trow-gap: 20px !important;\n\t\n\t@media (min-width: 1024px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t}\n\t\n\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t}\n\t\n\t@media (max-width: 767px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gap, 20px) !important;\n\t}\n}\n\n// Anchor link styles for clickable posts\n.anchor .gmfgb-pg-link::before {\n\tcontent: \"\";\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\tdisplay: block;\n\tleft: 0;\n\ttop: 0;\n\tbackground: transparent;\n}\n\n.anchor .gmfgb-pg-link:focus {\n\toutline: none;\n}\n\n.no-anchor .gmfgb-pg-link::before {\n\tdisplay: none;\n}\n","/**\n* Media Grid Editor + FrontEnd Styles\n*\n* CSS for both Frontend+Backend.\n*/\n\n$columns: 5;\n\n// Media Grid specific styles with higher specificity\n.gmfgb-mg-grid {\n\tdisplay: flex;\n    flex-wrap: wrap;\n\tmargin: 0;\n\tfont-size: 0;\n\tposition: relative;\n\trow-gap: 20px; /* Default row gap */\n\tcolumn-gap: 20px; /* Default column gap */\n\tborder: none;\n\t// Apply custom gutter values when available\n\t&[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\n\t\t// Row gap always 20px, column gap uses gutter value\n\t\trow-gap: 20px;\n\t\tcolumn-gap: var(--gutter-desktop, 20px);\n\t}\n\t\n\t// Responsive grid with data attributes - Higher specificity\n\t&[data-grid-desktop][data-grid-tablet][data-grid-mobile] {\n\t\t// Desktop styles (1024px and above)\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-desktop, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-tablet, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-mobile, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Frontend specific styles - ensure gutter values are applied\n\t&[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\n\t\t// Desktop styles (1024px and above)\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-desktop, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-tablet, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: var(--gutter-mobile, 20px);\n\t\t\t\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Fallback styles for blocks without data attributes (lower specificity)\n\t&:not([data-grid-desktop]) {\n\t\t// Default desktop styles (fallback) - 1024px and above\n\t\t@media (min-width: 1024px) {\n\t\t\t@for $i from 1 through $columns {\n\t\t\t\t&.grid-size-#{$i} {\n\t\t\t\t\trow-gap: 20px;\n\t\t\t\t\tcolumn-gap: 20px;\n\t\t\t\t\t.gmfgb-mg-media,\n\t\t\t\t\t.gmfgb-mg-button,\n\t\t\t\t\t.gmfgb-mg-wrap {\n\t\t\t\t\t\twidth: calc((100% - (20px * ($i - 1))) / $i);\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tablet styles (fallback) - 768px to 1023px\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: calc(50% - 10px);\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Mobile styles (fallback) - below 768px\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t\t.gmfgb-mg-media,\n\t\t\t.gmfgb-mg-button,\n\t\t\t.gmfgb-mg-wrap {\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\t}\n\t\n\t// Ensure default 20px gaps for any media grid without specific gutter settings\n\t&:not([data-gutter-desktop]):not([data-gutter-tablet]):not([data-gutter-mobile]) {\n\t\trow-gap: 20px;\n\t\tcolumn-gap: 20px;\n\t\t\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t\t\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t\t\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px;\n\t\t\tcolumn-gap: 20px;\n\t\t}\n\t}\n}\n\n// Isotope-specific styles for media grid\n.gmfgb-mg-grid.isotope-initialized {\n\tdisplay: block !important;\n\trow-gap: 20px !important; /* Maintain 20px row gap even with Isotope */\n\tcolumn-gap: 0; /* Isotope handles column spacing internally */\n\t\n\t.gmfgb-mg-media {\n\t\tposition: absolute;\n\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3));\n\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t\n\t\t// Tablet styles (768px to 1023px) - Includes iPad\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2));\n\t\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t}\n\t\t\n\t\t// Mobile styles (below 768px) - Includes all mobile devices\n\t\t@media (max-width: 767px) {\n\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1));\n\t\t\tmargin-bottom: 20px !important; /* Add bottom margin for row spacing */\n\t\t}\n\t}\n}\n\n// Admin editor specific styles to prevent conflicts\n.editor-styles-wrapper .gmfgb-mg-grid {\n\t// Ensure proper isolation in admin editor\n\tz-index: 1;\n\tposition: relative;\n\t\n\t// Ensure gutter spacing works in editor\n\trow-gap: 20px !important;\n\tcolumn-gap: var(--gutter-desktop, 20px) !important;\n\t\n\t// Responsive gutter spacing for editor\n\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\n\t}\n\t\n\t@media (max-width: 767px) {\n\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\n\t}\n\t\n\t// Prevent conflicts with post grid\n\t&:not(.isotope-initialized) {\n\t\tdisplay: flex !important;\n\t\tflex-wrap: wrap !important;\n\t\t\n\t\t.gmfgb-mg-media {\n\t\t\tposition: relative !important;\n\t\t\tleft: unset !important;\n\t\t\ttop: unset !important;\n\t\t}\n\t\t\n\t\t.gmfgb-mg-wrap {\n\t\t\tposition: relative !important;\n\t\t\tleft: unset !important;\n\t\t\ttop: unset !important;\n\t\t\twidth: calc((100% - (var(--gutter-desktop, 20px) * (var(--grid-desktop, 3) - 1))) / var(--grid-desktop, 3)) !important;\n\t\t\t\n\t\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\t\twidth: calc((100% - (var(--gutter-tablet, 20px) * (var(--grid-tablet, 2) - 1))) / var(--grid-tablet, 2)) !important;\n\t\t\t}\n\t\t\t\n\t\t\t@media (max-width: 767px) {\n\t\t\t\twidth: calc((100% - (var(--gutter-mobile, 20px) * (var(--grid-mobile, 1) - 1))) / var(--grid-mobile, 1)) !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Frontend-specific styles to ensure row gap works\nbody:not(.wp-admin) .gmfgb-mg-grid {\n\trow-gap: 20px !important;\n\t\n\t&.isotope-initialized {\n\t\t.gmfgb-mg-media {\n\t\t\tmargin-bottom: 20px !important;\n\t\t}\n\t}\n\t\n\t&:not(.isotope-initialized) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gutter-desktop, 20px) !important;\n\t\t\n\t\t@media (min-width: 1024px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gutter-desktop, 20px) !important;\n\t\t}\n\t\t\n\t\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\n\t\t}\n\t\t\n\t\t@media (max-width: 767px) {\n\t\t\trow-gap: 20px !important;\n\t\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\n\t\t}\n\t}\n}\n\n// Additional frontend-specific rules with higher specificity\nbody:not(.wp-admin) .gmfgb-mg-grid[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\n\trow-gap: 20px !important;\n\t\n\t@media (min-width: 1024px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gutter-desktop, 20px) !important;\n\t}\n\t\n\t@media (min-width: 768px) and (max-width: 1023px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gutter-tablet, 20px) !important;\n\t}\n\t\n\t@media (max-width: 767px) {\n\t\trow-gap: 20px !important;\n\t\tcolumn-gap: var(--gutter-mobile, 20px) !important;\n\t}\n}\n\n.gmfgb-mg-fancy-custom {\n\t.fancybox-video,\n\t.fancybox-image {\n\t\tposition: static !important;\n\t}\n}\n\n.image-caption {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 100%;\n\tpadding: 12px;\n\tbackground-color: rgba(0, 0, 0, 0.25);\n\tz-index: 1;\n\tcolor: #fff;\n\tmax-height: 70%;\n\toverflow: auto;\n\tfont-size: 16px;\n\ttext-align: left;\n\t&.caption-pos-top {\n\t\ttop: 0;\n\t\tbottom: unset;\n\t\ttransform: none;\n\t}\n\t&.caption-pos-bottom {\n\t\tbottom: 0;\n\t\ttop: unset;\n\t\ttransform: none;\n\t}\n\t&.caption-pos-center {\n\t\ttop: 50%;\n\t\tbottom: unset;\n\t\ttransform: translateY(-50%);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\ttext-align: center;\n\t}\n}\n\n// Responsive font size for caption (front-end only, using attribute selectors)\n.image-caption.caption-pos-bottom[data-caption-font-desktop] {\n    font-size: inherit;\n}\n.components-base-control select,\n.components-flex-item label.components-text-control__label {\n\ttext-transform: capitalize;\n}\n@media (min-width: 768px) {\n    .image-caption.caption-pos-bottom[data-caption-font-desktop] {\n        font-size: unset;\n        font-size: /*[[captionFontSizeDesktop]]*/ 16px;\n    }\n}\n@media (min-width: 561px) and (max-width: 767px) {\n    .image-caption.caption-pos-bottom[data-caption-font-desktop] {\n        font-size: unset;\n        font-size: /*[[captionFontSizeDesktop]]*/ 16px;\n    }\n}\n@media (min-width: 320px) and (max-width: 560px) {\n    .image-caption.caption-pos-bottom[data-caption-font-desktop] {\n        font-size: unset;\n        font-size: /*[[captionFontSizeDesktop]]*/ 16px;\n    }\n}\n\n.gmfgb-mg-media {\n    position: relative;\n\tpadding: 0;\n\tbox-sizing: border-box;\n\tfont-size: 0;\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);\n\toverflow: hidden;\n    > a {\n        display: block;\n    }\n    img {\n        width: 100%;\n    }\n\tsvg {\n\t\tbackground: #ffffff;\n\t\tpadding: 5px;\n\t\tposition: absolute;\n\t\ttop: 20px;\n\t\tleft: 20px;\n\t\tborder-radius: 100px;\n\t\tz-index: 2;\n\t}\n\t\n\t// Apply border only when border type is not 'none'\n\t&:not([data-border-type-desktop=\"none\"]) {\n\t\tborder-top: var(--border-width-desktop-top, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\n\t\tborder-right: var(--border-width-desktop-right, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\n\t\tborder-bottom: var(--border-width-desktop-bottom, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\n\t\tborder-left: var(--border-width-desktop-left, 0px) var(--border-type-desktop, none) var(--border-color-desktop);\n\t}\n}\n\n// Override WordPress core rule that forces border-style: solid\n.gmfgb-mg-media {\n\t&[style*=\"border-width\"] {\n\t\tborder-style: var(--border-type-desktop, none) !important;\n\t}\n}\n\n.gmfgb-mg-columns-setting {\n\tbutton:nth-child(3) {\n\t\tsvg {\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t}\n\t}\n}\n\n// Fallback mechanism using data attributes for gutter spacing\n.gmfgb-mg-grid[data-gutter-desktop][data-gutter-tablet][data-gutter-mobile] {\n\t// Desktop fallback\n\t&[data-gutter-desktop=\"10\"] { column-gap: 10px !important; }\n\t&[data-gutter-desktop=\"15\"] { column-gap: 15px !important; }\n\t&[data-gutter-desktop=\"20\"] { column-gap: 20px !important; }\n\t&[data-gutter-desktop=\"25\"] { column-gap: 25px !important; }\n\t&[data-gutter-desktop=\"30\"] { column-gap: 30px !important; }\n\t&[data-gutter-desktop=\"35\"] { column-gap: 35px !important; }\n\t&[data-gutter-desktop=\"40\"] { column-gap: 40px !important; }\n\t&[data-gutter-desktop=\"45\"] { column-gap: 45px !important; }\n\t&[data-gutter-desktop=\"50\"] { column-gap: 50px !important; }\n\t\n\t// Tablet fallback\n\t@media (min-width: 561px) and (max-width: 767px) {\n\t\t&[data-gutter-tablet=\"10\"] { column-gap: 10px !important; }\n\t\t&[data-gutter-tablet=\"15\"] { column-gap: 15px !important; }\n\t\t&[data-gutter-tablet=\"20\"] { column-gap: 20px !important; }\n\t\t&[data-gutter-tablet=\"25\"] { column-gap: 25px !important; }\n\t\t&[data-gutter-tablet=\"30\"] { column-gap: 30px !important; }\n\t\t&[data-gutter-tablet=\"35\"] { column-gap: 35px !important; }\n\t\t&[data-gutter-tablet=\"40\"] { column-gap: 40px !important; }\n\t\t&[data-gutter-tablet=\"45\"] { column-gap: 45px !important; }\n\t\t&[data-gutter-tablet=\"50\"] { column-gap: 50px !important; }\n\t}\n\t\n\t// Mobile fallback\n\t@media (min-width: 320px) and (max-width: 560px) {\n\t\t&[data-gutter-mobile=\"10\"] { column-gap: 10px !important; }\n\t\t&[data-gutter-mobile=\"15\"] { column-gap: 15px !important; }\n\t\t&[data-gutter-mobile=\"20\"] { column-gap: 20px !important; }\n\t\t&[data-gutter-mobile=\"25\"] { column-gap: 25px !important; }\n\t\t&[data-gutter-mobile=\"30\"] { column-gap: 30px !important; }\n\t\t&[data-gutter-mobile=\"35\"] { column-gap: 35px !important; }\n\t\t&[data-gutter-mobile=\"40\"] { column-gap: 40px !important; }\n\t\t&[data-gutter-mobile=\"45\"] { column-gap: 45px !important; }\n\t\t&[data-gutter-mobile=\"50\"] { column-gap: 50px !important; }\n\t}\n}\n.image-caption.caption-pos-top,\n.image-caption.caption-pos-center,\n.image-caption.caption-pos-bottom {\n    font-size: var(--caption-font-size-desktop, 16px);\n}\n@media (min-width: 561px) and (max-width: 767px) {\n    .image-caption.caption-pos-top,\n\t.image-caption.caption-pos-center,\n\t.image-caption.caption-pos-bottom {\n        font-size: var(--caption-font-size-desktop, 16px);\n    }\n}\n@media (min-width: 320px) and (max-width: 560px) {\n    .image-caption.caption-pos-top,\n\t.image-caption.caption-pos-center,\n\t.image-caption.caption-pos-bottom {\n        font-size: var(--caption-font-size-desktop, 16px);\n    }\n}"],"names":[],"sourceRoot":""}