/*
Theme Name:   IPgD Child
Theme URI:    https://ipgd.leineglueck-demo.de
Description:  Child-Theme für Astra – Analysen-A-Z-Einzelseiten (glossary) im Stil der gebauten Seiten.
Author:       Novamira / Leineglück
Template:     astra
Version:      1.2.1
Text Domain:  ipgd-child
*/

/* ============================================================
   Analysen A–Z · Einzeleintrag (Post-Type: glossary)
   Body-Klasse .single-glossary
   ============================================================ */

/* Weiß wie die gebauten Seiten ------------------------------------------- */
body.single-glossary { background-color: #fff !important; }
.single-glossary .ast-article-single,
.single-glossary .ast-article-post { background: transparent; box-shadow: none; }

/* Gemeinsamer Wrap: Kopf + Trennstrich auf Seitenbreite ------------------ */
.single-glossary .ipgd-glosshero,
.single-glossary .ipgd-gloss-divider { max-width: 1100px; margin-left: auto; margin-right: auto; }

/* Native Astra-Titel/Meta ausblenden (eigener Kopf) ---------------------- */
.single-glossary .entry-header { display: none !important; }

/* KOPF: Titel links, Bildstreifen rechts (flach, ~150px) ----------------- */
.single-glossary .ipgd-glosshero {
    display: flex;
    gap: 2.5rem;
    align-items: center;
    margin: .5rem auto 1.5rem;
}
.single-glossary .ipgd-glosshero__text { flex: 1 1 0%; min-width: 0; }
.single-glossary .ipgd-glosshero__media { flex: 0 0 340px; max-width: 340px; }
.single-glossary .ipgd-glosshero__img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 24px;
    box-shadow: 0 12px 28px rgba(31,35,39,0.10), 0 4px 10px rgba(31,35,39,0.05);
}
.single-glossary .ipgd-glosshero__title {
    font-family: "Mulish", system-ui, sans-serif;
    font-weight: 800;
    font-size: 44px;          /* H1-Token (px, da Astra kleinere rem-Basis setzt) */
    line-height: 1.1;
    margin: .35rem 0 0;
    color: #1f2327;
}

/* Eyebrow + Pille -------------------------------------------------------- */
.single-glossary .ipgd-eyebrow {
    display: inline-block;
    font-family: "Source Sans 3", system-ui, sans-serif;
    font-weight: 700; font-size: .75rem;
    letter-spacing: .08em; text-transform: uppercase;
    color: #7e8691; vertical-align: middle;
}
.single-glossary .ipgd-pill {
    display: inline-block; margin-left: .5rem;
    background: #8cc63f; color: #fff;
    border-radius: 999px; padding: .12em .7em;
    font-family: "Mulish", system-ui, sans-serif; font-weight: 800;
    font-size: .8rem; line-height: 1.6; vertical-align: middle;
}

/* Trennstrich ------------------------------------------------------------ */
.single-glossary .ipgd-gloss-divider {
    border: 0;
    border-top: 1px solid #e0e3e7;
    margin-top: 0; margin-bottom: 2.5rem;
}

/* TEXT: zentrierte Lesespalte wie Pharmakogenetik (18px / 1.65) ---------- */
.single-glossary .entry-content {
    max-width: 680px;
    margin-left: auto; margin-right: auto;
    font-family: "Source Sans 3", system-ui, sans-serif;
    font-size: 18px;         /* wie Pharmakogenetik-Body */
    line-height: 1.65;
    color: #474d54;
}
.single-glossary .entry-content p { margin: 0 0 1.2em; }
.single-glossary .entry-content h2,
.single-glossary .entry-content h3 {
    font-family: "Mulish", system-ui, sans-serif; font-weight: 800; color: #1f2327;
}
.single-glossary .entry-content a { color: #5c8526; }

/* CTA-/Funktionsband (auf Textspaltenbreite) ----------------------------- */
.single-glossary .ipgd-gloss-cta {
    max-width: 680px; margin: 3rem auto 0;
    background: #f3f9e8; border: 1px solid #e6f0d4;
    border-radius: 16px; padding: 1.5rem 2rem;
}
.single-glossary .ipgd-gloss-cta h2 {
    font-family: "Mulish", system-ui, sans-serif; font-weight: 800;
    font-size: 1.25rem; margin: 0 0 .35rem; color: #1f2327;
}
.single-glossary .ipgd-gloss-cta p { margin: 0 0 1rem; color: #474d54; }
.single-glossary .ipgd-cta-actions { display: flex; flex-wrap: wrap; gap: .9rem; align-items: center; }
.single-glossary .ipgd-btn {
    display: inline-block; background: #8cc63f; color: #fff !important;
    border-radius: 999px; padding: .55em 1.3em;
    font-family: "Mulish", system-ui, sans-serif; font-weight: 800;
    text-decoration: none; transition: background .15s ease;
}
.single-glossary .ipgd-btn:hover { background: #74a72f; }

/* Responsiv -------------------------------------------------------------- */
@media (max-width: 600px) {
    .single-glossary .ipgd-glosshero { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
    .single-glossary .ipgd-glosshero__media { flex-basis: auto; max-width: 100%; width: 100%; }
    .single-glossary .ipgd-glosshero__title { font-size: 34px; }
    .single-glossary .ipgd-gloss-cta { padding: 1.25rem; }
}