/* 1.  Hide empty blocks */
.entry-content p:empty,
.post-content p:empty {
    display: none;
}
/* 2.  Centre the grey post box */
.single-post .hentry {
    max-width: 60%;
    margin: 0 auto;
    float: none;
}
/* 3.  Centre the two-column wrapper */
.single-post .wp-block-columns.alignwide {
    justify-content: center !important;
}
/* 4.  Remove the blank first column */
.single-post .wp-block-columns.alignwide
    > .wp-block-column:first-child {
    display: none !important;
}
/* 5.  Let the real content column take full width */
.single-post .wp-block-columns.alignwide
    > .wp-block-column:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
/* 6.  Slideshow container */
.single-post .wp-block-jetpack-slideshow.alignfull {
    width: 50vw !important;
    max-width: 50vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
}
/* 7.  Make the inner image fill the container naturally */
.single-post .wp-block-jetpack-slideshow .swiper-slide img,
.single-post .wp-block-jetpack-slideshow .jetpack-slideshow-slide img {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh;
    object-fit: contain !important;
}
/* 8.  Let the slide wrapper adapt to the image height */
.single-post .wp-block-jetpack-slideshow .swiper-wrapper,
.single-post .wp-block-jetpack-slideshow .swiper-slide,
.single-post .wp-block-jetpack-slideshow .jetpack-slideshow-slide {
    height: auto !important;
}
/* 9.  Restyle Jetpack caption */
figcaption.wp-block-jetpack-slideshow-caption,
figcaption.gallery-caption,
.wp-block-jetpack-slideshow-caption.gallery-caption {
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    text-align: center !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
    letter-spacing: 0.03em !important;
    padding: 0.8rem 2rem !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 1rem !important;
}

/* Tilaa captionille slideshow'n alle */
.single-post .wp-block-jetpack-slideshow.alignfull {
    margin-bottom: 8rem !important;
    overflow: visible !important;
}
/* 10. Overflow visible on all slideshow parents */
.single-post .wp-block-jetpack-slideshow-container,
.single-post .wp-block-jetpack-slideshow .swiper,
.single-post .wp-block-jetpack-slideshow .swiper-wrapper,
.single-post .wp-block-jetpack-slideshow .swiper-slide,
.single-post .wp-block-jetpack-slideshow li {
    overflow: visible !important;
}
/* 11. Piilota footer */
footer.wp-block-template-part {
    display: none !important;
}
/* 12. Poista viiva otsikon alta */
.site-title,
.site-title a,
.wp-block-post-title,
h1.wp-block-post-title,
.entry-title,
.entry-title a {
    text-decoration: none !important;
    border-bottom: none !important;
    border: none !important;
    box-shadow: none !important;
}
/* 13. Piilota sivunumero */
.wp-block-jetpack-slideshow .jetpack-slideshow-pagination,
.wp-block-jetpack-slideshow .swiper-pagination {
    display: none !important;
}
/* 14. Keskitä otsikko */
.site-title,
.wp-block-post-title,
h1.wp-block-post-title {
    text-align: center !important;
}
/* 15. Fontti Helvetica koko sivulle */
body, * {
    font-family: Helvetica, Arial, sans-serif !important;
}
/* 16. Piilota ajatusviiva nimen alla */
.wp-block-post-terms,
.taxonomy-category {
    display: none !important;
}
/* 17. Piilota harmaa navigaatiopalkki alhaalla */
.wp-block-group.has-tertiary-background-color.is-content-justification-space-between {
    display: none !important;
}
/* 18. Poista boldaus, pienennä ja siirrä otsikkoa */
.wp-block-post-title,
h1.wp-block-post-title {
    font-weight: normal !important;
    font-size: 0.75rem !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    padding-top: 10 !important;
}

/* Siirrä koko sisältöaluetta ylöspäin */
.single-post .hentry,
.single-post .wp-block-post-content,
.single-post .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Poista ylimääräinen tila navigaation ja otsikon väliltä */
.wp-block-group.has-global-padding.is-layout-constrained {
    padding-top: 4 !important;
}

/* 19. Pienennä kuvatekstiä */
figcaption.wp-block-jetpack-slideshow-caption,
figcaption.gallery-caption,
.wp-block-jetpack-slideshow-caption.gallery-caption {
    font-size: 0.75rem !important;
}

/* 20. Piilota hamburger-valikko ja näytä linkit suoraan mobiilissa */
.wp-block-navigation__responsive-container-open {
    display: none !important;
}
.wp-block-navigation__responsive-container {
    display: block !important;
    position: static !important;
    background: transparent !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__container {
    display: flex !important;
    flex-direction: row !important;
    gap: 1rem !important;
    justify-content: center !important;
}

/* 21. Piilota sulkemispainike navigaatiossa */
.wp-block-navigation__responsive-container-close {
    display: none !important;
}