/* Import Google Fonts for English and Bangla */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root {
    --color-primary: #1B7A43;
    --color-primary-dark: #0E4D2A;
    --color-primary-light: #EBF7F0;
    --color-accent: #E53935;
    --color-accent-orange: #FF7A00;
    --color-bg: #F7F9F8;
    --color-surface: #FFFFFF;
    --color-text-main: #1A1A1A;
    --color-text-muted: #6B7280;
    --color-border: #E5E7EB;
    --font-en: 'Inter', sans-serif;
    --font-bn: 'Hind Siliguri', 'Inter', sans-serif;
}

/* Base resets & typography */
body {
    background-color: var(--color-bg);
    color: var(--color-text-main);
    font-family: var(--font-en);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Bangla language typography override */
[lang="bn"] body, [lang="bn"] * {
    font-family: var(--font-bn) !important;
}

/* Primary Green brand configurations */
.bg-brand-primary { background-color: var(--color-primary); }
.bg-brand-primary-dark { background-color: var(--color-primary-dark); }
.bg-brand-primary-light { background-color: var(--color-primary-light); }
.text-brand-primary { color: var(--color-primary); }
.text-brand-primary-dark { color: var(--color-primary-dark); }
.border-brand-primary { border-color: var(--color-primary); }
.hover-bg-brand-primary-dark:hover { background-color: var(--color-primary-dark); }
.hover-text-brand-primary:hover { color: var(--color-primary); }

/* Custom Animations */
@keyframes slideInRight {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideOutRight {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pulse-light {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.animate-slide-in {
    animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in {
    animation: fadeIn 0.2s ease-out forwards;
}

.animate-skeleton {
    animation: pulse-light 1.5s ease-in-out infinite;
    background-color: #E5E7EB;
}

/* Glassmorphism utility */
.glass-panel {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Elegant category circles scroller */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Image zoom hover effect */
.product-zoom-img {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.product-zoom-container:hover .product-zoom-img {
    transform: scale(1.08);
}

/* Micro-animations */
.btn-micro-bounce {
    transition: transform 0.1s ease;
}
.btn-micro-bounce:active {
    transform: scale(0.96);
}

/* Sticky Bottom Navigation Padding */
.pb-safe-bottom {
    padding-bottom: calc(env(safe-area-inset-bottom) + 60px);
}

@media(min-width: 1024px) {
    .pb-safe-bottom {
        padding-bottom: 0px;
    }
}