@tailwind base;
@tailwind components;
@tailwind utilities;

html, body {
  height: 100%;
  margin: 0;
}

/* globals.css या आपके main CSS file में */
.scrollbar-hidden::-webkit-scrollbar {
  display: none; /* Chrome, Safari और Opera */
}

.scrollbar-hidden {
  -ms-overflow-style: none; /* IE और Edge */
  scrollbar-width: none; /* Firefox */
}

#__next {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1; /* This makes content take remaining space */
}

/* poppins font */
@font-face {
  font-family: "Poppins-Black";
  src: url("/fonts/Poppins-Black.ttf") format("truetype");  
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("/fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("/fonts/Poppins-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("/fonts/Poppins-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Light";
  src: url("/fonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("/fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("/fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("/fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Thin";
  src: url("/fonts/Poppins-Thin.ttf") format("truetype");
}

/* open sans font  */
@font-face {
  font-family: "OpenSans-Bold";
  src: url("/fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-ExtraBold";
  src: url("/fonts/OpenSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Light";
  src: url("/fonts/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Medium";
  src: url("/fonts/OpenSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-Regular";
  src: url("/fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src: url("/fonts/OpenSans-SemiBold.ttf") format("truetype");
}

/* :root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

body {
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb));
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
} */

/* Hide arrows in Chrome, Safari, Edge */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide arrows in Firefox */
input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}


/* Remove underline from all links in the app */
a, 
a:hover, 
a:focus, 
a:active, 
a:visited {
  text-decoration: none !important;
}

/* Specifically for Next.js Link components */
.next-link,
[class*="Link"] {
  text-decoration: none !important;
}

.next-link:hover,
[class*="Link"]:hover {
  text-decoration: none !important;
}


/* ItemsSection.css की जगह globals.css में ये styles डालें */
.sidebar-scrollbar::-webkit-scrollbar {
  width: 5px;
}

.sidebar-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #c8c5c5;
  border-radius: 10px;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb {
  background: #bababa;
  border-radius: 10px;
}

.sidebar-scrollbar a,
.sidebar-scrollbar a:visited,
.sidebar-scrollbar a:hover,
.sidebar-scrollbar a:active {
  color: inherit !important;
  text-decoration: none !important;
}

/* Hide scrollbar but allow scrolling */
.hide-scrollbar {
  scrollbar-width: none;        /* Firefox */
  -ms-overflow-style: none;     /* IE 10+ */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;                /* Chrome, Safari, Edge */
}