/*
Theme Name:   MyEisha Blog
Theme URI:    https://myeisha.de
Description:  Child Theme — MyEisha Blog, basiert auf GeneratePress
Author:       Web Media Service
Author URI:   https://wms.im
Template:     generatepress
Version:      1.0.0
Text Domain:  myeisha-child
*/

/* ============================================================
   LOCAL FONTS
   ============================================================ */

/* Manrope — Sans-Serif für Body, Labels, Navigation */
@font-face {
    font-family: 'Manrope';
    src: url('fonts/manrope/Manrope-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/manrope/Manrope-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/manrope/Manrope-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('fonts/manrope/Manrope-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Newsreader 36pt — Serif für Section-Headlines, Card-Titel, Subheadings */
@font-face {
    font-family: 'Newsreader 36pt';
    src: url('fonts/newsreader/Newsreader36pt-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader 36pt';
    src: url('fonts/newsreader/Newsreader36pt-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Newsreader 60pt — Serif für Hero-Title, Site-Title, Editorial Quote */
@font-face {
    font-family: 'Newsreader 60pt';
    src: url('fonts/newsreader/Newsreader60pt-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Newsreader 60pt';
    src: url('fonts/newsreader/Newsreader60pt-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* ============================================================
   DESIGN TOKENS
   ============================================================ */

:root {
    --color-primary:          #005c53;
    --color-primary-dim:      #c1512e;
    --color-secondary:        #d97d26;
    --color-tertiary:         #e4a11b;
    --color-surface:          #f5f2ed;
    --color-surface-low:      #efecea;
    --color-surface-mid:      #e9e6e1;
    --color-on-surface:       #1c1c19;
    --color-on-surface-muted: #53433d;
    --color-outline:          #d9c2b9;

    --cat-color:       var(--color-primary);
    --cat-color-alpha: rgba(0, 92, 83, 0.08);

    --font-serif:         'Newsreader 36pt', Georgia, serif;
    --font-serif-display: 'Newsreader 60pt', Georgia, serif;
    --font-sans:          'Manrope', system-ui, sans-serif;

    --container-max: 1440px;
    --section-pad:   clamp(3rem, 6vw, 6rem);
    --side-pad:      clamp(1.5rem, 4vw, 3rem);
}

/* Category colors — ID-based (reliable) + slug fallbacks */
body.cat-id-3, body.term-3 { --cat-color: #005c53; --cat-color-alpha: rgba(0,92,83,.08); }       /* Behind the Scenes */
body.cat-id-2, body.term-2 { --cat-color: #c1512e; --cat-color-alpha: rgba(193,81,46,.08); }     /* Dear Diary */
body.cat-id-1, body.term-1 { --cat-color: #d97d26; --cat-color-alpha: rgba(217,125,38,.08); }    /* Generally */
body.cat-id-4, body.term-4 { --cat-color: #e4a11b; --cat-color-alpha: rgba(228,161,27,.08); }    /* Sandra's life */

body.category-generally,    body.cat-generally    { --cat-color: #d97d26; }
body.category-dear-diary,   body.cat-dear-diary   { --cat-color: #c1512e; }
body.category-sandras-life, body.cat-sandras-life { --cat-color: #e4a11b; }
body[class*="category-behind"], body[class*="cat-behind"] { --cat-color: #005c53; }

/* ============================================================
   BASE
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

body {
    font-family: var(--font-sans);
    background: var(--color-surface);
    color: var(--color-on-surface);
    font-weight: 400;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; height: auto; }
a   { color: inherit; }

/* ============================================================
   GP LAYOUT — FORCE FULL WIDTH (no sidebar)
   ============================================================ */

.content-wrapper, .grid-parent, .generate-columns-container {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

.site-content, #primary, .content-area, .site-main {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

#secondary, .sidebar-primary, .sidebar-secondary, .widget-area {
    display: none !important;
    width: 0 !important;
    visibility: hidden !important;
}

.grid-child {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

/* Newsletter + footer must clear all GP floats */
.myeisha-newsletter,
.myeisha-footer,
.myeisha-editorial-quote,
.myeisha-shop-cta {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.entry-content, .inside-article { padding: 0 !important; margin: 0 !important; }

/* ============================================================
   GP HEADER OVERRIDES
   ============================================================ */

.site-header {
    background: var(--color-surface) !important;
    border-bottom: 3px solid rgba(0, 92, 83, 0.15);
    padding: 0 !important;
}

/* Site title — high specificity to beat GP */
body .site-title, body .site-title a,
.site-branding .site-title, .site-branding .site-title a,
h1.site-title, h1.site-title a, p.site-title, p.site-title a {
    font-family: var(--font-serif-display) !important;
    font-size: 1.75rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    color: var(--color-primary) !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
}

/* Primary nav */
.main-navigation .main-nav ul li a {
    font-family: var(--font-sans) !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: rgba(28,28,25,.55) !important;
    transition: color .15s ease;
}

.main-navigation .main-nav ul li a:hover { color: var(--color-primary) !important; }

.main-navigation .main-nav ul li.current-menu-item > a {
    color: var(--color-primary) !important;
    border-bottom: 2px solid var(--color-primary);
}

/* ============================================================
   READING PROGRESS BAR
   ============================================================ */

.myeisha-reading-progress {
    position: fixed;
    top: 0; left: 0;
    height: 3px;
    width: 0%;
    background: var(--cat-color);
    z-index: 9999;
    transition: width .08s linear;
    pointer-events: none;
}

/* ============================================================
   CATEGORY NAV BAR
   ============================================================ */

.myeisha-cat-nav {
    background: var(--color-surface);
    border-bottom: 1px solid rgba(217,194,185,.35);
}

.myeisha-cat-nav__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: var(--container-max);
    margin: 0 auto;
}

.myeisha-cat-nav__item {
    display: block;
    padding: 1.75rem var(--side-pad);
    border-right: 1px solid rgba(217,194,185,.7);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: background .15s ease;
}

/* Kachel-Hintergründe per Kategorie */
/* Kachel-Hintergründe werden per PHP inline-style gesetzt (--cat-bg in functions.php) */

.myeisha-cat-nav__item:last-child { border-right: none; }
.myeisha-cat-nav__item:hover { filter: brightness(.94); }


.myeisha-cat-nav__item::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    height: 3px; width: 0;
    background: var(--cat-item-accent, var(--color-primary));
    transition: width .3s ease;
}

.myeisha-cat-nav__item:hover::after,
.myeisha-cat-nav__item.is-active::after { width: 100%; }

.myeisha-cat-nav__num {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    font-family: var(--font-sans);
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: -.04em;
    color: #f5f2ed;
    opacity: .55;
    line-height: 1;
    pointer-events: none;
    user-select: none;
    margin: 0;
    z-index: 0;
}

.myeisha-cat-nav__label {
    display: block;
    font-family: var(--font-sans);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--cat-item-accent, var(--color-primary));
    line-height: 1.2;
    position: relative;
    z-index: 1;
    letter-spacing: .01em;
}

@media (max-width: 640px) {
    .myeisha-cat-nav__inner { grid-template-columns: repeat(2, 1fr); }
    .myeisha-cat-nav__item:nth-child(2) { border-right: none; }
    .myeisha-cat-nav__item { border-bottom: 1px solid rgba(217,194,185,.3); }
}

/* ============================================================
   HERO
   ============================================================ */

.myeisha-hero {
    position: relative;
    height: min(860px, 88vh);
    overflow: hidden;
    background: #1c1c19;
}

.myeisha-hero__img {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    filter: brightness(.68) saturate(.85);
    transform: scale(1.02);
    transition: transform 8s ease;
}

.myeisha-hero:hover .myeisha-hero__img { transform: scale(1); }

.myeisha-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
        rgba(28,28,25,.82) 0%,
        rgba(28,28,25,.2)  45%,
        transparent        100%);
}

.myeisha-hero__content {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 0 var(--side-pad) 5rem;
    max-width: var(--container-max);
    margin: 0 auto;
}

.myeisha-hero__badge {
    display: inline-block;
    background: rgba(0, 92, 83, .9);
    color: white;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    padding: .35rem 1rem;
    margin-bottom: 1.5rem;
    text-decoration: none;
}

.myeisha-hero__title {
    font-family: var(--font-serif-display);
    font-size: clamp(3rem, 8vw, 7rem);
    color: white;
    line-height: .95;
    font-weight: 300;
    margin: 0 0 1rem;
    max-width: 900px;
    text-shadow: 0 2px 32px rgba(0,0,0,.2);
}

.myeisha-hero__subline {
    font-size: clamp(.9rem, 1.5vw, 1.1rem);
    color: rgba(255,255,255,.75);
    font-weight: 400;
    margin: 0 0 2rem;
    max-width: 520px;
    line-height: 1.6;
}

.myeisha-hero__actions {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.myeisha-hero__cta {
    display: inline-block;
    background: var(--color-primary);
    color: white;
    padding: .9rem 2.5rem;
    font-family: var(--font-sans);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .15s ease;
}

.myeisha-hero__cta:hover { background: var(--color-primary-dim); color: white; }

.myeisha-hero__author {
    color: rgba(255,255,255,.75);
    font-size: .85rem;
    font-weight: 400;
}

/* ============================================================
   POST GRID
   ============================================================ */

.myeisha-archive {
    padding: var(--section-pad) var(--side-pad);
    max-width: var(--container-max);
    margin: 0 auto;
}

.myeisha-archive__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--color-outline);
}

.myeisha-archive__title {
    font-family: var(--font-serif);
    font-size: 2.25rem;
    margin: 0 0 .35rem;
    font-weight: 400;
}

.myeisha-archive__subtitle {
    color: var(--color-on-surface-muted);
    font-size: .82rem;
    font-weight: 400;
    margin: 0;
}

.myeisha-archive__view-all {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--color-primary);
    text-decoration: none;
    border-bottom: 2px solid var(--color-primary);
    padding-bottom: 2px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: 2rem;
}

/* ---- Cards ---- */

.myeisha-posts-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem;
}

.myeisha-card--feature { grid-column: span 7; }

.myeisha-card--sidebar {
    grid-column: span 5;
    padding: 2rem 2rem 2rem 2.5rem;
    border-left: 4px solid rgba(0, 92, 83, .15);
    background: rgba(246,243,238,.5);
}

.myeisha-card--small {
    grid-column: span 4;
    padding-top: 1.75rem;
    border-top: 4px solid var(--cat-color);
}

.myeisha-card__img-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    background: var(--color-surface-mid);
}
.myeisha-card--feature .myeisha-card__img-wrap { aspect-ratio: 16/9; }
.myeisha-card--sidebar .myeisha-card__img-wrap { aspect-ratio: 1/1; }
.myeisha-card--small   .myeisha-card__img-wrap { aspect-ratio: 4/5; }

.myeisha-card__img-wrap img,
.myeisha-card__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block !important;
    transition: transform .7s ease;
}

.myeisha-card:hover .myeisha-card__img { transform: scale(1.05); }

.myeisha-cat-badge {
    display: inline-block;
    background: var(--cat-color);
    color: white;
    font-family: var(--font-sans);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: .25rem .75rem;
    margin-bottom: .85rem;
    text-decoration: none;
    line-height: 1.8;
}

.myeisha-cat-badge--outline {
    background: transparent;
    border: 1px solid var(--cat-color);
    color: var(--cat-color);
}

.myeisha-card__title {
    font-family: var(--font-serif);
    font-weight: 400;
    line-height: 1.12;
    margin: 0 0 .65rem;
    transition: color .15s ease;
    color: var(--color-on-surface);
}

.myeisha-card:hover .myeisha-card__title { color: var(--cat-color); }

.myeisha-card--feature .myeisha-card__title { font-size: clamp(1.6rem, 2.5vw, 2.25rem); }
.myeisha-card--sidebar .myeisha-card__title { font-size: 1.6rem; }
.myeisha-card--small   .myeisha-card__title { font-size: 1.3rem; }

.myeisha-card__excerpt {
    color: var(--color-on-surface-muted);
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.7;
    margin: 0;
}

.myeisha-card__meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .85rem;
    font-size: .7rem;
    color: var(--color-on-surface-muted);
    font-weight: 400;
}

.myeisha-card__reading-time::before { content: '·'; margin-right: .5rem; }
.myeisha-card { display: block; text-decoration: none; color: inherit; }

@media (max-width: 1024px) {
    .myeisha-card--feature { grid-column: span 12; }
    .myeisha-card--sidebar { grid-column: span 12; border-left: none; padding-left: 0; background: transparent; }
    .myeisha-card--small   { grid-column: span 6; }
}

@media (max-width: 600px) {
    .myeisha-card--small { grid-column: span 12; }
    .myeisha-posts-grid  { gap: 1.5rem; }
    .myeisha-archive     { padding: var(--section-pad) 1.5rem; }
}

/* ============================================================
   EDITORIAL QUOTE
   ============================================================ */

.myeisha-editorial-quote {
    background: var(--color-surface-low);
    padding: clamp(4rem, 8vw, 8rem) var(--side-pad);
    position: relative;
}

/* Left accent bar */
.myeisha-editorial-quote::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 5px;
    background: var(--color-primary);
}

.myeisha-editorial-quote__inner {
    max-width: 860px;
    margin: 0 auto;
}

/* Style the WP blockquote from editor */
.myeisha-editorial-quote blockquote,
.myeisha-editorial-quote .wp-block-quote {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.myeisha-editorial-quote blockquote p,
.myeisha-editorial-quote .wp-block-quote p {
    font-family: var(--font-serif-display);
    font-size: clamp(1.75rem, 3.5vw, 3rem);
    line-height: 1.2;
    color: var(--color-on-surface);
    font-weight: 300;
    font-style: italic;
    margin: 0 0 1.5rem;
}

.myeisha-editorial-quote blockquote cite,
.myeisha-editorial-quote .wp-block-quote cite {
    font-family: var(--font-sans);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--color-primary);
    font-style: normal;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.myeisha-editorial-quote blockquote cite::before,
.myeisha-editorial-quote .wp-block-quote cite::before {
    content: '';
    display: inline-block;
    width: 2.5rem;
    height: 2px;
    background: var(--color-primary);
}

/* ============================================================
   SHOP CTA
   ============================================================ */

.myeisha-shop-cta {
    background: var(--color-primary);
    color: white;
    padding: clamp(3rem, 6vw, 5rem) var(--side-pad);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: relative;
    overflow: hidden;
}

/* Image variant — background-image set inline via PHP */
.myeisha-shop-cta--full {
    background-size: cover;
    background-position: center;
    min-height: 420px;
    justify-content: flex-end;
}

/* Overlay so text is always readable over image */
.myeisha-shop-cta--full::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 92, 83, .92) 0%,
        rgba(0, 92, 83, .75) 50%,
        rgba(0, 92, 83, .4)  100%
    );
}

.myeisha-shop-cta--full > * { position: relative; z-index: 1; }

/* Decorative circle */
.myeisha-shop-cta::after {
    content: '';
    position: absolute;
    right: -4rem; top: -4rem;
    width: 18rem; height: 18rem;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    pointer-events: none;
}

.myeisha-shop-cta__eyebrow {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    opacity: .65;
}

.myeisha-shop-cta__title {
    font-family: var(--font-serif);
    font-size: clamp(1.75rem, 3vw, 2.75rem);
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    max-width: 580px;
}

.myeisha-shop-cta__text {
    font-size: .9rem;
    font-weight: 400;
    opacity: .85;
    max-width: 480px;
    line-height: 1.65;
    margin: 0;
}

.myeisha-shop-cta__btn {
    display: inline-block;
    align-self: flex-start;
    background: white;
    color: var(--color-primary);
    padding: .85rem 2.25rem;
    font-family: var(--font-sans);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: .75rem;
    transition: background .15s ease;
}

.myeisha-shop-cta__btn:hover { background: var(--color-surface-low); color: var(--color-primary); }

/* Inline subtle CTA in post body */
.myeisha-inline-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
    margin: 2.5rem 0;
    border-top: 2px solid var(--cat-color);
    border-bottom: 2px solid var(--cat-color);
    flex-wrap: wrap;
}

.myeisha-inline-cta__text {
    font-family: var(--font-serif);
    font-size: 1.1rem;
    color: var(--color-on-surface);
    margin: 0;
}

.myeisha-inline-cta__link {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--cat-color);
    text-decoration: none;
    border-bottom: 2px solid currentColor;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ============================================================
   SINGLE POST
   ============================================================ */

.myeisha-single-wrap {
    padding: 3.5rem var(--side-pad) 0;
}

.myeisha-single-header {
    max-width: 780px;
    margin: 0 auto 2.5rem;
}

.myeisha-single-title {
    font-family: var(--font-serif);
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    font-weight: 400;
    line-height: 1.05;
    margin: 0 0 1.75rem;
}

.myeisha-single-meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 0;
    border-top: 1px solid var(--color-outline);
    border-bottom: 1px solid var(--color-outline);
    flex-wrap: wrap;
}

.myeisha-single-meta__item {
    font-size: .75rem;
    color: var(--color-on-surface-muted);
    font-weight: 400;
}

.myeisha-single-meta__sep {
    width: 1px; height: 12px;
    background: var(--color-outline);
    flex-shrink: 0;
}

.myeisha-single-meta__author { font-style: italic; }

.myeisha-single-featured-img {
    width: 100%;
    max-height: 560px;
    object-fit: cover;
    display: block;
    margin-bottom: 3rem;
}

.myeisha-single-content {
    max-width: 780px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.myeisha-single-content p {
    font-size: 1.05rem;
    line-height: 1.82;
    margin-bottom: 1.5rem;
    font-weight: 400;
}

.myeisha-single-content h2 {
    font-family: var(--font-serif);
    font-size: 2rem;
    font-weight: 400;
    margin: 2.5rem 0 1rem;
    line-height: 1.1;
}

.myeisha-single-content h3 {
    font-family: var(--font-serif);
    font-size: 1.5rem;
    font-weight: 400;
    margin: 2rem 0 .85rem;
}

.myeisha-single-content blockquote {
    border-left: 4px solid var(--cat-color);
    padding: 1.5rem 2rem;
    margin: 2.5rem 0;
    background: var(--cat-color-alpha);
    font-family: var(--font-serif);
    font-size: 1.25rem;
    line-height: 1.45;
}

.myeisha-single-content blockquote p { margin: 0; font-size: inherit; }

.myeisha-single-content a {
    color: var(--cat-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.myeisha-single-content ul,
.myeisha-single-content ol {
    padding-left: 1.75rem;
    margin-bottom: 1.5rem;
}

.myeisha-single-content li {
    margin-bottom: .4rem;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.7;
}

.myeisha-single-content img { width: 100%; margin: 2rem 0; }

/* ============================================================
   SHARE BUTTONS
   ============================================================ */

.myeisha-share {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    padding: 2rem 0;
    border-top: 1px solid var(--color-outline);
}

.myeisha-share__label {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--color-on-surface-muted);
    margin-right: .5rem;
}

.myeisha-share__btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem 1rem;
    border: 1px solid var(--color-outline);
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--color-on-surface-muted);
    text-decoration: none;
    transition: border-color .15s, color .15s;
}

.myeisha-share__btn:hover {
    border-color: var(--cat-color);
    color: var(--cat-color);
}

/* ============================================================
   RELATED POSTS
   ============================================================ */

.myeisha-related {
    background: var(--color-surface-low);
    border-top: 4px solid var(--cat-color);
    padding: var(--section-pad) var(--side-pad);
}

.myeisha-related__inner { max-width: var(--container-max); margin: 0 auto; }

.myeisha-related__title {
    font-family: var(--font-serif);
    font-size: 1.75rem;
    font-weight: 400;
    margin: 0 0 2.5rem;
}

.myeisha-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 768px) { .myeisha-related__grid { grid-template-columns: 1fr; } }

/* ============================================================
   NEWSLETTER
   ============================================================ */

.myeisha-newsletter {
    padding: var(--section-pad) var(--side-pad);
    background: var(--color-surface);
    clear: both;
}

.myeisha-newsletter__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    background: rgba(0, 92, 83, .04);
    border-left: 12px solid var(--color-primary);
    padding: clamp(2rem, 4vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    flex-wrap: wrap;
}

.myeisha-newsletter__text-col { flex: 0 0 auto; max-width: 380px; }

.myeisha-newsletter__heading {
    font-family: var(--font-serif);
    font-size: 2.25rem;
    font-weight: 400;
    color: var(--color-primary);
    margin: 0 0 .75rem;
}

.myeisha-newsletter__desc {
    color: var(--color-on-surface-muted);
    font-size: .88rem;
    font-weight: 400;
    line-height: 1.7;
    margin: 0;
}

.myeisha-newsletter__form-wrap { flex: 1 1 280px; max-width: 520px; }

.myeisha-newsletter__form { display: flex; }

.myeisha-newsletter__input {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 92, 83, .25);
    padding: 1rem .75rem 1rem 0;
    font-family: var(--font-sans);
    font-size: .65rem;
    letter-spacing: .1em;
    color: var(--color-on-surface);
    outline: none;
    transition: border-color .15s;
    min-width: 0;
}

