{"version":3,"file":"blocks/Container/style-index.css","mappings":";;;AACC;EACC;EACA;EACA;EACA;EACA;AAAF;;AAKA;EACC;EACA;EACA;EACA;AAFD;AAIC;EACC;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;AAHF;;AAOA;EACC;EACA;EACA;AAJD;;AAOA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJD;AAOE;EACC;EACA;AALH;AASC;EACC;EACA;EACA;EACA;AAPF;AAUC;EACC;EACA;AARF;AAYC;EACC;EACA;EACA;EACA;EACA;AAVF;AAaE;EACC;EACA;EACA;AAXH;AAeE;EACC;EACA;EACA;EACA;EACA;EACA;AAbH;AAiBC;EACC;EACA;EACA;EACA;EACA;AAfF;AAiBE;EACC;EACA;EACA;AAfH;;AAoBA;EACC;EACA;AAjBD;AAmBC;EACC;EACA;EACA;EACA;EACA;EACA;AAjBF;AAmBE;EACC;EACA;AAjBH;;AAuBC;EACC;EACA;EACA;EACA;AApBF;AAuBC;EACC;EACA;EACA;EACA;EACA;AArBF;AAuBE;EACC;EACA;AArBH;AAyBC;EACC;AAvBF;AAyBE;EACC;EACA;EACA;AAvBH;AA2BC;EACC;EACA;EACA;EACA;EACA;EACA;AAzBF;AA2BE;EACC;EACA;AAzBH,C;;;;AChJA;AAEA;EACE;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;EACA;AAAF;;AAGA;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;AADF;;AAIA;;;;EAIE;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;EACA;EACA;EACA;AADF;;AAIA;EACE;EACA;AADF;;AAIA;;EAEE;EACA;EACA;EACA;EACA;AADF;;AAIA;;;EAGE;EACA;EACA;AADF;;AAOM;EACE;EACA;AAJR;AAUQ;EACE;EACA;AARV;;AAgBE;EACE;AAbJ;;AAkBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfJ;;AAoBE;EACE;AAjBJ;;AAsBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAnBJ;;AAuBA;AAII;EACE;EACA;EACA;EACA;AAvBN;;AA+BM;EACE;EACA;EACA;EACA;AA5BR;;AAwCY;EACE;EACA;AArCd;;AA8CA;EACE;AA3CF;AAgDQ;EACE;AA9CV;AAoDU;EACE;AAlDZ;;AA6DM;EACE;AA1DR;AAgEQ;EACE;AA9DV;;AAuEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;AApEJ;AAuEE;EACE;EACA;EACA;EACA;AArEJ;AAwEE;EACE;AAtEJ;AAyEE;EACE;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;AAvEJ;AAyEI;EACE;AAvEN;AA2EE;EACE;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EACA;EACA;AAzEJ;AA6EE;EACE;IACE;IACA;IACA;IACA;IACA;IACA;EA3EJ;EA8EE;IACE;IACA;IACA;IACA;IACA;IACA;EA5EJ;EA+EE;IACE;IACA;IACA;IACA;EA7EJ;AACF;AAkFE;EACE;IACE;IACA;IACA;IACA;IACA;IACA;EAhFJ;EAmFE;IACE;IACA;IACA;IACA;IACA;IACA;EAjFJ;EAoFE;IACE;IACA;IACA;IACA;EAlFJ;AACF,C","sources":["webpack://brandy-blocks/./src/blocks/Container/Edit/InspectorControls/style.scss","webpack://brandy-blocks/./src/blocks/Container/style.scss"],"sourcesContent":[".brandy-grid-controls {\n\t.brandy-grid-wrapper-controls {\n\t\tbackground: #f9fafb;\n\t\tborder-radius: 10px;\n\t\tmargin: 15px 0px;\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);\n\t\tpadding: 8px;\n\t}\n\n}\n\n.brandy-grid-dimension-control {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 15px;\n\n\t.brandy-grid-dimension-label {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\ttext-transform: capitalize;\n\t\tfont-size: 13px;\n\t}\n\n\t.components-base-control__label {\n\t\tfont-weight: 600;\n\t\tcolor: #1e293b;\n\t}\n}\n\n.brandy-grid-items-list {\n\tdisplay: grid;\n\tgap: 12px;\n\tborder-radius: 7px;\n}\n\n.brandy-grid-button {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\twidth: 100%;\n\tpadding: 2px 8px;\n\tbackground: #ffffff;\n\tborder: 1px solid #d1d5db;\n\tborder-radius: 8px;\n\ttransition: all 0.25s ease;\n\tbox-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);\n\n\t.components-button {\n\t\t&:focus {\n\t\t\tbox-shadow: unset !important;\n\t\t\toutline: unset !important;\n\t\t}\n\t}\n\n\t&:hover {\n\t\tbackground: #f8fafc;\n\t\tborder-color: #60a5fa;\n\t\tbox-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);\n\t\tcursor: pointer;\n\t}\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 2px #3b82f6;\n\t\toutline: none;\n\t}\n\n\n\t>span {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t\tfont-size: 0.95rem;\n\t\tcolor: #1f2937;\n\n\n\t\t&:before {\n\t\t\tcontent: attr(data-label);\n\t\t\tfont-weight: 600;\n\t\t\tcolor: #111827;\n\t\t}\n\n\n\t\t&:after {\n\t\t\tcontent: attr(data-value);\n\t\t\tfont-weight: 400;\n\t\t\tcolor: #4b5563;\n\t\t\tbackground: #eff6ff;\n\t\t\tpadding: 2px 8px;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n\n\t.components-button.is-destructive {\n\t\tcolor: #ef4444;\n\t\tpadding: 0;\n\t\tmin-width: 26px;\n\t\theight: 26px;\n\t\ttransition: all 0.2s ease;\n\n\t\t&:hover {\n\t\t\tcolor: #dc2626;\n\t\t\tbackground: #fef2f2;\n\t\t\tborder-radius: 4px;\n\t\t}\n\t}\n}\n\n.brandy-action-buttons {\n\tdisplay: flex;\n\tgap: 12px;\n\n\tbutton {\n\t\tbox-shadow: unset !important;\n\t\tcolor: #1e293b !important;\n\t\tpadding-right: unset !important;\n\t\tfont-weight: 500;\n\t\tpadding: 0;\n\t\tmargin-bottom: 8px;\n\n\t\tsvg {\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t}\n\t}\n}\n\n.brandy-modal {\n\t.components-modal__content {\n\t\tpadding: 25px;\n\t\tbackground: #ffffff;\n\t\tborder-radius: 10px;\n\t\tbox-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);\n\t}\n\n\t.components-modal__header {\n\t\tbackground: #f9fafb;\n\t\tcolor: #fff;\n\t\tpadding: 16px 20px;\n\t\tborder-bottom: none;\n\t\tborder-radius: 10px 10px 0 0;\n\n\t\t.components-modal__header-heading {\n\t\t\tfont-size: 1.15rem;\n\t\t\tfont-weight: 600;\n\t\t}\n\t}\n\n\t.components-range-control {\n\t\tmargin-bottom: 25px;\n\n\t\t.components-base-control__label {\n\t\t\tfont-size: 0.8rem;\n\t\t\tcolor: #1f2937;\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t.components-button.is-primary {\n\t\tbackground: #007cba;\n\t\tborder: none;\n\t\tpadding: 10px 24px;\n\t\tborder-radius: 6px;\n\t\tfont-weight: 500;\n\t\ttransition: all 0.2s ease;\n\n\t\t&:hover {\n\t\t\tbackground: #005f96;\n\t\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n\t\t}\n\t}\n}","/****===============LAYOUT SELECTOR=============****/\n\n.brandy-layout-selector-wrapper {\n  border: 1px dashed #e6e7e9;\n  margin: 10px 0px;\n  border-radius: 3px;\n  padding: 0px 15px;\n}\n\n.brandy-container-parent-show-layout-options {\n  outline: none !important;\n  max-width: 100%;\n}\n\n.brandy-layout-selector-item {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n  gap: 10px 15px;\n  max-width: 100%;\n  margin: 10px 0px 25px 0px;\n}\n\n.brandy-layout-option-item {\n  cursor: pointer;\n  border-radius: 5px;\n  transition: all 0.3s ease;\n  display: grid;\n  grid-template-rows: 1fr;\n  align-content: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 10px;\n}\n\np.brandy-placeholder-instructions-txt {\n  text-align: center;\n  margin: 0px;\n  padding: 10px;\n  font-size: 1rem;\n  color: #50575e;\n}\n\n.brandy-layout-preview {\n  display: grid;\n  gap: 5px;\n  min-width: 100px;\n}\n\n.brandy-layout-box {\n  height: 100%;\n  border-radius: 3px;\n  border: 1px dashed #d5dadf;\n  background-color: #f5f6f8;\n}\n\n/****===============CONTAINER SELECTOR=============****/\n\n.wp-block-brandy-container-block {\n  display: flex;\n  position: relative;\n  box-sizing: border-box;\n  transition-property: box-shadow;\n  transition-duration: 0.2s;\n  transition-timing-function: ease;\n  width: 100%;\n}\n\n.wp-block-brandy-container-block .brandy-container-wrapper {\n  display: flex;\n  position: relative;\n  box-sizing: border-box;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n.wp-block-brandy-container-block>.brandy-container-wrapper>.block-editor-inner-blocks {\n  z-index: 2;\n}\n\n.wp-block-brandy-container-block:not(.brandy-grid-layout)>.brandy-container-wrapper>.block-editor-inner-blocks,\n.wp-block-brandy-container-block:not(.brandy-grid-layout)>.brandy-container-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout,\n.wp-block-brandy-container-block:not(.brandy-grid-layout)>.block-editor-inner-blocks,\n.wp-block-brandy-container-block:not(.brandy-grid-layout)>.block-editor-inner-blocks>.block-editor-block-list__layout {\n  display: flex;\n  width: 100%;\n  height: 100%;\n}\n\n.wp-block-brandy-container-block.brandy-grid-layout {\n  display: grid;\n  width: 100%;\n}\n\n.wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout,\n.wp-block-brandy-container-block.brandy-grid-layout>.block-editor-inner-blocks>.block-editor-block-list__layout {\n  display: grid;\n  width: 100%;\n  height: 100%;\n  grid-column-gap: 20px;\n  grid-row-gap: 20px;\n  align-items: stretch;\n  justify-items: stretch;\n}\n\n.wp-block-brandy-container-block.brandy-grid-layout .brandy-container-wrapper {\n  display: inherit;\n  position: relative;\n  box-sizing: border-box;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n.wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper {\n  display: inherit;\n  width: inherit;\n}\n\n.wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper>.block-editor-inner-blocks,\n.wp-block-brandy-container-block.brandy-grid-layout>.block-editor-inner-blocks {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-width: unset !important;\n  position: relative;\n}\n\nbody .wp-block-brandy-container-block>.brandy-container-wrapper,\nbody .wp-block-brandy-container-block>*:not(.wp-block-brandy-container-block),\nbody .wp-block-brandy-container-block>.brandy-container-wrapper>*:not(.wp-block-brandy-container-block) {\n  min-width: unset !important;\n  width: 100%;\n  position: relative;\n}\n\n.is-root-container {\n  >.block-editor-block-list__block.wp-block-brandy-container-block {\n    &:not(.is-selected) {\n      &:hover {\n        outline: 1px solid #2271b1;\n        outline-offset: 0;\n      }\n    }\n\n    .block-editor-block-list__block {\n      &:not(.is-selected) {\n        &:hover {\n          outline: 1px solid #2271b1;\n          outline-offset: 0;\n        }\n      }\n    }\n  }\n}\n\n.brandy-root-appender-button {\n  .block-editor-button-block-appender {\n    bottom: 0px !important;\n  }\n}\n\n.brandy-default-appender-button {\n  .block-editor-button-block-appender {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    background: #1e1e1e !important;\n    color: #ffffff !important;\n    flex-direction: row;\n    height: 24px;\n    min-width: 24px;\n    padding: 0 !important;\n    width: 24px;\n  }\n}\n\n.wp-block-brandy-container-block.brandy-container-has-children.brandy-child-container-block[data-type=\"brandy/container-block\"] {\n  &:before {\n    border: none;\n  }\n}\n\n.wp-block-brandy-container-block.brandy-child-container-block[data-type=\"brandy/container-block\"] {\n  &:before {\n    content: \"\";\n    position: absolute;\n    border: 1px dashed #d5dadf;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n/***BUTTON APPENDER**/\n\n.block-editor-block-list__layout {\n  .block-list-appender.wp-block {\n    button {\n      color: #a0a7ac;\n      font-size: 62px;\n      border: none;\n      box-shadow: none;\n    }\n  }\n}\n\n.brandy-child-container-block {\n  .block-editor-block-list__layout {\n    .block-list-appender.wp-block {\n      button {\n        color: #a0a7ac;\n        font-size: 62px;\n        border: none;\n        box-shadow: none;\n      }\n    }\n  }\n}\n\n.is-root-container {\n  >.brandy-container-has-children.brandy-parent-container-block {\n    >.brandy-container-wrapper {\n      >.block-editor-inner-blocks {\n        >.block-editor-block-list__layout {\n          >.wp-block {\n            &:not(.block-list-appender) {\n              width: 100%;\n              max-width: 100%;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.wp-block-brandy-container-block {\n  width: 100%;\n\n  >.brandy-container-wrapper {\n    >.block-editor-inner-blocks {\n      .wp-block[data-type*=\"core/\"] {\n        &:not([data-type=\"core/button\"]) {\n          width: 100%;\n        }\n      }\n\n      >.block-editor-block-list__layout {\n        .wp-block[data-type*=\"core/\"] {\n          &:not([data-type=\"core/button\"]) {\n            width: 100%;\n          }\n        }\n      }\n    }\n  }\n}\n\n.brandy-block-special:not(.brandy-grid-layout) {\n  >.block-editor-inner-blocks {\n    .wp-block[data-type*=\"core/\"] {\n      &:not([data-type=\"core/button\"]) {\n        width: 100%;\n      }\n    }\n\n    >.block-editor-block-list__layout {\n      .wp-block[data-type*=\"core/\"] {\n        &:not([data-type=\"core/button\"]) {\n          width: 100%;\n        }\n      }\n    }\n  }\n}\n\n// Frontend Only\nbody:not(.block-editor-page):not(.edit-post-visual-editor):not(.editor-styles-wrapper) {\n  .wp-block-brandy-container-block {\n    padding: 10px;\n    box-shadow: 0px 0px #00000070;\n    border-color: inherit;\n    overflow: visible;\n    order: initial;\n    row-gap: 20px;\n    column-gap: 20px;\n  }\n\n  .wp-block-brandy-container-block.brandy-child-container-block {\n    flex-direction: var(--flex-direction);\n    align-items: var(--align-items);\n    justify-content: var(--justify-content);\n    flex-wrap: var(--flex-wrap);\n  }\n\n  .wp-block-brandy-container-block.brandy-grid-layout {\n    display: grid;\n  }\n\n  .wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper {\n    display: grid;\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    row-gap: 20px;\n    column-gap: 20px;\n    grid-template-columns: var(--grid-template-columns);\n    grid-template-rows: var(--grid-template-rows);\n\n    .brandy-child-container-block.brandy-flex-layout {\n      max-width: unset !important;\n    }\n  }\n\n  .wp-block-brandy-container-block>.brandy-container-wrapper {\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    row-gap: 20px;\n    column-gap: 20px;\n    flex-direction: var(--flex-direction);\n    align-items: var(--align-items);\n    justify-content: var(--justify-content);\n    flex-wrap: var(--flex-wrap);\n  }\n\n  // Responsive styles for tablet (max-width: 1024px)\n  @media (max-width: 1024px) {\n    .wp-block-brandy-container-block.brandy-child-container-block {\n      flex-direction: var(--flex-direction-tablet);\n      align-items: var(--align-items-tablet);\n      justify-content: var(--justify-content-tablet);\n      flex-wrap: var(--flex-wrap-tablet);\n      width: var(--width-tablet);\n      height: var(--height-tablet);\n    }\n\n    .wp-block-brandy-container-block>.brandy-container-wrapper {\n      flex-direction: var(--flex-direction-tablet);\n      align-items: var(--align-items-tablet);\n      justify-content: var(--justify-content-tablet);\n      flex-wrap: var(--flex-wrap-tablet);\n      width: var(--width-tablet);\n      height: var(--height-tablet);\n    }\n\n    .wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper {\n      grid-template-columns: var(--grid-template-columns-tablet);\n      grid-template-rows: var(--grid-template-rows-tablet);\n      width: var(--width-tablet);\n      height: var(--height-tablet);\n    }\n\n  }\n\n  // Responsive styles for mobile (max-width: 767px)\n  @media (max-width: 767px) {\n    .wp-block-brandy-container-block.brandy-child-container-block {\n      flex-direction: var(--flex-direction-mobile);\n      align-items: var(--align-items-mobile);\n      justify-content: var(--justify-content-mobile);\n      flex-wrap: var(--flex-wrap-mobile);\n      width: var(--width-mobile);\n      height: var(--height-mobile);\n    }\n\n    .wp-block-brandy-container-block>.brandy-container-wrapper {\n      flex-direction: var(--flex-direction-mobile);\n      align-items: var(--align-items-mobile);\n      justify-content: var(--justify-content-mobile);\n      flex-wrap: var(--flex-wrap-mobile);\n      width: var(--width-mobile);\n      height: var(--height-mobile);\n    }\n\n    .wp-block-brandy-container-block.brandy-grid-layout>.brandy-container-wrapper {\n      grid-template-columns: var(--grid-template-columns-mobile);\n      grid-template-rows: var(--grid-template-rows-mobile);\n      width: var(--width-mobile);\n      height: var(--height-mobile);\n    }\n  }\n}"],"names":[],"sourceRoot":""}