/* Főoldal egyedi stílusai */

/* A főoldalon élesebb, kissé sűrűbb pöttyözésű mintázat.
   A pöttyök átlátszóságát csökkentettük, hogy a rájuk kerülő
   szöveg (pl. a hero szekcióban) mindig jól olvasható maradjon. */
.hero-pattern {
    background-color: var(--scout-olive);
    background-image: radial-gradient(rgba(188, 201, 184, 0.55) 0.85px, transparent 0.85px), radial-gradient(rgba(188, 201, 184, 0.55) 0.85px, var(--scout-olive) 0.85px);
    background-size: 28px 28px;
    background-position: 0 0, 14px 14px;
}

/* Finom szövegárnyék a mintás/fotós hátterek fölötti szövegekhez,
   hogy azok a minta ellenére is élesen kiemelkedjenek. */
.hero-text-shadow {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45), 0 2px 10px rgba(0, 0, 0, 0.25);
}