/* Footer logo animation (Setări → DAS Design → "Animație logo în footer"); loaded only when that box is ticked.
   Light streaks + wipe-in, a headlight shine across the letters, orange glow, LED underline.
   das.js adds das-la--wait (logo hidden) and swaps it for das-la--play when the footer comes into view. */
body.das-new .das-footer__brand .das-la { position: relative; display: inline-block; line-height: 0; isolation: isolate; margin-bottom: 22px; }
body.das-new .das-footer__brand .das-la img { margin-bottom: 0; }
.das-la__in { position: relative; display: block; }
.das-la--wait .das-la__in { opacity: 0; }

/* shine: only lights the logo's own shapes (mask = the logo) */
.das-la__fx {
    position: absolute; inset: 0; pointer-events: none; opacity: 0;
    -webkit-mask: var(--das-la-mask) center / contain no-repeat; mask: var(--das-la-mask) center / contain no-repeat;
    background: linear-gradient(105deg, transparent 0 36%, rgba(255, 244, 228, .98) 47%, #ffb062 51%, rgba(241, 105, 22, 0) 60%, transparent 100%);
    background-size: 320% 100%; background-position: 130% 0;
}
/* light streaks (headlights in motion) */
.das-la::before {
    content: ""; position: absolute; left: -38%; top: 12%; width: 70%; height: 76%; z-index: -1; pointer-events: none; opacity: 0;
    background:
        linear-gradient(90deg, transparent, #F16916 82%, transparent) 0 14% / 100% 2px no-repeat,
        linear-gradient(90deg, transparent, #ff9a4a 88%, transparent) 26% 50% / 74% 3px no-repeat,
        linear-gradient(90deg, transparent, #F16916 84%, transparent) 12% 88% / 88% 2px no-repeat;
    filter: drop-shadow(0 0 6px rgba(241, 105, 22, .85));
}
/* LED underline */
.das-la::after {
    content: ""; position: absolute; left: 6%; right: 2%; bottom: -7px; height: 3px; border-radius: 3px; pointer-events: none;
    background: linear-gradient(90deg, transparent, #F16916 18%, #ffc08a 50%, #F16916 82%, transparent);
    box-shadow: 0 0 12px 2px rgba(241, 105, 22, .6); opacity: 0; transform: scaleX(0); transform-origin: left center;
}

/* play */
.das-la.das-la--play .das-la__in { animation: das-la-in .95s cubic-bezier(.2, .8, .2, 1) both; }
.das-la.das-la--play::before { animation: das-la-streak 1.05s cubic-bezier(.3, .7, .2, 1) both; }
.das-la.das-la--play .das-la__fx { animation: das-la-shine 1.15s .55s ease-out both; }
.das-la.das-la--play .das-la__in img { animation: das-la-glow 1.7s .7s ease-out both; }
.das-la.das-la--play::after { animation: das-la-bar 1.5s .62s cubic-bezier(.2, .8, .2, 1) both; }
/* hover: the light passes again */
@media (hover: hover) {
    .das-la:hover .das-la__fx { animation: das-la-shine-h .9s ease-out both; }
}

@keyframes das-la-in {
    0% { clip-path: inset(0 100% 0 0); transform: translateX(-30px) skewX(-10deg); filter: blur(4px); }
    55% { filter: blur(0); }
    100% { clip-path: inset(0 0 0 0); transform: none; filter: none; }
}
@keyframes das-la-streak {
    0% { opacity: 0; transform: translateX(-70%) scaleX(.4); }
    25% { opacity: 1; }
    70% { opacity: .9; transform: translateX(45%) scaleX(1); }
    100% { opacity: 0; transform: translateX(95%) scaleX(.6); }
}
@keyframes das-la-shine {
    0% { opacity: 1; background-position: 130% 0; }
    90% { opacity: 1; }
    100% { opacity: 0; background-position: -40% 0; }
}
@keyframes das-la-shine-h {
    0% { opacity: 1; background-position: 130% 0; }
    90% { opacity: 1; }
    100% { opacity: 0; background-position: -40% 0; }
}
@keyframes das-la-glow {
    0% { filter: drop-shadow(0 0 0 rgba(241, 105, 22, 0)); }
    35% { filter: drop-shadow(0 0 9px rgba(241, 105, 22, .9)) drop-shadow(0 0 24px rgba(241, 105, 22, .45)); }
    100% { filter: drop-shadow(0 0 0 rgba(241, 105, 22, 0)); }
}
@keyframes das-la-bar {
    0% { opacity: 0; transform: scaleX(0); }
    40% { opacity: 1; transform: scaleX(1); }
    100% { opacity: 0; transform: scaleX(1); }
}
@media (prefers-reduced-motion: reduce) {
    .das-la *, .das-la::before, .das-la::after { animation: none !important; }
    .das-la--wait .das-la__in { opacity: 1; }
}