.myeisha-newsletter__input:focus { border-bottom-color: var(--color-primary); }

.myeisha-newsletter__input::placeholder {
    color: rgba(28,28,25,.3);
    text-transform: uppercase;
    letter-spacing: .2em;
}

.myeisha-newsletter__submit {
    flex-shrink: 0;
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 1rem 2rem;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s;
}

.myeisha-newsletter__submit:hover { background: var(--color-primary-dim); }
.myeisha-newsletter__submit:disabled { opacity: .6; cursor: not-allowed; }

.myeisha-newsletter__fine-print {
    margin-top: 1rem;
    font-size: .65rem;
    color: rgba(28,28,25,.4);
    font-style: italic;
}

.myeisha-newsletter__success {
    font-family: var(--font-serif);
    font-size: 1.15rem;
    color: var(--color-secondary);
    padding: 1rem 0;
}

/* ============================================================
   SEARCH OVERLAY
   ============================================================ */

.myeisha-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(252,249,244,.97);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    backdrop-filter: blur(4px);
}

.myeisha-search-overlay.is-open { opacity: 1; pointer-events: all; }

.myeisha-search-overlay__inner { width: 90%; max-width: 700px; }

.myeisha-search-overlay__close {
    display: block;
    margin-left: auto;
    margin-bottom: 2rem;
    background: none;
    border: none;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--color-on-surface-muted);
    cursor: pointer;
}

