/* ══════════════════════════════════════════════════════════════
   Story Hub + Story-Card · /geschichten/
   ══════════════════════════════════════════════════════════════ */

body.page-template .ks-story-hub {
    color: var(--wp--preset--color--contrast);
}

.ks-azr-result-count {
    max-width: 1200px;
    margin: .4rem auto 1rem;
    color: var(--wp--custom--text-secondary);
    font-size: .9rem;
}
.ks-azr-result-count strong {
    color: var(--wp--preset--color--contrast);
    font-weight: 700;
}

/* ─── Query Loop Post Template → reset ul/li defaults ─────── */
ul.wp-block-post-template.ks-azr-grid,
ul.wp-block-post-template.ks-azr-grid > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.wp-block-post-template.ks-azr-grid > li {
    display: flex;
}
ul.wp-block-post-template.ks-azr-grid > li > .ks-story-card {
    flex: 1;
    width: 100%;
}

/* Native Query Pagination styling — matches old .ks-azr-pagination */
.wp-block-query-pagination.ks-azr-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 2rem;
    flex-wrap: wrap;
}
.wp-block-query-pagination.ks-azr-pagination a,
.wp-block-query-pagination.ks-azr-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: var(--wp--custom--radius-pill);
    background: var(--wp--preset--color--accent-3);
    border: 1px solid var(--wp--preset--color--accent-5);
    color: var(--wp--preset--color--contrast);
    text-decoration: none !important;
    font-weight: 600;
    font-size: .875rem;
    transition: background .15s, border-color .15s, color .15s;
}
.wp-block-query-pagination.ks-azr-pagination a:hover {
    background: var(--wp--custom--primary-soft);
    border-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--accent-1);
}
.wp-block-query-pagination.ks-azr-pagination .page-numbers.current {
    background: var(--wp--preset--color--accent-1);
    border-color: var(--wp--preset--color--accent-1);
    color: var(--wp--custom--text-on-primary);
}
.wp-block-query-pagination.ks-azr-pagination .page-numbers.dots {
    background: transparent;
    border-color: transparent;
    opacity: .55;
}

/* ─── Story Card (article > link > spans) ───────────────── */
.ks-story-card {
    position: relative;
    display: block;
    background: var(--wp--preset--color--accent-3);
    border: 1px solid var(--wp--preset--color--accent-5);
    border-radius: var(--wp--custom--radius-card);
    overflow: hidden;
    color: var(--wp--preset--color--contrast);
    transition: transform var(--wp--custom--motion-card), border-color var(--wp--custom--motion-card), box-shadow var(--wp--custom--motion-card);
    margin: 0;
}
.ks-story-card:hover {
    transform: translateY(-2px);
    border-color: var(--wp--preset--color--accent-1);
    box-shadow: var(--wp--custom--shadow-card-hover);
}
.ks-story-card:hover .ks-story-card__title { color: var(--wp--preset--color--accent-1); }

.ks-story-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none !important;
}
.ks-story-card__link:hover,
.ks-story-card__link:focus { color: inherit; }

.ks-story-card__imgwrap {
    display: block;
    aspect-ratio: 4/5;
    background: var(--wp--custom--surface-dark);
    overflow: hidden;
    position: relative;
}
.ks-story-card__imgwrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    aspect-ratio: auto !important;
}
.ks-story-card__imgwrap picture {
    display: block;
    width: 100%;
    height: 100%;
}
.ks-story-card__imgwrap::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(2, 0, 36, .5) 0%, rgba(0, 0, 0, .5) 2%, rgba(255, 255, 255, .5) 3%, rgba(247, 254, 255, .5) 5%, rgba(0, 0, 0, .5) 7%, rgba(255, 255, 255, .04) 13%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
}
.ks-story-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--wp--custom--surface-gradient-top), var(--wp--custom--surface-gradient-bot));
}

.ks-story-card__body {
    display: flex;
    flex-direction: column;
    padding: 14px 16px 18px;
    gap: 10px;
    flex: 1;
}
.ks-story-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.ks-story-card__chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 9px;
    border-radius: var(--wp--custom--radius-pill);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}
.ks-story-card__chip--cat {
    background: var(--wp--preset--color--accent-1);
    color: var(--wp--custom--text-on-primary);
}
.ks-story-card__chip--age,
.ks-story-card__chip--time {
    background: transparent;
    color: var(--wp--custom--text-secondary);
    border: 1px solid var(--wp--preset--color--accent-5);
    font-weight: 600;
}

.ks-story-card__title {
    display: -webkit-box;
    font-family: var(--wp--preset--font-family--plus-jakarta-sans);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--wp--preset--color--contrast);
    margin: 2px 0 0;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--wp--custom--motion-card);
}
.ks-story-card__excerpt {
    display: -webkit-box;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--wp--custom--text-secondary);
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Card Rating ───────────────────────────────────────── */
.ks-story-card__rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 1;
    color: var(--wp--custom--text-secondary);
}
.ks-story-card__stars {
    color: var(--wp--preset--color--accent-1);
    font-size: 13px;
    letter-spacing: 1px;
}
.ks-story-card__rating-value {
    font-weight: 700;
    color: var(--wp--preset--color--contrast);
}
.ks-story-card__rating-count {
    opacity: .75;
}


/* === EEAT date chip === */
.ks-story-card__chip--date{background:transparent;color:var(--wp--custom--text-secondary);border:1px solid var(--wp--preset--color--accent-5);font-weight:500;font-size:.8125rem;}