/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/legacy/accordions/view.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* Accordion Block Styles
----------------------------------------*/
.accordions-stack {
  width: 100%;
}
.accordion-details {
  padding-top: var(--wp--preset--spacing--small);
  padding-bottom: var(--wp--preset--spacing--medium);
  border-bottom: 1px solid var(--wp--preset--color--silver);
}
.accordion-details:last-child {
  border-bottom: none;
}
/* Button Styles
----------------------------------------*/
.accordion-summary {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 10px;
  cursor: pointer;
  background: transparent;
  border: none;
  text-align: left;
  /* Remove default button styles */
}
.accordion-summary:focus {
  outline: none;
  border-bottom: 2px solid var(--wp--preset--color--primary);
}
.accordion-summary {
  /* Remove default button styles in Firefox */
}
.accordion-summary::-moz-focus-inner {
  border: 0;
}
.accordion-summary {
  /* High contrast mode support */
}
@media (forced-colors: active) {
  .accordion-summary {
    border: 1px solid ButtonText;
  }
}
/* Counter Styles
----------------------------------------*/
.accordion-count {
  flex: 0 0 auto;
  width: 20px;
  margin-right: 10px;
  text-align: center;
  font-size: var(--wp--preset--font-size--x-small);
  color: var(--wp--preset--color--silver);
  white-space: nowrap;
}
.accordions-stack.no-count .accordion-count {
  display: none;
}
/* Title Styles
----------------------------------------*/
.accordion-title {
  flex: 1;
  margin: 0; /* Reset h3 margins */
  font-size: var(--wp--preset--font-size--normal);
  font-weight: var(--wp--custom--font-weight--bold);
  text-align: left;
}
/* Toggle Icon Styles
----------------------------------------*/
.accordion-toggle {
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.accordion-toggle svg {
  width: 30px;
  height: 30px;
  fill: currentColor;
}
/* Content Styles
----------------------------------------*/
.accordion-content {
  padding-left: 30px; /* Match the width of the counter and its margins */
  /* Use hidden attribute instead of max-height for better accessibility */
}
.accordion-content[hidden] {
  display: none;
}
.accordion-content {
  /* When content is visible */
}
.accordion-content:not([hidden]) {
  animation: slideDown 0.5s ease-in-out;
}
/* State Management
----------------------------------------*/
.accordion-details[data-open=true] .accordion-toggle {
  transform: rotate(135deg);
}
.accordion-details[data-open=true] .accordion-summary {
  margin-bottom: 1rem;
}
/* Animation Keyframes
----------------------------------------*/
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsive Adjustments
----------------------------------------*/
@media (max-width: 768px) {
  .accordion-content {
    padding-left: 20px;
  }
  .accordion-count {
    width: 15px;
    margin-right: 8px;
  }
}
/* Print Styles
----------------------------------------*/
@media print {
  .accordion-content {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
  }
  .accordion-toggle {
    display: none;
  }
}

/*# sourceMappingURL=view.css.map*/