.myeisha-search-overlay__form {
    display: flex;
    align-items: center;
    border-bottom: 3px solid var(--color-primary);
    padding-bottom: .75rem;
    gap: 1rem;
}

.myeisha-search-overlay__input {
    flex: 1;
    background: transparent;
    border: none;
    font-family: var(--font-serif);
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    color: var(--color-on-surface);
    outline: none;
    min-width: 0;
}

.myeisha-search-overlay__input::placeholder { color: rgba(28,28,25,.22); }

.myeisha-search-trigger {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-primary);
    padding: .5rem;
    display: flex;
    align-items: center;
}

.myeisha-search-trigger svg {
    width: 20px; height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
}

/* ============================================================
   MATOMO CONSENT
   ============================================================ */

.myeisha-matomo-banner {
    position: fixed;
    bottom: 1.5rem; left: 1.5rem;
    max-width: 360px;
    background: var(--color-on-surface);
    color: white;
    padding: 1.5rem;
    z-index: 9998;
    display: none;
    border-left: 4px solid var(--color-primary);
    box-shadow: 0 8px 32px rgba(0,0,0,.25);
}

.myeisha-matomo-banner.is-visible { display: block; }

.myeisha-matomo-banner__text {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.65;
    color: rgba(255,255,255,.82);
    margin-bottom: 1rem;
}

