/*
 * HighLife Script API - Theme fuer die javadoc-Referenz.
 *
 * Wird von build-api-kit.ps1 per --add-stylesheet NACH dem Standard-Stylesheet geladen und
 * ueberschreibt nur Farbe, Schrift und Kopf. Aufbau und Navigation bleiben Standard-Javadoc
 * (vertraute Form), die Optik kommt aus brand\design.properties (Palette "Marmor hell"):
 *
 *   Grund   fg #1A1A1A  ul #FAFAFA  el #F2F2F2  l #EBEBEB  m #E3E3E3  d #BDBDBD  ud #8F8F8F
 *   Akzent  ul #C9A227  el #B8942F  l #A6852A  m #8A6E23  d #6B541C  ud #4A3A13
 *
 * Weisse Schrift steht nur auf Akzent m oder dunkler - auf #C9A227 waere sie unlesbar (2,3:1).
 */

:root {
    --hl-fg: #1A1A1A;
    --hl-ul: #FAFAFA;
    --hl-el: #F2F2F2;
    --hl-l:  #EBEBEB;
    --hl-m:  #E3E3E3;
    --hl-d:  #BDBDBD;
    --hl-ud: #8F8F8F;
    --hl-gold:      #C9A227;
    --hl-gold-m:    #8A6E23;
    --hl-gold-d:    #6B541C;
    --hl-gold-ud:   #4A3A13;
    --hl-row:       #F8F6F0;
    --hl-sans: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --hl-mono: Consolas, 'Cascadia Mono', 'DejaVu Sans Mono', monospace;
}

/* ---- Schrift ----------------------------------------------------------------------------- */
body, button, dl.notes > dt, dl.notes > dd, div.block, .deprecation-block, .preview-block {
    font-family: var(--hl-sans);
}
pre, code, tt, dt code, .summary-table dt code, .member-signature {
    font-family: var(--hl-mono);
}
body { color: var(--hl-fg); background-color: #FFFFFF; font-size: 14px; }
.block, dl.notes > dt { color: #333333; }

/* ---- Links ------------------------------------------------------------------------------- */
a:link, a:visited { color: var(--hl-gold-d); }
a[href]:hover, a[href]:focus { color: var(--hl-gold-m); text-decoration: underline; }

/* ---- Kopf: Marmor mit Goldlinie, Logo links ---------------------------------------------- */
.top-nav {
    background-color: var(--hl-m);
    color: var(--hl-fg);
    border-bottom: 3px solid var(--hl-gold-m);
    min-height: 3.2em;
    padding-top: 6px;
}
.top-nav a:link, .top-nav a:active, .top-nav a:visited { color: var(--hl-fg); }
.top-nav a:hover { color: var(--hl-gold-m); }
.sub-nav { background-color: var(--hl-el); border-bottom: 1px solid var(--hl-d); }
.nav-bar-cell1-rev {
    background-color: var(--hl-gold-m);
    color: #FFFFFF;
    border-radius: 3px;
}

/* -header landet rechts in der Kopfleiste: dort sitzt die Marke */
.about-language { margin-top: -2px; }
.hl-brand {
    display: inline-block;
    padding-left: 38px;
    line-height: 32px;
    background: url('highlife-logo.png') no-repeat left center;
    background-size: 32px 32px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--hl-gold-ud);
    white-space: nowrap;
}

/* ---- Titel ------------------------------------------------------------------------------- */
.title { color: var(--hl-fg); font-weight: 600; }
.header .title::after, .flex-content > .header > .title::after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 8px;
    background: var(--hl-gold);
}
h1, h2, h3, h4 { font-family: var(--hl-sans); }

/* ---- Tabellen ---------------------------------------------------------------------------- */
.caption { color: var(--hl-fg); }
.caption a:link, .caption a:visited { color: #FFFFFF; }
.caption span {
    background-color: var(--hl-gold-m);
    color: #FFFFFF;
    border-radius: 3px 3px 0 0;
}
div.table-tabs > button.active-table-tab {
    background: var(--hl-gold-m);
    color: #FFFFFF;
    border-radius: 3px 3px 0 0;
}
div.table-tabs > button.table-tab {
    background: var(--hl-m);
    color: var(--hl-fg);
    border-radius: 3px 3px 0 0;
}
div.table-tabs > button.table-tab:hover { background: var(--hl-l); }
.table-header, body.class-declaration-page .summary .inherited-list h2 {
    background: var(--hl-l);
}
.table-sub-heading-color { background-color: var(--hl-el); }
.even-row-color, .even-row-color .table-header { background-color: #FFFFFF; }
.odd-row-color,  .odd-row-color  .table-header { background-color: var(--hl-row); }
table.striped > thead { background-color: var(--hl-m); }
table.striped > tbody > tr:nth-child(odd)  { background-color: #FFFFFF; }
table.striped > tbody > tr:nth-child(even) { background-color: var(--hl-row); }

/* Detailbloecke: leichte Karte statt grauer Flaeche */
.class-uses .detail, .serialized-class-details { background-color: var(--hl-ul); }
.inherited-list, section[class$="-details"] .detail {
    background-color: #FFFFFF;
    border: 1px solid var(--hl-l);
    border-radius: 4px;
}
.member-signature { background: var(--hl-ul); padding: 6px 8px; border-left: 3px solid var(--hl-gold); }

/* ---- Suche ------------------------------------------------------------------------------- */
#search-input { border: 1px solid var(--hl-d); border-radius: 3px; }
.ui-autocomplete-category { background-color: var(--hl-gold-m); color: #FFFFFF; }
.ui-state-active { background: var(--hl-m) !important; border-color: var(--hl-gold) !important; color: var(--hl-fg) !important; }
.watermark { color: var(--hl-ud); }

/* ---- Startseite (overview.html) ---------------------------------------------------------- */
.hl-intro { max-width: 76em; font-size: 15px; line-height: 1.55; }
.hl-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0 8px; }
.hl-card {
    flex: 1 1 15em;
    background: var(--hl-ul);
    border: 1px solid var(--hl-l);
    border-top: 3px solid var(--hl-gold);
    border-radius: 4px;
    padding: 10px 14px;
}
.hl-card h3 { margin: 2px 0 6px; font-size: 15px; }
.hl-card ul { margin: 0; padding-left: 18px; }
.hl-intro pre {
    background: var(--hl-ul);
    border: 1px solid var(--hl-l);
    border-left: 3px solid var(--hl-gold);
    padding: 10px 12px;
    overflow-x: auto;
}

/* ---- Fuss -------------------------------------------------------------------------------- */
.legal-copy { color: var(--hl-ud); font-family: var(--hl-sans); }