/* Custom CSS Overrides — BBDEV light theme */

/* Blinking caret for the hero typing animation */
#typing-text::after {
    content: "|";
    margin-left: 2px;
    color: #2563eb; /* brand-600 */
    font-weight: 400;
    animation: caret-blink 1s steps(1) infinite;
}

@keyframes caret-blink {
    50% {
        opacity: 0;
    }
}

/* Nav Link Hover Effect (dark header) */
.nav-link {
    color: #cbd5e1; /* slate-300 — legible on the dark navy header */
    font-weight: 500;
    transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link:focus-visible {
    color: #ffffff; /* white — obvious hover feedback on dark */
}

/* Cookie banner slide-up */
@keyframes slide-up {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.animate-slide-up {
    animation: slide-up 0.4s ease-out;
}

/* Smooth scrolling.
   NOTE: do NOT set overflow-x:hidden on html/body — it turns the body into a
   scroll container and breaks `position: sticky` on the header. */
html {
    scroll-behavior: smooth;
    /* Offset anchor jumps (#sluzby, #portfolio, #kontakt) so the sticky
       header doesn't cover the top of the targeted section. */
    scroll-padding-top: 5.5rem;
}

body {
    position: relative;
}

/* Hide reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}