/* Custom styling for BabyShop */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-none {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Line clamp utilities fallback */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Fallback SVG and container styles in case Tailwind CDN is delayed */
svg {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

header svg {
    max-width: 24px;
    max-height: 24px;
}

/* Pulse badge animations */
@keyframes subtle-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.03); }
}

.animate-subtle {
    animation: subtle-pulse 3s infinite ease-in-out;
}