/* Baziniai Stiliai ir Spalvų Paletė */
:root {
    /* Spalvos, susijusios su energija:
       --cold: Šalta, elektrinė mėlyna (šalčio/elektros simbolis)
       --warm: Šilta oranžinė/geltona (šilumos/energijos simbolis)
       --text-color: Kontrastinga, šviesi spalva (balta)
       --bg-color: Neutralus fonas (tamsiai pilka)
    */
    --cold: #00BFFF; /* Giliai Mėlyna */
    --warm: #FF8C00; /* Ryškiai Oranžinė */
    --text-color: #F8F8FF; /* Baltas atspalvis */
    --bg-color: #36454F; /* Tamsiai Pilka */
}

body {
    background-color: var(--bg-color);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Užtikrina, kad puslapis užims visą ekrano aukštį */
    font-family: sans-serif;
    color: var(--text-color);
}

.content-container {
    display: flex;
    align-items: center; /* Elementai bus išlyginti vertikaliai per vidurį */
    justify-content: center;
    padding: 10px;
    max-width: 90vw; /* Apriboja konteinerio plotį */
}

/* NAUJAS TEKSTO GRUPĖS BLOKAS (.text-group ir .tagline) */
.text-group {
    display: flex;
    flex-direction: column; /* Elementai viduje (Automatika, EnergoMatika, Automatika) eina vertikaliai */
    align-items: center; /* Centruoja tekstą horizontaliai viduje */
    text-align: center; 
}

.tagline {
    /* Mažesnis teksto dydis, susijęs su pagrindiniu pavadinimu */
    font-size: 4vw; 
    font-weight: 900; /* Padidintas svoris, kad kontūras būtų ryškesnis */
    letter-spacing: 0.2em;
    margin: 0; /* Pašalina numatytuosius p margines */
    padding: 5px 0; /* Šiek tiek vertikalaus tarpo */
    text-transform: uppercase; /* Tekstas didžiosiomis raidėmis */
    
    /* PATAISYMAS: Tuščiavidurio teksto efektas, kaip ir .title */
    color: transparent; /* Padaro raidžių vidų permatomą */
    -webkit-text-stroke: 0.02em var(--text-color); /* Prideda plonesnį kontūrą */
    text-stroke: 0.02em var(--text-color);
}
/* PABAIGA NAUJO BLOKO */

/* 1. Adaptyvus Pavadinimo Stilius (Tuščiavidurės Raidės) */
.title {
    /* Dydis keičiasi pagal lango plotį (1vw = 1% lango pločio) */
    font-size: 7vw; 
    font-weight: 900;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase; /* Tekstas didžiosiomis raidėmis */
    letter-spacing: 0.1em;
    white-space: nowrap; /* Neleidžia pavadinimui lūžti į naują eilutę */

    /* Tuščiavidurių raidžių efektas: */
    color: transparent; /* Padaro raidžių vidų permatomą */
    -webkit-text-stroke: 0.05em var(--text-color); /* Prideda kontūrą (tuščiavidurės raidės) */
    text-stroke: 0.05em var(--text-color);
}

/* 2. Logotipo Stilius (Apvalus, su E+M) */
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Dydis priklauso nuo lango pločio */
    width: 10vw; 
    height: 10vw;
    min-width: 80px; /* Minimalus dydis, kad nebūtų per mažas */
    min-height: 80px;

    border-radius: 50%; /* Apvalumas */
    background-color: var(--text-color); /* Baltas fonas */
    color: var(--bg-color); /* Tamsus tekstas viduje */
    font-size: 4vw;
    font-weight: bold;
    margin-right: 2vw;
    white-space: nowrap;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Šešėlis */
}

/* Logotipo raidžių spalvų derinimas */
.logo-e {
    color: var(--cold); /* Mėlyna (Elektra/Šaltis) */
}

.logo-m {
    color: var(--warm); /* Oranžinė (Šiluma/Energija) */
}

/* 3. Media užklausa (Adaptyvumas mobiliesiems) */
@media (max-width: 768px) {
    /* Pakeičia elementų dydį mažesniuose ekranuose */
    .title {
        font-size: 10vw; 
        -webkit-text-stroke: 0.04em var(--text-color); 
        text-stroke: 0.04em var(--text-color);

	/* 💡 SVARBUS PAKEITIMAS ČIA: Panaikiname tuščiavidurį efektą */
        color: var(--text-color); /* Nustatome vidinę spalvą, kad būtų matoma */
        -webkit-text-stroke: none; /* Panaikiname kontūrą */
        text-stroke: none; /* Panaikiname kontūrą */
    }
    
    /* NAUJAS STILIUS */
    .tagline {
        font-size: 2.5vw; 
        /* PATAISYMAS: Panaikiname tuščiavidurį efektą, kad būtų matomas mobiliajame */
        color: var(--text-color); 
        -webkit-text-stroke: none;
        text-stroke: none;
    }
    /* PABAIGA NAUJO STILIAUS */

    .logo {
        width: 15vw;
        height: 15vw;
        font-size: 5vw;
        margin-right: 1.5vw;
        min-width: 60px;
        min-height: 60px;
    }
}

@media (max-width: 480px) {
    /* Dar mažesniems ekranams */
    .content-container {
        /* Leidžia logotipui ir tekstui lūžti, jei netelpa vienoje eilėje */
        flex-direction: column;
        text-align: center;
    }

    .logo {
        margin-right: 0; /* Panaikina atskyrimą iš šono */
        margin-bottom: 20px; /* Prideda atskyrimą apačioje */
        width: 18vw;
        height: 18vw;
    }

    .title {
        font-size: 12vw; 
        /* Nebeleisti teksto lūžti ant labai mažų ekranų, jei nebegali susitraukti */
        white-space: normal; 

	/* 💡 SVARBUS PAKEITIMAS: Panaikiname tuščiavidurį efektą */
        color: var(--text-color); /* Nustatome vidinę spalvą, kad būtų matoma */
        -webkit-text-stroke: none; /* Panaikiname kontūrą */
        text-stroke: none; /* Panaikiname kontūrą */
    }

    /* NAUJAS STILIUS */
    .tagline {
        font-size: 4vw; 
        /* PATAISYMAS: Panaikiname tuščiavidurį efektą, kad būtų matomas mobiliajame */
        color: var(--text-color); 
        -webkit-text-stroke: none;
        text-stroke: none;
    }
    /* PABAIGA NAUJO STILIAUS */
}