/* ============================================
   CUMILLA INNOVATION MINDS — TAILWIND CSS STYLES
   ============================================ */

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

/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500;600;700&family=Hind+Siliguri:wght@400;600;700&family=Libre+Baskerville:wght@400;700&family=Playfair+Display:ital,wght@0,600;1,600&family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,700;1,800&family=Source+Code+Pro:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,700;1,800&display=swap');

/* === CUSTOM FONTS DEFINITIONS === */
@font-face {
  font-family: 'Code Pro';
  src: local('Code Pro'), local('Source Code Pro'), url('https://fonts.gstatic.com/s/sourcecodepro/v23/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2') format('woff2');
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: 'Agrandir Grand';
  src: local('Agrandir Grand'), local('Agrandir-Grand'), local('Agrandir');
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: 'ADA Hybrid';
  src: local('ADA Hybrid'), local('ADA-Hybrid');
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: 'TAN Meringue';
  src: local('TAN Meringue'), local('TAN-Meringue');
  font-weight: 400 900;
  font-display: swap;
}

/* === CUSTOM ANIMATIONS & UTILITIES === */
@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee-scroll 30s linear infinite;
  will-change: transform;
}

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

/* Accordion Active State */
.faq-item.active .faq-answer {
  display: block;
}

.faq-item.active .faq-toggle {
  transform: rotate(45deg);
}

/* Mobile Nav Active */
.nav-links.active {
  display: flex !important;
}

.nav-hamburger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.nav-hamburger.active span:nth-child(2) {
  opacity: 0;
}

.nav-hamburger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}