.myeisha-matomo-banner__actions { display: flex; gap: .75rem; }

.myeisha-matomo-banner__btn {
    padding: .5rem 1.25rem;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: opacity .15s;
}

.myeisha-matomo-banner__btn:hover { opacity: .85; }
.myeisha-matomo-banner__btn--accept { background: var(--color-primary); color: white; }
.myeisha-matomo-banner__btn--decline { background: transparent; color: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.2); }

/* ============================================================
   ARCHIVE HERO (category page header)
   ============================================================ */

.myeisha-archive-hero {
    padding: 3.5rem var(--side-pad) 0;
    max-width: var(--container-max);
    margin: 0 auto;
}

.myeisha-archive-hero__label {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--cat-color);
    margin-bottom: .5rem;
}

.myeisha-archive-hero__title {
    font-family: var(--font-serif);
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    font-weight: 400;
    line-height: 1;
    margin: 0;
}

.myeisha-archive-hero__accent {
    display: block;
    width: 60px; height: 4px;
    background: var(--cat-color);
    margin-top: 1.5rem;
}

/* ============================================================
   FOOTER
   ============================================================ */

.myeisha-footer {
    background: #e5e2dd;
    border-top: 8px solid rgba(0, 92, 83, .08);
    padding: var(--section-pad) var(--side-pad) 2rem;
}

