/*
 * go-widgets — Stylesheet v1.1
 * go!-Netzwerk · Gequo Travel GmbH
 *
 * Farben kommen als Inline-Styles vom PHP-Render-Callback (accentColor).
 * Dieses CSS regelt nur Struktur, Typographie und Vererbung.
 */

/* ── Gemeinsame Box-Basis ──────────────────────────────────────────────── */

.go-box {
    box-sizing: border-box;
    margin: 1.5rem 0;
}

.go-box__title {
    line-height: 1.3;
    /* Farbe kommt inline vom PHP */
}

.go-box__icon {
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
}

/* ── Content-Bereich: Typographie ──────────────────────────────────────── */

.go-box__content {
    line-height: 1.65;
}

/* Letztes Element kein Margin-Bottom */
.go-box__content > *:last-child {
    margin-bottom: 0 !important;
}

.go-box__content p {
    margin: 0 0 8px 0;
}

.go-box__content ul,
.go-box__content ol {
    margin: 0 0 8px 0;
    padding-left: 1.4em;
}

.go-box__content li {
    margin-bottom: 4px;
    line-height: 1.65;
}

.go-box__content h2,
.go-box__content h3,
.go-box__content h4 {
    margin: 12px 0 6px 0;
    line-height: 1.3;
    font-weight: 700;
}

.go-box__content a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* ── FILLED: Alles weiß ────────────────────────────────────────────────── */

.go-box--filled .go-box__content p,
.go-box--filled .go-box__content li,
.go-box--filled .go-box__content h2,
.go-box--filled .go-box__content h3,
.go-box--filled .go-box__content h4,
.go-box--filled .go-box__content strong,
.go-box--filled .go-box__content em {
    color: #ffffff;
}

.go-box--filled .go-box__content li::marker {
    color: #ffffff;
}

.go-box--filled .go-box__content a,
.go-box--filled .go-box__title a,
.editor-styles-wrapper .go-box--filled .go-box__content a,
.editor-styles-wrapper .go-box--filled .go-box__title a {
    color: #ffffff !important;
    opacity: 0.9;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.go-box--filled .go-box__content a:hover,
.go-box--filled .go-box__title a:hover,
.editor-styles-wrapper .go-box--filled .go-box__content a:hover,
.editor-styles-wrapper .go-box--filled .go-box__title a:hover {
    opacity: 1;
}

/* ── FILLED: Textauswahl sichtbar machen ──────────────────────────────── */

.go-box--filled ::selection {
    background-color: rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

/* ── OUTLINED: Alles erbt accentColor vom Wrapper ─────────────────────── */

.go-box--outlined .go-box__content p,
.go-box--outlined .go-box__content li,
.go-box--outlined .go-box__content h2,
.go-box--outlined .go-box__content h3,
.go-box--outlined .go-box__content h4,
.go-box--outlined .go-box__content strong {
    color: inherit; /* erbt vom .go-box--outlined Wrapper (inline: color: accentColor) */
}

.go-box--outlined .go-box__content li::marker {
    color: inherit;
}

.go-box--outlined .go-box__content a {
    color: inherit;
}

/* ── Steckbrief ────────────────────────────────────────────────────────── */

.go-steckbrief {
    margin: 1.5rem 0;
    overflow-x: auto;
}

.go-steckbrief__table {
    width: 100%;
    min-width: 320px;   /* verhindert Quetschen auf Mobil — scrollt stattdessen */
    border-collapse: collapse;
    font-size: 0.9em;
}

.go-steckbrief__header {
    /* background + color kommen inline vom PHP (accentColor) */
    font-weight: 700;
    font-size: 1em;
    text-align: left;
    padding: 9px 12px;
}

.go-steckbrief__label {
    /* background-color kommt inline vom PHP (accentColor + 1a) */
    font-weight: 600;
    padding: 7px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    vertical-align: top;
    line-height: 1.5;
    width: 40%;
    text-align: left;
}

.go-steckbrief__value {
    background-color: #ffffff;
    padding: 7px 12px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    vertical-align: top;
    line-height: 1.5;
}

.go-steckbrief__table tbody tr:last-child .go-steckbrief__label,
.go-steckbrief__table tbody tr:last-child .go-steckbrief__value {
    border-bottom: none;
}

/* ── FAQ-Block ─────────────────────────────────────────────────────────── */

.go-faq {
    margin: 1.5rem 0;
}

.go-faq__item {
    margin-bottom: 27px;  /* entspricht Anaga: Abstand via answer-margin, keine Linie */
}

.go-faq__item:last-child {
    margin-bottom: 0;
}

.go-faq__question {
    font-size: 1.05em;    /* minimal größer als Fließtext — gibt Frage etwas Gewicht */
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 2px 0;   /* Frage klebt direkt an Antwort, wie auf Anaga */
}

.go-faq__answer {
    line-height: 1.65;
}

.go-faq__answer p {
    margin: 0 0 6px 0;
}

.go-faq__answer p:last-child {
    margin-bottom: 0;
}

/* ── Editor: InnerBlocks Appender ──────────────────────────────────────── */

.go-box .block-list-appender {
    margin-top: 6px;
}

.go-box .block-editor-inner-blocks {
    width: 100%;
}

/* ── Autorenblock ──────────────────────────────────────────────────────── */

.go-autor {
    margin: 2rem 0;
    /* border-top kommt inline vom PHP (accentColor) */
}

.go-autor__name {
    font-size: 0.95em;
    font-weight: 700;
    margin: 0 0 5px 0;
    line-height: 1.4;
}

.go-autor__role {
    font-weight: 400;
    /* color kommt inline vom PHP */
}

.go-autor__bio {
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 8px 0;
    color: inherit;
    opacity: 0.85;
}

.go-autor__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 0 8px 0;
}

.go-autor__tag {
    display: inline-block;
    font-size: 0.78em;
    padding: 2px 9px;
    border-radius: 20px;
    line-height: 1.6;
    /* background + color + border kommen inline vom PHP */
}

.go-autor__linkwrap {
    margin: 0;
    font-size: 0.88em;
}

.go-autor__link {
    text-decoration: underline;
    text-underline-offset: 2px;
    /* color kommt inline vom PHP */
}

.go-autor__link:hover {
    opacity: 0.8;
}