{"version":3,"file":"blocks/PostsTemplate/style-index.css","mappings":";;;AAMA;EACE;EAUA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EAjBF;IAkBI;EAbF;AACF;AAeE;EArBF;IAsBI;EAZF;AACF;AAgBE;EACE;EACA;AAdJ;AAgBI;EACE;EACA;EACA;AAdN;;AAsBA;EACE;EACA;EACA;AAnBF;;AAwBA;EACE;EACA;EACA;EACA;EACA;EACA;AArBF,C","sources":["webpack://brandy-blocks/./src/blocks/PostsTemplate/style.scss"],"sourcesContent":["// Layout wrapper for the repeated post items (shared editor + frontend).\n//\n// Column counts per breakpoint come from CSS custom properties set inline by the\n// block render (desktop/tablet/mobile), configurable in the block inspector —\n// which is what makes responsive columns a setting here rather than a CSS patch\n// over core's auto-fill grid layout.\n.wp-block-brandy-posts-template {\n  display: grid;\n  // --bpc-gap is the block's own \"Block spacing\" value, written inline by the\n  // render (see Helpers/LoopLayout::gap_style() — core's flow layout would\n  // otherwise turn it into sibling margins, which a grid ignores). The fallback\n  // is the block's own default, deliberately not the global block gap: that one\n  // is tuned for stacked content and reads as cramped between cards.\n  //\n  // Unlike the product grid, rows and columns share one default: a post card is\n  // usually image + a couple of lines, so it is nowhere near as tall as a\n  // product card and does not need the extra breathing room between rows.\n  gap: var(--bpc-row-gap, 30px) var(--bpc-gap, 30px);\n  grid-template-columns: repeat(var(--bpc-columns, 3), minmax(0, 1fr));\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  @media (max-width: 780px) {\n    grid-template-columns: repeat(var(--bpc-columns-tablet, 2), minmax(0, 1fr));\n  }\n\n  @media (max-width: 480px) {\n    grid-template-columns: repeat(var(--bpc-columns-mobile, 1), minmax(0, 1fr));\n  }\n\n  // Slider mode: Embla owns the layout, so the wrapper drops the grid and the\n  // .embla__container inside it becomes the flex track.\n  &.is-slider {\n    display: block;\n    grid-template-columns: none;\n\n    .embla__container {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n  }\n}\n\n// Carried by every item in both layout modes (in slider mode the items sit\n// inside .embla__container, not directly under the wrapper), so the reset has to\n// key on the item rather than on a child combinator.\n.wp-block-brandy-post {\n  min-width: 0;\n  margin: 0 !important;\n  list-style: none;\n}\n\n// Editor-only hint shown when the query matches nothing yet. (Slider mode has\n// its own preview strip, in editor.scss.)\n.wp-block-brandy-posts-template__notice {\n  margin: 0 0 0.75em;\n  padding: 6px 10px;\n  font-size: 12px;\n  color: #50575e;\n  background: #f0f0f1;\n  border-radius: 4px;\n}\n"],"names":[],"sourceRoot":""}