/* Apply Inter font globally and smooth scrolling */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    background-color: #f7f7f7;
}
/* Custom Container for better desktop centering */
.container-custom {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* Transition utility for smooth hover effects */
.transition-ease {
    transition: all 0.3s ease-in-out;
}

/* স্লাইড ট্রানজিশন যোগ করা হয়েছে */
.slider-item {
    transition: opacity 0.6s ease-in-out;
}
/* Custom scrollbar hiding for horizontal list */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari and Opera */
}


.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Category Box Size */
.category-box {
  width: 110px;
  height: 110px;
  flex-shrink: 0;
}
@media (min-width: 640px) {
  .category-box {
    width: 140px;
    height: 140px;
  }
}
@media (min-width: 1024px) {
  .category-box {
    width: 170px;
    height: 170px;
  }
}

/* কার্ট সাইডবার স্টাইল */
#cartSidebar {
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out;
}
#cartSidebar.open {
    transform: translateX(0);
}

:root {
	--ink: #0b0b0f;
	--ink-2: #11111a;
	--cream: #f6f1e7;
	--wine: #6b1020;
	--wine-2: #7b1e3a;
}

body {
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
		"Segoe UI Emoji";
}

.bg-ink {
	background-color: var(--ink);
}

.bg-ink-2 {
	background-color: var(--ink-2);
}

.bg-cream {
	background-color: var(--cream);
}

.bg-wine {
	background-color: var(--wine);
}

.bg-wine-2 {
	background-color: var(--wine-2);
}

.text-wine {
	color: var(--wine-2);
}

.hover\:text-wine:hover {
	color: var(--wine-2);
}

.hover\:bg-wine-2:hover {
	background-color: var(--wine-2);
}

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.only-mobile {
	display: none;
}

.only-desktop {
	display: block;
}

@media (max-width: 767px) {
	.only-mobile {
		display: block;
	}
	.only-desktop {
		display: none;
	}
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hero category sidebar thin scrollbar */
#hero-cat-root::-webkit-scrollbar {
    width: 4px;
}
#hero-cat-root::-webkit-scrollbar-track {
    background: transparent;
}
#hero-cat-root::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
}
#hero-cat-root::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.3);
}

/* Remove default border from search inputs */
input[type="search"] {
    border: none;
    box-shadow: none;
    outline: none;
}
input[type="search"]:focus {
    border: none;
    box-shadow: none;
    outline: none;
    --tw-ring-shadow: none;
}