.myeisha-footer__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 4rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(28,28,25,.1);
    margin-bottom: 2rem;
}

.myeisha-footer__brand {
    font-family: var(--font-serif);
    font-size: 1.4rem;
    color: var(--color-on-surface);
    display: block;
    margin-bottom: .85rem;
}

.myeisha-footer__tagline {
    font-size: .82rem;
    font-weight: 400;
    color: rgba(28,28,25,.65);
    line-height: 1.65;
    margin: 0 0 1.75rem;
    max-width: 300px;
}

.myeisha-footer__shop-btn {
    display: inline-block;
    padding: .75rem 1.5rem;
    background: var(--color-primary);
    color: white;
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .15s;
}

.myeisha-footer__shop-btn:hover { background: var(--color-primary-dim); color: white; }

.myeisha-footer__col-title {
    font-family: var(--font-sans);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--color-on-surface);
    margin: 0 0 1.25rem;
}

.myeisha-footer__links { list-style: none; padding: 0; margin: 0; }
.myeisha-footer__links li { margin-bottom: .65rem; }

.myeisha-footer__links a {
    font-size: .82rem;
    color: rgba(28,28,25,.6);
    text-decoration: none;
    transition: color .15s;
}

.myeisha-footer__links a:hover { color: var(--color-primary); }

