/* Accordion Layout Fix - Allow full width for grid, group, and row blocks */

/* Allow the title icon accordion container to expand fully */
.tecology-accordion-title
  .tecology-accordion-title-inner-accordion
  .tecology-accordion-title-icon-accordion {
  width: 100% !important;
  flex: 1 !important;
}

/* Ensure grid, group, and row blocks can take full width inside accordion titles */
.tecology-accordion-title .wp-block-group,
.tecology-accordion-title .wp-block-columns,
.tecology-accordion-title .wp-block-row {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
}

/* Grid layout specific fixes */
.tecology-accordion-title .is-layout-grid {
  width: 100% !important;
  display: grid !important;
}

/* Flex layout specific fixes */
.tecology-accordion-title .is-layout-flex {
  width: 100% !important;
  display: flex !important;
}

/* Flow layout specific fixes */
.tecology-accordion-title .is-layout-flow {
  width: 100% !important;
}

/* Constrained layout specific fixes */
.tecology-accordion-title .is-layout-constrained {
  width: 100% !important;
  max-width: 100% !important;
}

/* Preserve Jet Smart Filters functionality without affecting styling */
.tecology-accordion-title .jet-smart-filters-select,
.tecology-accordion-title .jet-filter,
.tecology-accordion-title .jet-select {
  /* Only reset properties that might interfere with functionality */
  position: relative !important;
  z-index: 2 !important;
}

/* Ensure select dropdowns maintain their cursor and functionality */
.tecology-accordion-title .jet-select__control {
  cursor: pointer !important;
  position: relative !important;
  z-index: 2 !important;
}

/* ===== EDITOR-SPECIFIC STYLES ===== */
/* These rules apply specifically to the Gutenberg editor */

/* Fix grid/group/row block widths in editor */
.wp-block-editor
  .tecology-accordion-title
  .tecology-accordion-title-inner-accordion
  .tecology-accordion-title-icon-accordion,
.editor-styles-wrapper
  .tecology-accordion-title
  .tecology-accordion-title-inner-accordion
  .tecology-accordion-title-icon-accordion {
  width: 100% !important;
  flex: 1 !important;
}

.wp-block-editor .tecology-accordion-title .wp-block-group,
.wp-block-editor .tecology-accordion-title .wp-block-columns,
.wp-block-editor .tecology-accordion-title .wp-block-row,
.editor-styles-wrapper .tecology-accordion-title .wp-block-group,
.editor-styles-wrapper .tecology-accordion-title .wp-block-columns,
.editor-styles-wrapper .tecology-accordion-title .wp-block-row {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 !important;
}

/* Grid layout specific fixes for editor */
.wp-block-editor .tecology-accordion-title .is-layout-grid,
.editor-styles-wrapper .tecology-accordion-title .is-layout-grid {
  width: 100% !important;
  display: grid !important;
  max-width: 100% !important;
}

/* Ensure all layout types work properly in editor */
.wp-block-editor .tecology-accordion-title .is-layout-flex,
.wp-block-editor .tecology-accordion-title .is-layout-flow,
.wp-block-editor .tecology-accordion-title .is-layout-constrained,
.editor-styles-wrapper .tecology-accordion-title .is-layout-flex,
.editor-styles-wrapper .tecology-accordion-title .is-layout-flow,
.editor-styles-wrapper .tecology-accordion-title .is-layout-constrained {
  width: 100% !important;
  max-width: 100% !important;
}

/* Make sure grid items in accordion titles don't get constrained */
.tecology-accordion-title .wp-block-group.is-layout-grid > * {
  min-width: 0 !important;
}