/* --- Logo ja saidi pealkiri --- */
.site-logo-title-wrapper {
    display: flex; /* Muudab selle flex konteineriks, et elemendid oleksid ühel real */
    align-items: center; /* Joondab logo ja pealkirja vertikaalselt keskele */
    gap: 5px; /* Annab logo ja pealkirja vahele veidi ruumi */
    justify-content: center;
}

.cs-site-main-logo {
    height: 45px !important; /* Määrab logo kõrguse 30 pikslile */
    width: auto; /* Hoiab logo proportsioonid õigena */
    display: block; /* Tagab, et pilt on plokk-element ja ei jäta liigset alljoont */
    /* vertical-align: middle; - Eemaldatud, kuna display: block; muudab selle ebavajalikuks */
}

.cs-site-main-title {
    margin: 0; /* Eemaldab H1 sildi vaikimisi välismarginaalid */
    padding: 0; /* Eemaldab H1 sildi vaikimisi sisemised polsterdused */
    /* Oluline! Mõnikord võivad brauseri vaikimisi stiilid h1-le lisada reavahet,
       mis mõjutab selle visuaalset kõrgust. Seadistame line-height siin otse,
       et see vastaks võimalikult täpselt teksti suurusele. */
    line-height: 1; 
}

.cs-site-main-title a {
    font-family: 'Ysabeau Office', serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    line-height: inherit; /* Pärineb nüüd vanemalt (.cs-site-main-title), mis on 1 */
    display: block; /* Link plokk-elemendina annab parema kontrolli */
}