/**
 * ULUSAL BOYLER BAKIM VE HİJYEN MERKEZİ
 * Micro-Animations & Core Utility Styles
 */

/* Bacteria Floating Animations */
@keyframes float-emoji {
    0%, 100% {
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 0.35;
    }
    50% {
        transform: translateY(-16px) rotate(10deg) scale(1.1);
        opacity: 0.7;
    }
}

.bacteria {
    position: absolute;
    animation: float-emoji 6s ease-in-out infinite;
    user-select: none;
    pointer-events: none;
}

.bacteria-1 { top: 8%; left: 6%; animation-delay: 0s; font-size: 3rem; }
.bacteria-2 { top: 16%; right: 8%; animation-delay: 1.2s; font-size: 2.5rem; }
.bacteria-3 { top: 55%; left: 5%; animation-delay: 2.4s; font-size: 3.2rem; }
.bacteria-4 { top: 60%; right: 6%; animation-delay: 3.6s; font-size: 2.8rem; }
.bacteria-5 { top: 32%; left: 12%; animation-delay: 4.8s; font-size: 2rem; }
.bacteria-6 { top: 38%; right: 12%; animation-delay: 5.4s; font-size: 2.8rem; }

/* Menacing Bacteria Breathing */
@keyframes threat-enhanced {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        filter: drop-shadow(0 0 10px rgba(239, 68, 68, 0.4));
    }
    50% {
        transform: scale(1.08) rotate(4deg);
        filter: drop-shadow(0 0 30px rgba(239, 68, 68, 0.8));
    }
}

@keyframes threat-enhanced-critical {
    0%, 100% {
        transform: scale(1.18) rotate(0deg);
        filter: drop-shadow(0 0 16px rgba(239, 68, 68, 0.6));
    }
    50% {
        transform: scale(1.3) rotate(5deg);
        filter: drop-shadow(0 0 45px rgba(239, 68, 68, 0.95));
    }
}

.bacteria-hero {
    animation: threat-enhanced 4s ease-in-out infinite;
    will-change: transform, filter;
}

.bacteria-critical {
    animation: threat-enhanced-critical 1.5s ease-in-out infinite !important;
    will-change: transform, filter;
}

/* Video Bubble Pulse */
@keyframes rotate-border {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Hero Video Bubble Biological Waves */
@keyframes bio-wave {
    0% {
        transform: scale(0.98);
        opacity: 0.8;
    }
    50% {
        opacity: 0.35;
    }
    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}

.bio-wave-1 {
    animation: bio-wave 3.6s cubic-bezier(0.2, 0.6, 0.4, 1) infinite;
    will-change: transform, opacity;
}

.bio-wave-2 {
    animation: bio-wave 3.6s cubic-bezier(0.2, 0.6, 0.4, 1) infinite 1.2s;
    will-change: transform, opacity;
}

.bio-wave-3 {
    animation: bio-wave 3.6s cubic-bezier(0.2, 0.6, 0.4, 1) infinite 2.4s;
    will-change: transform, opacity;
}


@keyframes live-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 7px rgba(34, 197, 94, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

.live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    animation: live-pulse 2s infinite;
}

/* Modal Animation */
@keyframes modalIn {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(16px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.animate-modal {
    animation: modalIn 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Smooth Focus Ring */
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible {
    outline: 2px solid #60a5fa !important;
    outline-offset: 2px !important;
}

/* Universal Clean Select Dropdown Arrow */
select:not(.appearance-none) {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    padding-right: 2.75rem !important;
}