@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';
@source '../**/*.jsx';
@source '../**/*.ts';
@source '../**/*.tsx';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
        'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #f8fafc;
}

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

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

:root {
  --desktop-topbar-height: 42px;
  --desktop-header-height: 66px;
}

/* desktop wrapper */
.desktop-fixed-header-wrap {
  position: relative;
  z-index: 1000;
}

/* topbar */
.desktop-topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--desktop-topbar-height);
  z-index: 1100;
  transform: translateY(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.desktop-topbar.topbar-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.desktop-topbar.topbar-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

/* header */
.desktop-header {
  position: fixed;
  left: 0;
  width: 100%;
  height: var(--desktop-header-height);
  z-index: 1090;
  transition: top 0.3s ease;
}

/* topbar visible thakle header niche nambe */
.desktop-header.header-with-topbar {
  top: var(--desktop-topbar-height);
}

/* topbar hide hole header ekdom top e chole ashbe */
.desktop-header.header-no-topbar {
  top: 0;
}

/* content jate fixed header er niche thake */
.main-content-area {
  padding-top: calc(
    var(--desktop-topbar-height) + var(--desktop-header-height)
  );
}

/* mobile te normal thakbe */
@media (max-width: 991px) {
  .main-content-area {
    padding-top: 0;
  }
}