/* CV Print Styles - print.css */

@media print {
  /* Reset and base styles */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }

  html {
    margin: 0;
    padding: 0;
    background: hsl(0, 0%, 8%) !important;
  }

  body {
    margin: 0;
    padding: 0;
    background: hsl(0, 0%, 8%) !important; /* --background from index.css */
    color: hsl(0, 0%, 95%) !important; /* --foreground from index.css */
  }

  /* Hide non-printable elements */
  .print\:hidden,
  header > div,
  button,
  .cosmic-grid,
  [class*="backdrop-blur"],
  [class*="sticky"] {
    display: none !important;
  }

  /* Page setup - Remove default white margins */
  @page {
    size: A4;
    margin: 0;
    background-color: hsl(0, 0%, 8%);
  }

  /* Main container with gradient background */
  .min-h-screen {
    min-height: auto !important;
    background: hsl(0, 0%, 8%) !important; /* --background */
    padding: 1cm 1.5cm !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* Add gradient background circle CENTERED */
  .min-h-screen::before {
    content: "" !important;
    position: absolute !important;
    top: 25% !important; /* CENTERED vertically */
    left: 50% !important; /* CENTERED horizontally */
    transform: translate(-50%, -50%) !important;
    width: 700px !important;
    height: 700px !important;
    background: radial-gradient(circle, 
      hsla(0, 0%, 85%, 0.15) 0%, 
      hsla(0, 0%, 85%, 0.08) 30%,
      transparent 70%) !important;
    border-radius: 50% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    opacity: 0.9 !important;
  }

  /* Remove web background effects */
  .absolute.inset-0,
  .absolute.top-1\/4 {
    display: none !important;
  }

  /* Container adjustments - bring content above gradient */
  .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Profile image */
  img {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Text colors */
  h1, h2, h3, h4, h5, h6 {
    color: hsl(0, 0%, 95%) !important; /* --foreground */
  }

  /* Primary text (role, section titles) */
  .text-primary {
    color: hsl(0, 0%, 85%) !important; /* --primary */
  }

  /* Blue links */
  .text-blue-400, 
  a.text-blue-400,
  a .text-blue-400 {
    color: #60a5fa !important;
  }

  /* Muted text */
  .text-muted-foreground {
    color: hsl(0, 0%, 70%) !important; /* --muted-foreground */
  }

  /* Borders */
  .border-b,
  .border-l-2,
  .border-l {
    border-color: hsl(0, 0%, 22%) !important; /* --border */
  }

  .border-primary\/30 {
    border-color: hsla(0, 0%, 85%, 0.3) !important;
  }

  /* Background colors for badges/tags - FIXED FOR PRINT */
  .bg-muted {
    background-color: hsl(0, 0%, 22%) !important; /* --muted */
    color: hsl(0, 0%, 70%) !important; /* --muted-foreground */
    border: 1px solid hsla(0, 0%, 85%, 0.2) !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Gradient background for skill badges */
  .bg-gradient-to-r {
    background: linear-gradient(to right, 
      hsl(0, 0%, 22%) 0%, 
      hsl(0, 0%, 20%) 100%) !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Timeline dots */
  .bg-primary {
    background-color: hsl(0, 0%, 85%) !important; /* --primary */
  }

  .bg-border {
    background-color: hsl(0, 0%, 22%) !important; /* --border */
  }

  /* Profile image border */
  .bg-gradient-to-br {
    background: linear-gradient(to bottom right, 
      hsla(0, 0%, 85%, 0.3), 
      hsla(0, 0%, 70%, 0.3)) !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Remove gradient glow effect behind profile from web version */
  header .flex.justify-center::before,
  header .flex.justify-center::after {
    display: none !important;
  }

  /* Add subtle gradient behind header text for better contrast */
  header {
    position: relative !important;
    z-index: 2 !important;
  }

  /* Ensure proper spacing */
  .space-y-1 > * + * {
    margin-top: 0.25rem !important;
  }

  .space-y-2 > * + * {
    margin-top: 0.5rem !important;
  }

  .space-y-3 > * + * {
    margin-top: 0.75rem !important;
  }

  .space-y-4 > * + * {
    margin-top: 1rem !important;
  }

  /* Reduce spacing for space-y-5 in left column (Education section) */
  .space-y-5 > * + * {
    margin-top: 0.5rem !important;
  }

  .space-y-6 > * + * {
    margin-top: 1.5rem !important;
  }

  .space-y-8 > * + * {
    margin-top: 2rem !important;
  }

  /* Grid layout */
  .grid {
    display: grid !important;
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important;
  }

  /* Flex utilities */
  .flex {
    display: flex !important;
  }

  .flex-wrap {
    flex-wrap: wrap !important;
  }

  .justify-center {
    justify-content: center !important;
  }

  .justify-between {
    justify-content: space-between !important;
  }

  .items-center {
    align-items: center !important;
  }

  /* Prevent page breaks inside important elements */
  .space-y-8 > div,
  .space-y-4 > div,
  section {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Font sizes - Slightly reduced */
  .text-4xl,
  .md\:text-5xl {
    font-size: 1.625rem !important;
    line-height: 2rem !important;
  }

  .text-2xl {
    font-size: 1.1rem !important;
    line-height: 1.5rem !important;
  }

  .text-xl {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .text-lg {
    font-size: 0.8rem !important;
    line-height: 1.1rem !important;
  }

  .text-sm {
    font-size: 0.7rem !important;
    line-height: 0.95rem !important;
  }

  .text-xs {
    font-size: 0.6rem !important;
    line-height: 0.85rem !important;
  }

  /* Padding and margins adjustments */
  .mb-10 {
    margin-bottom: 1.5rem !important;
  }

  .mb-8 {
    margin-bottom: 1rem !important; /* Reduced from 1.5rem for left column sections */
  }

  .mb-6 {
    margin-bottom: 0.8rem !important; /* Reduced from 1rem */
  }

  .mb-4 {
    margin-bottom: 0.75rem !important;
  }

  .mb-3 {
    margin-bottom: 0.5rem !important;
  }

  .mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .gap-8 {
    gap: 1.5rem !important;
  }

  .gap-6 {
    gap: 1.5rem !important;
  }

  .gap-4 {
    gap: 0.75rem !important;
  }

  .gap-3 {
    gap: 0.5rem !important;
  }

  .gap-2 {
    gap: 0.5rem !important;
  }

  .gap-1 {
    gap: 0.25rem !important;
  }

  /* List styles */
  ul {
    list-style-type: disc !important;
    padding-left: 1rem !important;
  }

  li {
    color: hsl(0, 0%, 70%) !important; /* --muted-foreground */
  }

  /* Links */
  a {
    text-decoration: none !important;
  }

  a:not(.text-blue-400) {
    color: inherit !important;
  }

  /* Rounded elements */
  .rounded-full {
    border-radius: 9999px !important;
  }

  .rounded {
    border-radius: 0.25rem !important;
  }

  /* Profile image sizing - Slightly smaller */
  .w-24 {
    width: 4.5rem !important;
    height: 4.5rem !important;
  }

  /* Timeline elements */
  .w-3 {
    width: 0.625rem !important;
  }

  .h-3 {
    height: 0.625rem !important;
  }

  .w-0\.5 {
    width: 0.125rem !important;
  }

  /* Two-column layout for medium screens */
  .md\:grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr !important;
  }

  /* Ensure icons are visible */
  svg {
    display: inline-block !important;
    width: 1em !important;
    height: 1em !important;
  }

  /* Badge/pill padding */
  .px-2 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important;
  }

  .py-1 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
  }

  .px-1\.5 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .py-0\.5 {
    padding-top: 0.0625rem !important;
    padding-bottom: 0.0625rem !important;
  }

  /* Profile section padding */
  .p-1 {
    padding: 0.125rem !important;
  }

  .p-0\.5 {
    padding: 0.0625rem !important;
  }

  /* Text alignment */
  .text-center {
    text-align: center !important;
  }

  /* Leading (line height) */
  .leading-relaxed {
    line-height: 1.625 !important;
  }

  /* Font weights */
  .font-bold {
    font-weight: 700 !important;
  }

  .font-semibold {
    font-weight: 600 !important;
  }

  .font-medium {
    font-weight: 500 !important;
  }
}