/* Importer Poppins depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    height: 100vh;
    background: #283246;
    color: #ffffff;
}

/* Wrapper principal */
.wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.wrapper > * {
    animation: fadeUp 1.1s ease-out forwards;
    opacity: 0;
}

/* Délai léger par élément */
.wrapper .logo { animation-delay: 0.1s; }
.wrapper h1 { animation-delay: 0.2s; }
.wrapper p { animation-delay: 0.3s; }
.wrapper .company-address { animation-delay: 0.4s; }

/* Animation fadeUp */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Logo */
.logo img {
    width: clamp(250px, 30vw, 500px); /* plus grand et responsive */
    height: auto;
    margin-bottom: 40px;
}

/* Paragraphes */
p {
    font-size: 1.1rem;
    opacity: 0.7;
    margin-bottom: 60px; /* espace augmenté sous le texte */
}

/* Adresses */
.company-address {
    font-style: normal;
    font-size: clamp(0.95rem, 1vw, 1.1rem);
    line-height: 1.5;
    color: rgba(255,255,255,0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px; /* petit espace supplémentaire si nécessaire */
}

.company-address span {
    position: absolute;
	opacity: 0;
    transform: translateY(6px);
    animation: smoothFade 20s infinite;
    animation-fill-mode: both;
}

/* Delays pour 4 adresses */
.company-address span:nth-child(1) { animation-delay: 0s; }
.company-address span:nth-child(2) { animation-delay: 5s; }
.company-address span:nth-child(3) { animation-delay: 10s; }
.company-address span:nth-child(4) { animation-delay: 15s; }

/* Animation fade continue */
@keyframes smoothFade {
    0%   { opacity: 0; transform: translateY(6px); }
    10%  { opacity: 1; transform: translateY(0); }
    25%  { opacity: 1; transform: translateY(0); }
    35%  { opacity: 0; transform: translateY(-6px); }
    100% { opacity: 0; transform: translateY(-6px); }
}

/* Mobile */
@media (max-width: 480px) {
    p { margin-bottom: 40px; }
}

/* Accessibilité : réduire les animations */
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; opacity: 1 !important; }
    .company-address span { animation: none; opacity: 1; transform: none; }
}