/* Light body/header/footer treatment is global in style.css.
   This file only contains Publications-specific light/dark component colors. */

/* ==========================================
   PUBLICATIONS – COLORS
   ========================================== */

.publications-page .media-listing {
    --media-accent: #ff6666;
    --media-ink: #110c22;
    --media-muted: #425266;
    --media-rule: #d3d5dc;
    --media-surface: #eceef0;
}

/* If the admin disables the light toggle,
   this page follows the regular dark theme. */

body:not(.turbine-light-page) .publications-page .media-listing {
    --media-accent: #31bec5;
    --media-ink: #f7f5ff;
    --media-muted: #a8c1e1;
    --media-rule: #425266;
    --media-surface: #211b37;
}


/* ==========================================
   PUBLICATIONS – LISTING
   ========================================== */

.publications-page .media-listing__results {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.publications-page .media-card--publication {
    display: grid;
    grid-template-columns: minmax(205px, 29%) minmax(0, 1fr);
    gap: 70px;
    align-items: start;
    min-width: 0;
}

.publications-page .media-card--publication .media-card__visual {
    aspect-ratio: 1.42 / 1;
}

.publications-page .media-card--publication .media-card__copy {
    min-width: 0;
    padding-top: 2px;
}


/* ==========================================
   PUBLICATIONS – INLINE TITLE & BADGES
   ========================================== */

/* A cím több sorba törhet.
   A badge-ek nem kerülnek külön blokkba. */

.publications-page .media-card--publication .media-card__title {
    display: block;
    margin: 0 0 12px;
    padding: 0;

    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;

    color: #425266;
}

/* Cím hivatkozása */

.publications-page .media-card--publication .media-card__title a {
    display: inline;
    color: inherit;
    text-decoration: none;
}

.publications-page .media-card--publication .media-card__title a:hover {
    color: var(--media-accent);
}


/* ==========================================
   EXTERNAL LINK ICON
   ========================================== */

/* Az SVG a cím végén, a szöveggel inline. */

.publications-page .media-card--publication .media-card__external {
    display: inline-block;
    margin: 0 10px 0 3px;
    padding: 0;

    line-height: inherit;
    vertical-align: baseline;
}

.publications-page .media-card--publication .media-card__external img {
    display: inline-block;

    width: 17px;
    height: 17px;

    margin: 0;
    padding: 0;

    vertical-align: -2px;
}


/* ==========================================
   FORMAT & TOPIC BADGES
   ========================================== */

/* A közös media-base.css flex megjelenítését
   felülírjuk kizárólag a Publications kártyánál. */

.publications-page .media-card--publication .media-card__badges {
    display: inline-flex;

    margin: 0 0 0 0px;
    padding: 0;

    line-height: inherit;
    vertical-align: baseline;
}

/* Format és Topic badge-ek */

.publications-page .media-card--publication .media-card__badge,
.publications-page .media-card--publication .media-card__badge--trail {
    display: inline-block;

    margin: 0 0 0 0px;
    padding: 4px 15px;

    border: 0;
    border-radius: 8px;

    background-color: #FF6666;
    color: #0F0A26;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;

    text-transform: none;
    text-decoration: none;
    white-space: nowrap;

    vertical-align: middle;
}

/* Sötét Publications megjelenés esetén
   a badge-ek is a téma kiemelőszínét használják. */

body:not(.turbine-light-page)
.publications-page .media-card--publication .media-card__badge {
    background-color: var(--media-accent);
    color: #0F0A26;
}


/* ==========================================
   AUTHORS & EXCERPT
   ========================================== */

/* Szerzők */

.publications-page .media-card--publication .media-card__authors {
    color: #425266;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 1.5;
    margin: 0 0 15px;
}

/* Leírás */

.publications-page .media-card--publication .media-card__excerpt {
    color: #425266;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 8px;
}

/* Sötét mód esetén az olvasható,
   eredeti világos szövegszínek maradnak. */


body:not(.turbine-light-page)
.publications-page .media-card--publication .media-card__authors {
    color: var(--media-ink);
}


.publications-page .media-card--publication .media-card__title,
.publications-page .media-card--publication .media-card__title a {
    color: #425266;
}

/* ==========================================
   PUBLICATIONS – CORAL FILTER & SEARCH ICONS
   ========================================== */

/* Szűrő alaphelyzet */

.publications-page .media-filter-toggle {
    background-color: transparent;
    background-image: url("../images/szurogomb_corall.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

/* Szűrő megnyitva */

.publications-page .media-filter-toggle[aria-expanded="true"] {
    background-color: #ff666b;
    background-image: url("../images/szuro_x_light.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;

    border-radius: 8px;
}

/* Kereső alaphelyzet */

.publications-page .media-search-toggle {
    background-color: transparent;
    background-image: url("../images/search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* Kereső megnyitva */

.publications-page .media-search-toggle[aria-expanded="true"] {
    background-color: transparent;
    background-image: url("../images/search.svg");
    background-size: 20px 20px;
}

/* Keresőmező fókuszvonala */

.publications-page .media-search input:focus,
.publications-page .media-search input:focus-visible {
    border-bottom-color: #ff666b;
}


/* ==========================================
   PUBLICATIONS – TRAIL BACKGROUND
   ========================================== */

/* TRAIL címkével rendelkező publikáció */

.publications-page .media-card--publication.has-trail {
    position: relative;
    padding-block: 20px;
}

/* Teljes képernyőszélességű lila átmenet */

.publications-page .media-card--publication.has-trail::before {
    content: "";
    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;
    width: 100vw;

    transform: translateX(-50%);

    background: linear-gradient(
        90deg,
        rgba(158, 91, 166, 0.22) 0%,
        rgba(158, 91, 166, 0.12) 45%,
        rgba(158, 91, 166, 0.04) 100%
    );

    z-index: 0;
    pointer-events: none;
}

/* TRAIL publikációk – lila badge-ek */

.publications-page .media-card--publication.has-trail .media-card__badge,
.publications-page .media-card--publication.has-trail .media-card__badge--trail {
    background: #9E5BA6;
    border-color: #9E5BA6;
    color: #fff;
}

/* A kártya tartalma az átmenet fölött marad */

.publications-page .media-card--publication.has-trail > * {
    position: relative;
    z-index: 1;
}

/* ==========================================
   PUBLICATIONS – TRAIL ICON & HOVER
   ========================================== */

/* Külső link ikon – lila változat */

.publications-page .media-card--publication.has-trail .media-card__external img {
    content: url("../images/target_blank_lila.svg");
}

/* Cím hover */

.publications-page .media-card--publication.has-trail .media-card__title a:hover {
    color: #9E5BA6;
}

/* Read more – alaphelyzet és hover */

.publications-page .media-card--publication.has-trail .media-card__read {
    color: #9E5BA6;
}

.publications-page .media-card--publication.has-trail .media-card__read:hover {
    color: #9E5BA6;
    text-decoration: underline;
}


.media-card--publication.has-trail .media-card__date {
    background-color: #9E5BA6;
    color: #fff
}