/* GREETING.CSS - Zaktualizowany dla dynamicznego powitania */

.greeting-section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff; /* Domyślne białe tło */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: fadeOut 0.5s ease-in-out 2.5s forwards;
    transition: background-color 0.3s ease; /* Płynna zmiana tła */
}

/* Dynamiczne powitanie - jeden tekst */
.greeting-text {
    font-size: 4rem;
    font-weight: 300;
    opacity: 0;
    font-family: 'Montserrat Alternates', sans-serif;
    animation: dynamicGreetingSlide 2s ease-in-out forwards;
    text-align: center;
    letter-spacing: 0.05em;
}

/* Stylowanie dla powitania dziennego */
.greeting-section.day-greeting {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

.greeting-section.day-greeting .greeting-text {
    color: #201966;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Stylowanie dla powitania wieczornego */
.greeting-section.evening-greeting {
    background: linear-gradient(135deg, #201966, #31298b);
}

.greeting-section.evening-greeting .greeting-text {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Animacja dla dynamicznego powitania */
@keyframes dynamicGreetingSlide {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    20% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    80% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }
}

/* Animacja znikania całej sekcji */
@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

/* Efekt pulsowania (opcjonalny) */
.greeting-text.pulse {
    animation: dynamicGreetingSlide 2s ease-in-out forwards, 
               pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Responsywność */
@media (max-width: 768px) {
    .greeting-text {
        font-size: 3rem;
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .greeting-text {
        font-size: 2.5rem;
        padding: 0 15px;
    }
}

/* Opcjonalne klasy dla różnych stylów powitań */
.greeting-elegant {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
}

.greeting-modern {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.greeting-friendly {
    font-family: 'Dancing Script', cursive;
    font-weight: 600;
}