.myeisha-footer__bottom {
    max-width: var(--container-max);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.myeisha-footer__copy {
    font-size: .68rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(28,28,25,.45);
    font-style: italic;
    margin: 0;
}

@media (max-width: 768px) {
    .myeisha-footer__inner { grid-template-columns: 1fr; gap: 2rem; }
    .myeisha-footer__bottom { flex-direction: column; text-align: center; }
}

/* ============================================================
   PAGINATION
   ============================================================ */

.myeisha-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 3rem var(--side-pad);
}

.myeisha-pagination a,
.myeisha-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem; height: 2.5rem;
    font-family: var(--font-sans);
    font-size: .7rem;
    font-weight: 700;
    border: 1px solid var(--color-outline);
    color: var(--color-on-surface-muted);
    text-decoration: none;
    transition: all .15s;
}

.myeisha-pagination a:hover,
.myeisha-pagination .current {
    background: var(--color-primary);
    color: white;
    border-color: var(--color-primary);
}
/* ============================================================
   GP FEATURED IMAGE — Frontpage unterdrücken
   GP gibt das Beitragsbild automatisch aus; der Hero rendert
   es bereits manuell via get_the_post_thumbnail_url().
   ============================================================ */

/* GP Featured Image auf der Startseite ausblenden */
.home .featured-image,
.home .generate-featured-image,
.home .post-image,
.home .wp-post-image:not(.myeisha-hero__img) {
    display: none !important;
}

/* Eigene MyEisha-Card-Bilder wieder anzeigen */
.home .myeisha-card .myeisha-card__img-wrap img.wp-post-image,
.home .myeisha-card .myeisha-card__img-wrap img.myeisha-card__img {
    display: block !important;
}

/* ═══════════════════════════════════════════════════════════
   SINGLE POST — Beitragsseite
   Ans Ende der style.css anhängen
═══════════════════════════════════════════════════════════ */

