/* Lohkojen leveys julkisella sivulla */
.wp-block[data-type="acf/kaksi-palstaa"],
.wp-block[data-type="acf/tekstipalsta-taustakuva"],
.wp-block[data-type="acf/kaksi-palstaa-haitari"],
.wp-block[data-type="acf/tekstipalsta"],
.wp-block[data-type="acf/tekstipalsta-kuva"],
.wp-block[data-type="acf/sitaatti"],
.wp-block[data-type="acf/ikonikortit"],
.wp-block[data-type="acf/painike-korostuslaatikolla"],
.wp-block[data-type="acf/kuvaslider"],
.wp-block[data-type="acf/uutiskirje"],
.wp-block[data-type="acf/kuvaelementti-varilla"],
.wp-block[data-type="acf/korttirivi"],
.wp-block[data-type="acf/fullwidth-slider"],
.wp-block[data-type="acf/kuva-sisaltolohkot"],
.wp-block[data-type="acf/valilehdet"],
.wp-block[data-type="acf/somesyote"],
.wp-block[data-type="acf/lisaa-tiedostoja"],
.wp-block[data-type="acf/artikkelisyote"] {
    max-width: 100% !important;
    width: 100% !important;
}

/* Laajennetaan Gutenberg-editorin sisältöaluetta */
.editor-styles-wrapper .is-root-container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.editor-styles-wrapper .wp-block {
    max-width: 100% !important;
}

/* =====================
   Globaalit — Breadcrumbs
   ===================== */
.artio-murupolku-wrapper {
    margin-bottom: 0.5rem;
}

.rank-math-breadcrumb a {
    color: var(--theme-palette-color-3);
    text-decoration: none;
}
.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}
.rank-math-breadcrumb p a:first-child {
    font-size: 0;
}
.rank-math-breadcrumb p a:first-child::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.8rem;
    content: "\f015";
}
.rank-math-breadcrumb p {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
}

/* =====================
   WYSIWYG-tekstialueiden kappaleiden välit
   ===================== */
.kaksi-palstaa__teksti p,
.kaksi-palstaa-haitari__teksti p,
.tekstipalsta__teksti p,
.tekstipalsta-taustakuva__teksti p,
.tekstipalsta-kuva__teksti p,
.ikonikortit__teksti p,
.uutiskirje__teksti p,
.korttirivi__teksti p {
    margin-bottom: 1em;
}

.kaksi-palstaa__teksti p:last-child,
.kaksi-palstaa-haitari__teksti p:last-child,
.tekstipalsta__teksti p:last-child,
.tekstipalsta-taustakuva__teksti p:last-child,
.tekstipalsta-kuva__teksti p:last-child,
.ikonikortit__teksti p:last-child,
.uutiskirje__teksti p:last-child,
.korttirivi__teksti p:last-child {
    margin-bottom: 0;
}

/* =====================
   Globaalit — Kortit: meta, päivämäärä ja badget
   ===================== */
.artio-kortti-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.artio-kortti-meta__paivamaara {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--theme-font-family);
    font-size: 0.875rem;
    color: var(--theme-text-color);
}

.artio-kortti-meta__paivamaara i {
    color: var(--theme-palette-color-1);
    font-size: 0.85rem;
}

.artio-kortti-meta--events {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

.artio-kortti-meta__aika,
.artio-kortti-meta__sijainti {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--theme-font-family);
    font-size: 0.875rem;
    color: var(--theme-text-color);
}

.artio-kortti-meta__aika i,
.artio-kortti-meta__sijainti i {
    color: var(--theme-palette-color-1);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.artio-kortti-meta__sijainti {
    align-items: flex-start;
}

.artio-kortti-meta__sijainti-nimi,
.artio-kortti-meta__sijainti-osoite {
    display: block;
    line-height: 1.4;
}
.artio-kortti-meta__sijainti-linkki {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.artio-kortti-meta__sijainti-linkki:hover {
    color: var(--theme-palette-color-1);
}

.artio-badge {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    border-radius: 2px;
    font-family: var(--theme-font-family);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
}

.artio-badge--kategoria {
    background-color: #215b42;
    color: #fff;
    font-size: 0.9rem;
}

.artio-badge--tagi {
    background-color: #e0e0e0;
    color: var(--theme-text-color);
}

/* =====================
   core/html -lohko
   ===================== */
.wp-block-html {
    padding: 5%;
}

/* =====================
   Saavutettavuus — ruudunlukijateksti + taukopainike
   ===================== */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

/* Jaettu taukopainike-tyyli kaikille automaattisesti eteneville slidereille
   (lohkot 5, 9, 13). Oletuksena normaalissa dokumenttivirrassa, sijoittuu
   pallojen/pisteiden alapuolelle omana rivinään (lohkot 5, 9 - ks. niiden
   omat CSS-tiedostot, joissa __pallot/__pisteet on flex-direction: column).
   Lohko 13:lla ei ole yhtä yhteistä pistesarjaa (pisteet ovat per-dia), joten
   sen taukonappi on edelleen absoluuttisesti asemoitu - ks. sen oma CSS. */
.artio-tauko-nappi {
    display: block;
    width: fit-content;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1;
    padding: 8px 12px;
    min-width: 24px;
    min-height: 24px;
    transition: background-color 0.2s ease;
    vertical-align: middle;
}
.artio-tauko-nappi:hover,
.artio-tauko-nappi:focus-visible {
    background-color: rgba(0, 0, 0, 0.8);
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* =====================
   Dynamic.oo ACF Repeater - lihavoinnin korjaus
   ===================== */
.dce-acf-repeater .repeater-item,
.dce-acf-repeater .repeater-item h3,
.dce-acf-repeater .repeater-item p,
.dce-acf-repeater .repeater-item span {
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important;
}

.dce-acf-repeater h3.repeater-item {
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* =====================
   WCAG 2.3.3 - vähemmän liikettä
   ===================== */
/* Käyttöjärjestelmätasolla vähemmän liikettä pyytäneille käyttäjille kaikki
   siirtymät/animaatiot lyhennetään lähes huomaamattomiksi (ei poisteta
   kokonaan, jotta esim. aktiivisen tilan vaihtuminen pysyy silti näkyvänä).
   Sliderien automaattinen eteneminen on estetty erikseen JS:ssä
   (ks. ARTIO_VAHEMMAN_LIIKETTA, assets/js/blocks.js). */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}