/**
 * Theme Name:     ApplFM
 * Author:         fait
 * Template:       blankslate
 * Text Domain:	   applfm
 * Description:    ©fait.de
 * Theme URI:      https://fait.de
 * Author URI:     https://fait.de
 * Version:        1.0
 * License:        © copyright Clemens Fait
 * License URI:    https://fait.de
 * Tags:           fait
 */

/* Publications sidebar: highlight the selected filter tag.
   The generic `.archive.publication aside.filter .tags a` rule in dist/acfe/archive.css
   outranks the active-state rule in dist/index.css, so the selected tag looked unselected. */
.archive.publication aside.filter .tags li.active a {
    background-color: var(--yellow);
    color: var(--primary);
}

/* Publications list: slightly smaller title (32px -> 28px). */
.archive.publication .card.publication .title {
    font-size: 28px;
}

/* Grid cards (News, Data & Models, ...): let the text flow from the top and keep
   the "Read more" link at the bottom. The compiled rule uses a 3-row grid
   (auto 1fr auto), which stretches the 2nd child when a card has more children. */
.cards.grid .card .card__text {
    display: flex;
    flex-direction: column;
}
.cards.grid .card .card__text .cta {
    margin-top: auto;
}

/* Stacked text blocks: halve the whitespace between consecutive text sections
   (each carries 3rem top and bottom padding, giving 6rem between blocks). */
main#content section.text + section.text {
    padding-top: 0;
}

/* Research project archive (blocks/archive-research-project.php): same filter and
   tag styling as the Data & Models archive, which dist/acfe/archive.css scopes to .archive.data */
.archive.research-project .tags {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    margin: 0;
    list-style-type: none;
}
.archive.research-project .tags li {
    border: 1px solid var(--color, currentColor);
    padding: 1px 6px;
    color: var(--color, inherit);
    background-color: transparent;
}
.archive.research-project .tags a {
    color: var(--color, inherit);
    text-decoration: none;
}
.archive.research-project .filter {
    margin-bottom: 0;
}
.archive.research-project .filter .tags li.active,
.archive.research-project .filter .tags li:hover {
    background-color: var(--color);
}
.archive.research-project .filter .tags li.active a,
.archive.research-project .filter .tags li:hover a {
    color: #fff;
}
.archive.research-project div.card__header .tags {
    padding-top: 0;
}
.archive.research-project .card__text div:not(.card__header) .tags li {
    color: #fff;
}
.archive.research-project .cta a {
    font-weight: var(--weight-semibold);
}
.archive.research-project .card__wrapper {
    border: 1px solid var(--primary);
}
.archive.research-project .featured_image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
/* Toned-down hover for research project cards: the default petrol hover hides
   petrol-coloured category tags (e.g. M1). */
.archive .cards .card.research-project:hover .card__wrapper,
.archive .cards .card.research-project:hover .card__text {
    background-color: var(--primary-light) !important;
    color: var(--primary);
}
.archive .cards .card.research-project:hover .card__text .cta a {
    color: var(--primary);
}