/* ── Wrapper ──────────────────────────────────────────────── */
.myeisha-single-wrap {
    background-color: var(--bg-page, #f5f2ed);
    min-height: 100vh;
}

/* ══════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════ */
.myeisha-single-hero {
    position: relative;
    overflow: hidden;
}

/* Hero MIT Bild */
.myeisha-single-hero.has-image {
    min-height: 70vh;
    display: flex;
    align-items: flex-end;
}

/* Hero OHNE Bild */
.myeisha-single-hero.no-image {
    background-color: #1a1a18;
    padding: 80px 0 60px;
}

/* Bild-Container */
.myeisha-single-hero__image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.myeisha-single-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Dunkler Gradient-Overlay */
.myeisha-single-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(15, 12, 9, 0.1) 0%,
        rgba(15, 12, 9, 0.3) 40%,
        rgba(15, 12, 9, 0.85) 100%
    );
    z-index: 1;
}

/* Farbiger Akzentstreifen unten (Kategorie-Farbe) */
.myeisha-single-hero.has-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: var(--cat-color, #d97d26);
    z-index: 3;
}

/* Hero-Content */
.myeisha-single-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 60px 24px 56px;
}

/* Kategorie-Label */
.myeisha-single-cat-label {
    display: inline-block;
    padding: 5px 14px;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin-bottom: 20px;
    transition: opacity 0.2s ease;
}

.myeisha-single-cat-label:hover {
    opacity: 0.85;
    color: #fff;
    text-decoration: none;
}

/* Titel */
.myeisha-single-title {
    font-family: var(--font-serif-display, 'Newsreader', Georgia, serif);
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 24px;
    letter-spacing: -0.01em;
}

.myeisha-single-hero.no-image .myeisha-single-title {
    color: #f5f2ed;
}

/* Meta-Zeile */
.myeisha-single-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 10px;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
}

.myeisha-single-meta__sep {
    opacity: 0.5;
}


/* ══════════════════════════════════════════════════════════
   ARTIKEL-BODY
══════════════════════════════════════════════════════════ */
.myeisha-single-body {
    max-width: 720px;
    margin: 0 auto;
    padding: 56px 24px 48px;
}

/* Fließtext */
.myeisha-single-content {
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    color: #2a2520;
}

.myeisha-single-content p {
    margin: 0 0 1.5em;
}

.myeisha-single-content p:last-child {
    margin-bottom: 0;
}

/* Lead-Paragraph — erster Absatz hervorgehoben */
.myeisha-single-content > p:first-of-type {
    font-size: 19px;
    font-weight: 500;
    line-height: 1.7;
    color: #1a1714;
}

/* Zwischenüberschriften */
.myeisha-single-content h2 {
    font-family: var(--font-serif, 'Newsreader', Georgia, serif);
    font-size: 1.75rem;
    font-weight: 400;
    font-style: italic;
    color: #1a1714;
    margin: 2.5em 0 0.75em;
    line-height: 1.3;
}

.myeisha-single-content h3 {
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cat-color, #d97d26);
    margin: 2em 0 0.6em;
}

/* Blockquote — Editorial-Stil */
.myeisha-single-content blockquote {
    position: relative;
    margin: 2.5em -24px;
    padding: 32px 32px 32px 40px;
    background-color: #ede9e3;
    border-left: 4px solid var(--cat-color, #d97d26);
    font-family: var(--font-serif, 'Newsreader', Georgia, serif);
    font-size: 1.35rem;
    font-style: italic;
    line-height: 1.55;
    color: #1a1714;
}

.myeisha-single-content blockquote p {
    margin: 0;
    font-size: inherit;
    font-style: inherit;
}

.myeisha-single-content blockquote cite {
    display: block;
    margin-top: 12px;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #7a6e64;
}

/* Bilder im Content */
.myeisha-single-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2em auto;
}

.myeisha-single-content figure {
    margin: 2.5em -24px;
}

.myeisha-single-content figure img {
    width: 80%;
    margin: 0;
    margin-left:40px;
}

.myeisha-single-content figcaption {
    padding: 10px 24px 0;
    font-size: 12px;
    font-weight: 500;
    color: #9e928a;
    font-style: italic;
    text-align: center;
}

/* Links */
.myeisha-single-content a {
    color: var(--cat-color, #d97d26);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: opacity 0.15s ease;
}

.myeisha-single-content a:hover {
    opacity: 0.75;
}

/* Listen */
.myeisha-single-content ul,
.myeisha-single-content ol {
    padding-left: 1.5em;
    margin: 0 0 1.5em;
}

.myeisha-single-content li {
    margin-bottom: 0.5em;
    line-height: 1.7;
}

/* HR */
.myeisha-single-content hr {
    border: none;
    border-top: 1px solid #d8d0c7;
    margin: 3em 0;
}

/* Seitennavigation (mehrseitige Posts) */
.myeisha-page-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 2em;
    padding-top: 1.5em;
    border-top: 1px solid #d8d0c7;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 14px;
}

