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

@import url('https://fonts.googleapis.com/css2?family=ADLaM+Display&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Wallpoet&display=swap');

/* Category Button */
.category-btn {
  @apply flex flex-col items-center justify-center bg-white p-4 rounded-lg shadow-md hover:scale-105 transition-transform cursor-pointer text-brand-green font-medium;
}

/* Visual Category Selection Styles */
.category-item {
  transition: all 0.2s ease;
}

.text-2xl{
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  color: #010A13;
  font-size: 26px !important;
}

.category-item:hover {
  transform: scale(1.02);
}

/* Card Style */
.card {
  @apply bg-white shadow-card rounded-lg p-6 hover:shadow-cardHover hover:scale-105 transition transform cursor-pointer;
}

h1, h2, h3, h4, h5, h6 ,span{
  color: #010A13 ;
  font-family: "Poppins", sans-serif !important;
}
 p{
  color: #556065!important;
}

/* Link Styling to Match Theme */
a {
  text-decoration: underline;
  transition: all 0.2s ease;
}

p{
font-family: "Poppins", sans-serif !important;
font-weight: 400!important;
font-style: Regular!important;
font-size: 18px!important;
letter-spacing: 0%;

}

hr{
  border-color: #8F90C233 !important;
}

.chat-item-container{
  width: 260px !important;
}
.chat-item-container .card{
  width: 260px !important;
}

/* AI Message Links */
.ai-message a,
.user-message a,
.message a {
  color: #010A13 !important;
  text-decoration: underline;
  transition: all 0.2s ease;
}

.ai-message a:hover,
.user-message a:hover,
.message a:hover {
  color: #010A13 !important;
  text-shadow: 0 0 8px rgba(12, 30, 66, 0.4);
}

/* Chat Bubble Links */
.bubble a,
.chat-message a,
.response a {
  color: #010A13 !important;
  text-decoration: underline;
  transition: all 0.2s ease;
}

.bubble a:hover,
.chat-message a:hover,
.response a:hover {
  color: #010A13 !important;
  text-shadow: 0 0 8px rgba(12, 30, 66, 0.4);
}

/* Background Hex Pattern */
body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1%;
  background-image: url(assest/public/img/HeroBg.png);
  backface-visibility: 20%;
  background-size: cover !important;
  color: #e6f0ff;
}

.truncate-text {
  width: 200px;        /* Set max width */
  white-space: nowrap; /* Keep text on one line */
  overflow: hidden;    /* Hide overflowed text */
  text-overflow: ellipsis; /* Add ... */
  border: 1px solid #ccc;
  padding: 5px;
}

.slabs{
  width: 20px;
  height: 6px;
  margin: 0 2px;
  /* animation: pulse 1.5s infinite; */
  border-radius:50px;
  background-color: rgba(255, 255, 255, 0.3);
}

.titlefont{
  font-family: "Montserrat", sans-serif;
}


.profiled p{
font-weight: 300!important;
font-style: Light;
font-size: 16px !important;
}