/* ========================================= */
/* === ANIMACE: DODÁVKA ZASTAVÍ VPRAVO === */
/* ========================================= */

/* --- 1. POSTAVA: SCHRÁNKA (Mizení) --- */
.mailbox-static {
    animation: mailboxFadeOut 6.5s linear forwards;
}
@keyframes mailboxFadeOut {
    0%, 90% { opacity: 1; transform: translateX(-50%) scale(1); }
    100% { opacity: 0; transform: translateX(-50%) scale(0.8); }
}

/* Třesení schránky */
.mailbox-static i {
    animation: mailboxShake 7s ease-in-out forwards;
}
@keyframes mailboxShake {
    0%, 18% { transform: rotate(0deg); }
    20% { transform: rotate(10deg); } /* Dopad dopisu */
    22% { transform: rotate(-10deg); }
    24% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

/* --- 2. POSTAVA: DODÁVKA (Jede doprava) --- */
.delivery-truck-actor {
    animation: truckPickupSequence 7s ease-in-out forwards;
}

@keyframes truckPickupSequence {
    /* FÁZE 1: Příjezd (2s-4s) */
    0%, 25% { left: -250px; } 
    
    /* Změna: Zastaví na 55% (což je napravo od schránky, která je na 50%) */
    40% { left: 55%; } 
    
    /* FÁZE 2: Stání a nakládka (4s-5.5s) */
    40.1%, 60% { left: 55%; } 
    
    /* FÁZE 3: Odjezd (5.5s-7s) */
    70% { left: 55%; } 
    100% { left: 150%; } /* Odjede daleko doprava */
}

/* Drncání auta */
.delivery-truck-actor i.bi-truck {
    animation: truckBounce 0.3s infinite alternate;
}

/* --- 3. POSTAVA: OBÁLKA (Letí doprava do auta) --- */
.envelope-actor {
    animation: envelopeJourney 7s ease-in-out forwards;
}

@keyframes envelopeJourney {
    /* Pád do schránky (stále na středu 50%) */
    0% { top: -80px; opacity: 0; }
    10% { opacity: 1; }
    20% { top: 120px; transform: rotate(0deg) scale(0.8); } 
    
    /* Schovaná ve schránce */
    20.1%, 40% { opacity: 0; } 
    
    /* Výlet ze schránky směrem DOPRAVA do auta */
    45% { opacity: 1; top: 120px; left: 50%; transform: scale(0.8); z-index: 15; } 
    
    /* Letí obloukem doprava */
    50% { top: 80px; left: 60%; transform: scale(1) rotate(20deg); } 
    
    /* Zapadne do auta (cca pozice 65%) */
    55% { top: 100px; left: 68%; opacity: 1; transform: scale(0.6) rotate(45deg); z-index: 2; } 
    
    56% { opacity: 0; } 
    100% { opacity: 0; }
}

/* --- 4. POSTAVA: TEXT (Zjevení) --- */
.final-success-text {
    animation: textShowUp 1s ease-out 6s forwards;
}

@keyframes textShowUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
            /* --- Specifické styly pro Kontakt --- */

            /* Přebarvení aktivního pole formuláře na hnědou (místo modré) */
            .form-control:focus {
                border-color: #5d4037;
                box-shadow: 0 0 0 0.25rem rgba(93, 64, 55, 0.25);
            }

            /* Animace vznášení pro ikonu obálky */
            @keyframes floatEnvelope {
                0% { transform: translateY(0px) rotate(0deg); }
                50% { transform: translateY(-10px) rotate(5deg); }
                100% { transform: translateY(0px) rotate(0deg); }
            }

            .envelope-animation {
                animation: floatEnvelope 4s ease-in-out infinite;
                display: inline-block;
            }

            /* Styl pro kontaktní boxy vlevo */
            .contact-info-card {
                background-color: #fff;
                border: 2px solid #8d6e63;
                border-radius: 1rem;
                padding: 1.5rem;
                margin-bottom: 1.5rem;
                transition: transform 0.3s ease;
            }
            .contact-info-card:hover {
                transform: translateX(5px); /* Efekt posunu doprava */
                background-color: #fff8e1;
            }