/* speciallaskuri.css */

#counter-display-daycoun {
display: flex;
/* Linjaa kaikki elementit pystysuunnassa keskelle */
align-items: left;
justify-content: left;
flex-wrap: nowrap;
gap: 0px;
margin: 0px;

/* Poista tai kommentoi pois liian tiukat width/height rajoitukset! */
/* width: 24px; */
/* height: 50px; */
}

.time-unit {
    /* Varmistaa, että kymmenet ja ykköset ovat vierekkäin */
    display: flex;
    flex-direction: row;
    gap: 0px;
}

/* .digit JA .spc_separator luokista on nyt poistettu
 *  kaikki 'width' ja 'height' määritykset,
 *  jotta kuvat näkyvät alkuperäiskoossa (24x50px).
 */

.spc_separator {
    /* TÄMÄ ON TÄRKEÄ: Varmistaa, että erottimet ovat samalla linjalla numeroiden kanssa */
    align-self: left;
}

#counter-display-daycoun {
/* ... muut flex-määritykset ... */

/* Varmistaa, että kaikki lapset (numerot ja erottimet) ovat samalla pystylinjalla */
align-items: center;
}

.spc_separator {
    /* Varmistaa, että tämä elementti itse linjautuu keskelle */
    align-self: center;


}
#counter-display-daycoun {
vertical-align: bottom;
}

#spc_countdown-container2 {
display: flex;
justify-content: center;
align-items: center;
gap: 10px; /* väliä elementtien väliin */
margin: 0 auto;
text-align: center;
}



#kuvapaikka {
display: flex;
justify-content: center;
align-items: center;
gap: 10px; /* väliä elementtien väliin */
margin: 0 auto;
text-align: center;
}



#kuvalista2 {
display: flex;
justify-content: center;
align-items: center;
gap: 10px; /* väliä elementtien väliin */
margin: 0 auto;
text-align: center;
}