/*
 * Keen Icons - Icon Font
 * Version: 1.0.0
 */

@font-face {
  font-family: 'KeenIcons';
  src: url('data:application/font-woff2;charset=utf-8;base64,') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ki-filled {
  font-family: 'KeenIcons', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}

/* Common Icons */
.ki-filled.ki-menu::before { content: "☰"; }
.ki-filled.ki-cross::before { content: "✕"; }
.ki-filled.ki-down::before { content: "▼"; }
.ki-filled.ki-up::before { content: "▲"; }
.ki-filled.ki-left::before { content: "◀"; }
.ki-filled.ki-right::before { content: "▶"; }
.ki-filled.ki-plus::before { content: "+"; }
.ki-filled.ki-minus::before { content: "−"; }
.ki-filled.ki-check::before { content: "✓"; }
.ki-filled.ki-check-circle::before { content: "✓"; }
.ki-filled.ki-cross-circle::before { content: "✕"; }

/* Navigation Icons */
.ki-filled.ki-home::before { content: "🏠"; }
.ki-filled.ki-dashboard::before { content: "📊"; }
.ki-filled.ki-element-11::before { content: "⊞"; }
.ki-filled.ki-folder::before { content: "📁"; }
.ki-filled.ki-document::before { content: "📄"; }
.ki-filled.ki-document-add::before { content: "📄+"; }
.ki-filled.ki-notepad-bookmark::before { content: "📋"; }
.ki-filled.ki-setting-2::before { content: "⚙"; }
.ki-filled.ki-setting-3::before { content: "⚙"; }

/* User Icons */
.ki-filled.ki-profile-circle::before { content: "👤"; }
.ki-filled.ki-users::before { content: "👥"; }
.ki-filled.ki-people::before { content: "👥"; }
.ki-filled.ki-security-user::before { content: "🔐"; }

/* Action Icons */
.ki-filled.ki-magnifier::before { content: "🔍"; }
.ki-filled.ki-search-list::before { content: "🔍"; }
.ki-filled.ki-messages::before { content: "💬"; }
.ki-filled.ki-notification-status::before { content: "🔔"; }
.ki-filled.ki-handcart::before { content: "🛒"; }
.ki-filled.ki-package::before { content: "📦"; }
.ki-filled.ki-boxes::before { content: "📦"; }

/* Edit Icons */
.ki-filled.ki-pencil::before { content: "✏"; }
.ki-filled.ki-trash::before { content: "🗑"; }
.ki-filled.ki-copy::before { content: "📋"; }
.ki-filled.ki-paste::before { content: "📋"; }

/* File Icons */
.ki-filled.ki-file::before { content: "📄"; }
.ki-filled.ki-file-add::before { content: "📄+"; }
.ki-filled.ki-picture::before { content: "🖼"; }
.ki-filled.ki-download::before { content: "⬇"; }
.ki-filled.ki-upload::before { content: "⬆"; }
.ki-filled.ki-exit-up::before { content: "↗"; }
.ki-filled.ki-exit-right::before { content: "→"; }

/* Status Icons */
.ki-filled.ki-information::before { content: "ℹ"; }
.ki-filled.ki-information-5::before { content: "ℹ"; }
.ki-filled.ki-warning::before { content: "⚠"; }
.ki-filled.ki-shield-search::before { content: "🛡"; }
.ki-filled.ki-calendar::before { content: "📅"; }
.ki-filled.ki-filter-edit::before { content: "🔧"; }

/* Theme Icons */
.ki-filled.ki-night-day::before { content: "🌓"; }
.ki-filled.ki-sun::before { content: "☀"; }
.ki-filled.ki-moon::before { content: "🌙"; }

/* Dots and More */
.ki-filled.ki-dots-vertical::before { content: "⋮"; }
.ki-filled.ki-dots-horizontal::before { content: "⋯"; }

/* Eye Icons */
.ki-filled.ki-eye::before { content: "👁"; }
.ki-filled.ki-eye-slash::before { content: "👁‍🗨"; }

/* Arrow Icons */
.ki-filled.ki-arrow-up::before { content: "↑"; }
.ki-filled.ki-arrow-down::before { content: "↓"; }
.ki-filled.ki-arrow-left::before { content: "←"; }
.ki-filled.ki-arrow-right::before { content: "→"; }

/* Double Check */
.ki-filled.ki-double-check::before { content: "✓✓"; }

/* Size Variants */
.ki-filled.text-xs { font-size: 0.75rem; }
.ki-filled.text-sm { font-size: 0.875rem; }
.ki-filled.text-base { font-size: 1rem; }
.ki-filled.text-lg { font-size: 1.125rem; }
.ki-filled.text-xl { font-size: 1.25rem; }
.ki-filled.text-2xl { font-size: 1.5rem; }

/* Color Variants */
.ki-filled.text-primary { color: rgb(var(--kt-primary-rgb)); }
.ki-filled.text-secondary { color: rgb(var(--kt-secondary-rgb)); }
.ki-filled.text-success { color: rgb(var(--kt-success-rgb)); }
.ki-filled.text-info { color: rgb(var(--kt-info-rgb)); }
.ki-filled.text-warning { color: rgb(var(--kt-warning-rgb)); }
.ki-filled.text-danger { color: rgb(var(--kt-danger-rgb)); }
.ki-filled.text-muted-foreground { color: rgb(var(--kt-muted-foreground-rgb)); }

/* Hover Effects */
.group:hover .group-hover\:text-primary {
  color: rgb(var(--kt-primary-rgb));
}

.hover\:text-primary:hover {
  color: rgb(var(--kt-primary-rgb));
}

/* Responsive Icons */
@media (max-width: 768px) {
  .ki-filled {
    font-size: 1.25rem;
  }
}

/* Animation Support */
.ki-filled.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}