/* Multicolumn Buttons Paragraph Styles */

/* Target the .row added by the custom field template */
/* Target the .row added by the custom field template */
.multicolumn-buttons-container .row {
  display: flex;
  width: 100%;
  margin: 0;
}

/* Alignment - apply to the row to align the mc_container */
/* These selectors target the row inside the paragraph wrapper to align the mc_container */
.multicolumn-buttons-container.justify-content-center .row {
  justify-content: center !important;
}

.multicolumn-buttons-container.justify-content-end .row {
  justify-content: flex-end !important;
}

.multicolumn-buttons-container.justify-content-start .row {
  justify-content: flex-start !important;
}

/* Also target by paragraph type class for additional specificity */
.paragraph--type-multicolumn-buttons.multicolumn-buttons-container.justify-content-end .row {
  justify-content: flex-end !important;
}

.paragraph--type-multicolumn-buttons.multicolumn-buttons-container.justify-content-center .row {
  justify-content: center !important;
}

.paragraph--type-multicolumn-buttons.multicolumn-buttons-container.justify-content-start .row {
  justify-content: flex-start !important;
}

/* The mc_container wraps the buttons */
.multicolumn-buttons-container .mc_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Override width for mc_container when not full width */
.multicolumn-buttons-container:not(.buttons-full-width) .row > .mc_container {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Full Width Mode */
/* In full-width mode, col-md divs are direct children of .row (not inside .mc_container) */
.multicolumn-buttons-container.buttons-full-width .row {
  display: flex;
  flex-wrap: wrap;
}

/* Ensure buttons inside col-md take full width */
.multicolumn-buttons-container.buttons-full-width .row > .col-md .btn,
.multicolumn-buttons-container.buttons-full-width .row > .col-md a {
  width: 100%;
  display: block;
}
/* .mcbutton class - reserved for future styling if needed */
.mcbutton {
  /* Styles removed to allow full-width functionality */
  /* Add custom styles here as needed */
  margin-left: 5px;
  margin-right: 5px;
}