/*
Theme Name: Digitaali
Author: Digitaali Oy
*/

:root {
    --primary-color: #C81F71;
}

html { scroll-behavior: smooth; }

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}


:where(.wp-block-columns) {
    margin-bottom: 0;
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 20px;
}

@media (min-width: 500px) {
    :where(.wp-block-columns.has-background) {
        padding: 1.5em 2.5em;
    }
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 0;
}

@media (max-width: 767px) {
    .dg-hide-on-mobile {
        display: none !important;
    }    
}

@media (min-width: 992px) {
    .dg-hide-on-desktop {
        display: none !important;
    }
}
/* RC task 275 (2026-06-05): artikkelikortin kuvan vertikaalinen asemointi noudattaa
   single-näkymän kahvaa (digitaali_top_image_position, "Yläkuvan asetukset" -paneeli).
   Kortti-template lisää luokan figureen; center on default (ei sääntöä). Vain top/bottom.
   Korvaa task 275:n aiemman globaalin object-position-hackin (peruttu). */
figure.dg-post-thumbnail.dg-post-thumbnail--img-top img {
    object-position: center top;
}
figure.dg-post-thumbnail.dg-post-thumbnail--img-bottom img {
    object-position: center bottom;
}

/* RC topbar-badge (2026-06-15, Teemun pyynto): suomalaista-palvelua-badge ylapalkissa.
   max-height 80px isolla ruudulla (>=992px) + pieni pystypaddingi.
   Teema = Antin domain -> lisatty append-onlyna, flagattu Antille. */
img.topbar-badge {
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (min-width: 992px) {
    img.topbar-badge {
        max-height: 80px;
    }
}