/* Custom minimal styles not handled natively by Tailwind classes */

html {
    scroll-behavior: smooth;
}

/* Subtle image bobbing animation is handled better in pure CSS for continuous loop without JS overhead */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float-badge {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-10px) rotate(2deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.animate-float-badge {
    animation: float-badge 7s ease-in-out infinite;
}

.animate-float-badge-delayed {
    animation: float-badge 8s ease-in-out infinite 2s;
}

/* Responsive Image Fixes */
img {
    max-width: 100% !important;
    height: auto !important;
}

figure {
    max-width: 100% !important;
    margin: 1.5rem 0;
}

.wp-block-image img, .gb-block-image img, .prose img {
    width: 100%;
    border-radius: 0.75rem;
    object-fit: cover;
}