.myeisha-page-links__label {
    font-weight: 600;
    color: #7a6e64;
    margin-right: 4px;
}

.myeisha-page-links span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--cat-color, #d97d26);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

.myeisha-page-links a span {
    background: #ede9e3;
    color: #2a2520;
    text-decoration: none;
    transition: background 0.2s ease;
}

.myeisha-page-links a:hover span {
    background: var(--cat-color, #d97d26);
    color: #fff;
}


/* ══════════════════════════════════════════════════════════
   BEITRAG-FOOTER (Tags + Share)
══════════════════════════════════════════════════════════ */
.myeisha-single-footer {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 24px 48px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #d8d0c7;
    padding-top: 28px;
}

/* Tags */
.myeisha-single-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.myeisha-single-tag {
    padding: 5px 12px;
    background: #ede9e3;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 600;
    color: #5a4f47;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.myeisha-single-tag:hover {
    background: var(--cat-color, #d97d26);
    color: #fff;
    text-decoration: none;
}

/* Share */
.myeisha-share {
    display: flex;
    align-items: center;
    gap: 8px;
}

.myeisha-share__label {
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #9e928a;
    margin-right: 4px;
}

.myeisha-share__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #ede9e3;
    color: #5a4f47;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.myeisha-share__btn:hover {
    background: var(--cat-color, #d97d26);
    color: #fff;
    text-decoration: none;
}

/* Kopiert-Feedback */
.myeisha-share__btn.copied {
    background: #005c53;
    color: #fff;
}


/* ══════════════════════════════════════════════════════════
   AUTORIN-BOX
══════════════════════════════════════════════════════════ */
.myeisha-author-box {
    max-width: 720px;
    margin: 0 auto 48px;
    padding: 28px 24px;
    background: #ede9e3;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.myeisha-author-box__avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.myeisha-author-box__content {
    flex: 1;
}

.myeisha-author-box__label {
    display: block;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9e928a;
    margin-bottom: 4px;
}

.myeisha-author-box__name {
    display: block;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 16px;
    font-weight: 700;
    color: #1a1714;
    margin-bottom: 8px;
}

.myeisha-author-box__bio {
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 14px;
    line-height: 1.65;
    color: #5a4f47;
    margin: 0;
}


/* ══════════════════════════════════════════════════════════
   VERWANDTE BEITRÄGE
══════════════════════════════════════════════════════════ */
.myeisha-related {
    background: #1a1714;
    padding: 56px 24px;
    margin-top: 0;
}

.myeisha-related__heading {
    font-family: var(--font-serif-display, 'Newsreader', Georgia, serif);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 400;
    font-style: italic;
    color: #f5f2ed;
    text-align: center;
    margin: 0 0 40px;
}

.myeisha-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    max-width: 1060px;
    margin: 0 auto;
}

.myeisha-related-card {
    background: #242019;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.myeisha-related-card:hover {
    transform: translateY(-3px);
}

.myeisha-related-card__image-link {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.myeisha-related-card__image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.myeisha-related-card:hover .myeisha-related-card__image-link img {
    transform: scale(1.04);
}

.myeisha-related-card__body {
    padding: 16px 18px 20px;
}

.myeisha-related-card__date {
    display: block;
    font-family: var(--font-sans, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--cat-color, #d97d26);
    margin-bottom: 8px;
}

.myeisha-related-card__title {
    font-family: var(--font-serif, 'Newsreader', Georgia, serif);
    font-size: 1.05rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.4;
    margin: 0;
}

.myeisha-related-card__title a {
    color: #f5f2ed;
    text-decoration: none;
    transition: color 0.2s ease;
}

.myeisha-related-card__title a:hover {
    color: var(--cat-color, #d97d26);
}


/* ══════════════════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    .myeisha-single-hero.has-image {
        min-height: 55vw;
    }

    .myeisha-single-hero__content {
        padding: 40px 20px 44px;
    }

    .myeisha-single-title {
        font-size: clamp(1.6rem, 7vw, 2.5rem);
    }

    .myeisha-single-body {
        padding: 36px 20px 32px;
    }

    .myeisha-single-content {
        font-size: 16px;
    }

    .myeisha-single-content > p:first-of-type {
        font-size: 17px;
    }

    .myeisha-single-content blockquote {
        margin: 2em -20px;
        padding: 24px 20px 24px 24px;
        font-size: 1.2rem;
    }

    .myeisha-single-content figure {
        margin: 2em -20px;
    }

    .myeisha-single-footer {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 20px;
        padding-right: 20px;
    }

    .myeisha-author-box {
        flex-direction: column;
        padding: 24px 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .myeisha-related__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .myeisha-related-card__image-link {
        aspect-ratio: 16 / 7;
    }
}

@media (max-width: 480px) {

    .myeisha-related__grid {
        grid-template-columns: 1fr;
    }
}