/*
 * Custom stylesheet for Assam Mentor Educational Portal
 * Designed to augment Tailwind CSS with custom utility styles
 */

/* Theme Color Variables */
:root {
  --theme-bg: #FCF9EA;
  --theme-teal: #BADFDB;
  --theme-coral: #FFA4A4;
  --theme-pink: #FFBDBD;
}

@font-face {
  font-family: 'NotoSansBengali';
  src: url('../../Font/NotoSansBengali-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* Base style */
body {
  background-color: var(--theme-bg);
}
body, .font-Outfit, .font-sans {
  font-family: 'NotoSansBengali', 'Outfit', 'Inter', system-ui, -apple-system, sans-serif !important;
  color: #2D3748;
}

/* Micro-animations and Transitions */
.hover-scale {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;
}
.hover-scale:hover {
  transform: translateY(-2px);
}

/* Custom Marquee Ticker Style */
.ticker-container {
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.ticker-wrap {
  display: inline-block;
  animation: marquee 35s linear infinite;
  padding-left: 100%;
}

.ticker-wrap:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

/* Custom extra-small text utility */
.text-xxs {
  font-size: 10px !important;
  line-height: 1rem !important;
}

/* Custom rounded-top utility override for table headers */
.rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

/* Sticky Sidebar Widget Container (Desktop only) */
@media (min-width: 1024px) {
  .sticky-sidebar {
    position: sticky !important;
    top: 96px !important; /* Clears sticky branding header */
    align-self: start !important;
  }
}