[data-bs-theme=light] {
  --block-tab-panel-border: #B6B6B6;
  --block-tab-panel-border-expanded: #B5A36A;
}

[data-bs-theme=dark] {
  --block-tab-panel-border: #B6B6B6;
  --block-tab-panel-border-expanded: #B5A36A;
}

@media (max-width: 767.98px) {
  .block--tab-panel {
    display: block !important;
    opacity: 1 !important;
    padding: 1rem 0;
    border: none;
    border-radius: 0 !important;
    border-top: 1px solid var(--block-tab-panel-border) !important;
    color: inherit;
  }
  .block--tab-panel:last-child {
    border-bottom: 1px solid var(--block-tab-panel-border);
  }
  .block--tab-panel:has(.accordion-button[aria-expanded=true]) {
    border-top-color: var(--block-tab-panel-border-expanded) !important;
  }
}
.block--tab-panel > .accordion-header {
  position: relative;
}

@media (min-width: 768px) {
  .block--tab-panel > .accordion-header {
    display: none;
  }
}
.block--tab-panel > .accordion-header .accordion-button {
  position: relative;
  padding: 0 3rem 0 0;
  border-radius: 0 !important;
  background-color: transparent !important;
  box-shadow: none;
  color: inherit;
}

.block--tab-panel > .accordion-header .accordion-button:focus {
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.block--tab-panel > .accordion-header .accordion-button::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M15 8V22" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/><path d="M22 15H8" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
  position: absolute;
  top: 50%;
  right: 0;
  height: 30px;
  width: 30px;
  transform: translateY(-50%);
  background: none;
}

.block--tab-panel > .accordion-header .accordion-button[aria-expanded=true]::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M22 15H8" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/></svg>');
}

.block--tab-panel > .accordion-collapse {
  padding-top: var(--wp--preset--spacing--60);
  padding-bottom: var(--wp--preset--spacing--60);
}

@media (min-width: 768px) {
  .block--tab-panel > .accordion-collapse {
    display: block !important;
    border-bottom: 1px solid var(--block-tab-panel-border);
  }
}
@media (max-width: 767.98px) {
  .block--tab-panel > .accordion-collapse .accordion-body {
    padding-top: var(--wp--preset--spacing--60);
  }
}
.editor-styles-wrapper .wp-block-lvl-tab-panel:not(:first-child) {
  border-top: 1px solid #B6B6B6;
}

.editor-styles-wrapper .block--tab-panel {
  display: block !important;
  margin-bottom: 2rem;
  opacity: 1 !important;
}

.editor-styles-wrapper .block--tab-panel::before {
  content: "Tab: " attr(data-title);
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.5rem 1rem;
  background-color: #393939;
  font-weight: 700;
  color: #FFFFFF;
  transform: translateY(-50%);
}

.editor-styles-wrapper .block--tab-panel .accordion-collapse {
  padding-top: 3rem;
}