/*
 * HappeeMetronic Engine - Custom CSS Overrides
 *
 * This file contains custom styles and overrides for the Metronic theme.
 * It is loaded after metronic.css to allow overriding vendor styles.
 */

/* ============================================
   Component Overrides
   ============================================ */

/* Fix info alert color - use blue instead of violet */
.kt-alert-info {
  background-color: oklch(0.561 0.169 239.545) !important; /* blue-600 */
}

.kt-alert.kt-alert-outline.kt-alert-info .kt-alert-icon {
  color: oklch(0.561 0.169 239.545) !important; /* blue-600 */
}

.kt-alert.kt-alert-light.kt-alert-info {
  background-color: oklch(0.976 0.014 238.398) !important; /* blue-50 */
  color: oklch(0.172 0.096 241.066) !important; /* foreground */
  border-color: oklch(0.879 0.058 239.153) !important; /* blue-200 */
}

/* ============================================
   Layout Utilities
   ============================================ */

/* Header height using CSS variable */
.h-header-height {
  height: var(--header-height);
}

/* ============================================
   Theme Utilities
   ============================================ */

/* Show/hide elements based on theme */
.theme-light-show {
  display: inline-block;
}

.theme-dark-show {
  display: none;
}

.dark .theme-light-show {
  display: none;
}

.dark .theme-dark-show {
  display: inline-block;
}

/* ============================================
   Missing Tailwind Utilities
   These fill gaps from Tailwind CSS purging
   ============================================ */

.pt-6 {
  padding-top: 1.5rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:gap-7\.5 {
    gap: 1.875rem;
  }
  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }
}

/* ============================================
   Print Styles
   Layout resets for printing - use Tailwind print:hidden for specific elements
   ============================================ */

@media print {
  /* Hide header, sidebar, navbar, footer */
  header,
  #header,
  .sidebar-nav,
  [id="sidebar-nav"],
  .sidebar-toc,
  .kt-navbar,
  footer,
  .kt-subheader,
  .kt-drawer,
  nav {
    display: none !important;
  }

  /* Reset layout - remove sidebar offset */
  .sidebar-main-wrapper {
    margin-left: 0 !important;
  }

  /* Make main content full width */
  main {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hide chat bubble */
  #chat-bubble-container {
    display: none !important;
  }

  /* Print-friendly content area */
  .markdown-content,
  .prose {
    max-width: 100% !important;
  }

  /* Page breaks */
  h1, h2, h3 {
    page-break-after: avoid;
  }

  pre, blockquote, table {
    page-break-inside: avoid;
  }

  /* Show content at full width */
  .kt-container-fixed,
  .kt-container-fluid {
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}