/* === Alapbeállítások és Reset === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    color: #333; /* Fő szövegszín (sötétszürke) */
    background-color: #ffffff; /* Fehér háttér */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
    position: relative; /* Szükséges a splatter pozícionálásához */
    overflow-x: hidden; /* Megakadályozza a vízszintes görgetést a splatter miatt */
}

/* === Központi tartalom konténer === */
.container {
    background-color: #ffffff;
    padding: 40px 30px;
    border-radius: 5px; /* Kevésbé lekerekített, mint a képen */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Finom árnyék */
    max-width: 550px; /* Keskenyebb konténer */
    width: 100%;
    text-align: center;
    position: relative; /* Hogy a splatter fölött legyen */
    z-index: 1;
}

/* === Logó Stílus === */
.logo {
    margin-bottom: 40px;
    border: 2px solid #c5a15a; /* Arany keret - közelítő szín */
    display: inline-block; /* Hogy a keret csak a tartalom körül legyen */
    padding: 15px 25px;
}


.logo-name {
    font-weight: 700; /* Félkövér */
    font-size: 1.8em; /* Nagyobb méret */
    color: #333; /* Sötétszürke */
    text-transform: uppercase; /* Nagybetűs */
    letter-spacing: 1px;
}

.logo-tagline {
    font-size: 0.8em; /* Kisebb méret */
    color: #c5a15a; /* Arany szín */
    text-transform: uppercase; /* Nagybetűs */
    letter-spacing: 1.5px; /* Nagyobb betűtávolság */
    margin-top: 5px;
}


/* === Címsorok és Szövegek === */
h1 {
    font-size: 1.8em; /* Kisebb, barátságosabb méret */
    color: #444;
    margin-bottom: 15px;
    font-weight: 700;
}

h2 {
    font-size: 1.1em; /* Kisebb szekció cím */
    color: #333;
    text-transform: uppercase; /* Nagybetűs */
    font-weight: 700;
    letter-spacing: 1.5px; /* Betűtávolság */
    margin-top: 30px;
    margin-bottom: 15px;
    display: inline-block; /* Hogy az aláhúzás csak a szöveg alatt legyen */
    padding-bottom: 5px;
     /* Finom arany aláhúzás */
    border-bottom: 2px solid #e0c38a; /* Világosabb arany vonal */
}

.subtitle {
    font-size: 1em;
    color: #666;
    margin-bottom: 30px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

/* === Elérhetőségek === */
.contact-info {
    margin-top: 20px; /* Kisebb margó felül */
}

.phone-number {
    font-size: 1.3em; /* Nagyobb, hangsúlyosabb telefonszám */
    font-weight: 700;
    margin-top: 5px;
}

.phone-number a {
    color: #333; /* Sötétszürke link */
    text-decoration: none;
    transition: color 0.3s ease;
}

.phone-number a:hover {
    color: #c5a15a; /* Arany hover szín */
}

.phone-number i {
    margin-right: 8px; /* Kis térköz az ikon és a szám között */
    color: #c5a15a; /* Arany ikon */
}

/* === Közösségi Média Linkek === */
.social-links {
    margin-top: 25px;
}

.social-icons {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 25px; /* Nagyobb térköz az ikonok között */
}

.social-icons a {
    color: #555; /* Ikonok alapszíne */
    font-size: 1.8em; /* Nagyobb ikonok */
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.social-icons a:hover {
    color: #c5a15a; /* Arany hover szín */
    transform: scale(1.1); /* Finom nagyítás hover-re */
}

/* === Lábléc === */
footer {
    margin-top: 40px;
    padding-top: 15px;
    border-top: 1px solid #eee; /* Halvány elválasztó vonal */
    font-size: 0.85em;
    color: #bbb; /* Nagyon halvány szürke */
}

/* === Reszponzivitás === */
@media (max-width: 600px) {
    .container {
        padding: 30px 15px;
    }

    .logo-name {
        font-size: 1.5em;
    }
     .logo-tagline {
        font-size: 0.7em;
    }

    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1em;
        letter-spacing: 1px;
    }

    .subtitle {
        font-size: 0.9em;
    }

    .phone-number {
        font-size: 1.1em;
    }

    .social-icons a {
        font-size: 1.6em;
    }

    .splatter {
        width: 120px; /* Kisebb fröccsenés mobilon */
        height: 120px;
    }
     .splatter-top-left { top: -10px; left: -20px; }
     .splatter-bottom-right { bottom: -10px; right: -20px; }
}