/* Tooltip underline and pointer style. Tooltip content is now handled by Tippy.js (JS), not CSS. */
.glossary-tooltip {
    border-bottom: 2px dotted var(--glossary-clr);
    color: var(--glossary-clr);
    font-weight: 700;
    position: relative;
    cursor: help;
}

/* Disabled tooltips - for terms in their own definitions */
.glossary-tooltip-disabled {
    color: currentColor;
    /* font-weight: 700; */
    position: relative;
    cursor: text;
}

/* Removed old CSS-only tooltip :hover::after logic; replaced by Tippy.js */

.glossary-az-nav {
    margin-bottom: 1.5em;
    padding: 0.5em 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    line-height: 1.6;
}

.glossary-az-nav a {
    margin-right: 0.4em;
    text-decoration: none;
    font-weight: bold;
    color: #005599;
}

.glossary-az-nav a:hover {
    text-decoration: underline;
}

.glossary-az-nav .inactive {
    margin-right: 0.4em;
    color: #bbb;
}

/* Accordion Sections */
.glossary-accordion .accordion-section {
    margin-bottom: 1em;
}

.accordion-toggle {
    width: 100%;
    text-align: left;
    padding: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    background: #f5f5f5;
    border: none;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.accordion-toggle.active {
    background: #e9e9e9;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.accordion-content.open {
    max-height: 1000px; /* groß genug für normalen Inhalt */
}

.glossary-az-nav {
    margin-bottom: 1em;
    text-align: center;
}
.glossary-az-nav button.az-btn {
    /* margin: 0 0.2em; */
    padding: 0.3em 0.5em;
    border: none;
    background: transparent;
    /* font-weight: bold; */
    color: var(--accordion-title-clr);
    cursor: pointer;

    margin: .75em .18em 0;
    font-size: 22px;
    font-weight: 700;
    min-width: 40px;

    border-bottom: 2px solid transparent !important;
}
.glossary-az-nav button.az-btn.active {
    color: var(--accordion-title-clr); 
    border-bottom: 2px solid var(--accordion-title-clr) !important;
}

.glossary-az-nav .az-inactive {
    /* margin: 0 0.2em; */
    padding: 0.3em 0.5em;
    color: var(--third-clr);
    font-weight: normal;
    cursor: default;
}

.glossary-current-filter {
    text-align: center;
    font-weight: bold;
    color: var(--link-clr); /* #d92d80; */
    margin-bottom: 1em;
}

.glossary-entry {
    background: #f5e8d3;
    margin-bottom: 0.5em;
    padding: 0;
    border: none;
}
.glossary-term {
    position: relative;
    color: var(--accordion-title-clr);
    display: block;
    width: 100%;
    padding: 1em;
    background: none;
    border: none;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    font-size: 1.1em;
}
.glossary-definition {
    font-weight: normal;
    max-height: 0;
    overflow: hidden;
    padding: 0 1em;
    transition: max-height 0.3s ease-out;
    will-change: max-height;
}
.glossary-entry.open .glossary-definition {
    max-height: 1000px; /* Fallback for JS-disabled */
    transition: max-height 0.5s ease-in;
}

/* Arrow */
.glossary-term:before {
    right: 24px;
    transform: rotate(45deg);
    right: 32px;
}
.glossary-term:after {
    right: 24px;
    transform: rotate(-45deg);
}
.glossary-term:after, 
.glossary-term:before {
    content: "";
    position: absolute;
    top: 50%;
    height: 2px;
    width: 13px;
    background: var(--accordion-link-clr);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .2s;
}
.glossary-entry.open .glossary-term:before {
    transform: rotate(-45deg);
}
.glossary-entry.open .glossary-term:after {
    transform: rotate(45deg);
}


/* .az-btn {
    margin: 0 0.2em;
    padding: 0.3em 0.5em;
    border: none;
    background: transparent;
    font-weight: bold;
    color: var(--secondary-clr);
    cursor: pointer;

} */

/* .az-btn.active {
    color: var(--link-clr); 
    border-bottom: 1px solid var(--link-clr) !important;
} */

/* .az-inactive {
    margin: 0 0.2em;
    padding: 0.3em 0.5em;
    color: #ccc;
    font-weight: normal;
    cursor: default;
} */

.glossary-synonyms {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 0.5em;
}

/* Tooltip Enhancement (JS) Tippy.js Theme */
.tippy-box[data-theme~='darkblue'] {
    background: var(--glossary-clr);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--glossary-clr);
  }
.tippy-box[data-theme~='darkblue'][data-placement^='top'] > .tippy-arrow {
    /* border-top-color: var(--glossary-clr); */
    color: var(--glossary-clr);
}
.tippy-box[data-theme~='darkblue'][data-placement^='bottom'] > .tippy-arrow {
    /* border-top-color: var(--glossary-clr); */
    color: var(--glossary-clr);
}
.tippy-box[data-theme~='darkblue'][data-placement^='left'] > .tippy-arrow {
    /* border-top-color: var(--glossary-clr); */
    color: var(--glossary-clr);
}
.tippy-box[data-theme~='darkblue'][data-placement^='right'] > .tippy-arrow {
    /* border-top-color: var(--glossary-clr); */
    color: var(--glossary-clr);
}

.tippy-box[data-theme~='darkblue'] > .tippy-arrow::before {
    /* border-color: var(--glossary-clr); */
    transform: scale(1.1);
}

/* Standard-Tippy-Arrow fix für dunkles Glossar-Theme */
.tippy-box[data-theme~='darkblue'] > .tippy-arrow {
    color: var(--glossary-clr);
}

.tippy-box[data-theme~='darkblue'][data-placement^='top'] > .tippy-arrow::before {
    /* border-top-color: var(--glossary-clr); */
    color: var(--glossary-clr);
}
.tippy-box[data-theme~='darkblue'][data-placement^='bottom'] > .tippy-arrow::before {
    /* border-bottom-color: var(--glossary-clr); */
}
.tippy-box[data-theme~='darkblue'][data-placement^='left'] > .tippy-arrow::before {
    /* border-left-color: var(--glossary-clr); */
}
.tippy-box[data-theme~='darkblue'][data-placement^='right'] > .tippy-arrow::before {
    /* border-right-color: var(--glossary-clr); */
}

.tippy-svg-arrow {
    fill: var(--glossary-clr);
  }

  /* Support für SVG-basierte Tippy-Arrows */
.tippy-box[data-theme~='darkblue'] .tippy-svg-arrow {
    fill: var(--glossary-clr);
  }