/* AdSmack Public Styles */
.adsmack-responsive-container {
    overflow: hidden;
}
.js-supermainos-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
    clear: both;
    text-align: center;
    /* TÄRKEÄ: Annetaan containerille minimikorkeus, jotta layout ei hypi */
    min-height: 90px; 
    box-sizing: border-box;
}

/* --- GOOGLE ADSENSE KORJAUS --- */
/* Pakotetaan Adsense-ins-tagi täyttämään koko leveys.
   Tämä estää Googlea luulemasta aluetta kapeaksi pystysoiroksi.
*/
.js-supermainos-responsive ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    text-align: center;
}

/* Jos haluat estää jättimäiset pystymainokset työpöydällä (yli 900px leveät ruudut),
   voit rajoittaa korkeutta. Tämä pakottaa Googlen valitsemaan matalamman mainoksen.
*/
@media (min-width: 900px) {
    .js-supermainos-responsive[data-ad-source="ad"] {
        /* Esim. max-height estää 600px korkeat skyscraperit */
        max-height: 320px; 
        overflow: hidden;
    }
}

/* FALLBACK-RAJOITUS */
.js-supermainos-responsive[data-ad-source*="fallback"] {
    max-height: 450px;
    overflow: hidden;
}

.js-supermainos-responsive img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Stream-wrapper */
.stream-responsive {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: 100%; /* Varmistaa leveyden */
}

.mainosteksti {
    display: block;
    font-size: 10px;
    color: #999;
    text-align: right; /* Tai left/center mieltymyksen mukaan */
    line-height: 1;
    margin-bottom: 4px;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- TEKSTILINKIN ANIMAATIO --- */
.adsmack-animated-text {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.adsmack-animated-text::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px; /* Viivan paksuus (voit muuttaa esim 2px) */
    bottom: 2px; /* Etäisyys tekstistä */
    left: 0;
    background-color: currentColor; /* Käyttää tekstin väriä */
    transition: width 0.3s ease-in-out;
    opacity: 0.8;
}

/* Kun linkkiä (a) hoverataan, viiva kasvaa */
a:hover .adsmack-animated-text::after {
    width: 100%;
}