/**
 * Theme Accordion Styles
 * 
 * This file contains all custom styles for accordion blocks using the 
 * ESAB accordion component.
 * 
 * If additional accordion styles or variants are added and the file becomes 
 * too large, create a sub-file (e.g., theme_accordion-mobile.css) to organize 
 * the code better.
 */

.vc_tta-panel-heading {
  background-color: transparent !important;
  border: none !important;
}

.vc_tta-panel-heading > .vc_tta-panel-title > a {
  font-size: var(--h1-font-size);
  color: #000;
  padding: 0.85em 0 !important;
  display: flex !important;
  align-items: flex-start;
  gap: 11px;
  font-weight: 500;
}

.vc_tta-panel-heading > .vc_tta-panel-title > a:before {
  content: "";
  display: block;
  --my-size: 0.7em;
  width: var(--my-size);
  height: var(--my-size);
  background-image: url(../../img/acc-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  margin-top: 0.15em;
}

.vc_tta-panel-heading > .vc_tta-panel-title > a > span {
  color: #000;
}

.vc_tta-panel-heading > .vc_tta-panel-title > a > i {
  display: none !important;
}

/**body*/
.vc_tta-panel .vc_tta-panel-body {
  padding: var(--gap-s) 0 !important;
  background-color: transparent !important;
  border: none !important;
}

/**tab*/
.vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-body {
  padding: var(--gap-l) !important;
}

.vc_tta-tabs-container {
  border-bottom: 2px solid var(--ast-global-color-1);
  margin: 0 !important;
}

.vc_tta-tabs-container > ul.vc_tta-tabs-list {
  padding: 0 !important;
  display: flex !important;
  justify-content: center;
  width: 100%;
}

.vc_tta-container .vc_tta-panels {
  background-color: transparent !important;
  border: none !important;
}

.vc_tta-container .vc_tta-panels * {
  text-align: left !important;
}

.vc_tta-style-classic .vc_tta-tab > a {
  background-color: transparent !important;
  padding: 0.5em 2em !important;
  border-radius: 0 !important;
  border: none !important;
  color: var(--ast-global-color-6);
}

.vc_tta-style-classic .vc_tta-tab.vc_active > a {
  background-color: var(--ast-global-color-1) !important;
  color: #fff !important;
}

/* Buttons in accordion for Ausflugsziele */
.post-155.page .vc_tta-container .vc_btn3-container {
  width: 100% !important;
}
.post-155.page .vc_tta-container .vc_btn3-container a {
  text-align: center !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel-body {
    padding: var(--gap-m) 0 !important;
  }

  .vc_row.wpb_row.vc_row-fluid.row-acc
    > .wpb_column:first-child
    > .vc_column-inner
    > .wpb_wrapper
    > .vc_tta-container {
    margin-bottom: 0 !important;
  }
}