/*
Theme Name: Kamal Portfolio
Theme URI: https://kamalahmed.info/
Author: Kamal Ahmed
Author URI: https://youragency.com/
Description: A highly optimized, custom WordPress theme developed for performance and scalability.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: desktop-app
*/
/* Reset or global styles can start here */
/* Reset & Custom Utilities */
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}
/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}
@media print {
  /* 1. Fix the one-page cut-off issue */
  body, html {
    height: auto !important;
    overflow: visible !important;
  }
  .flex, .flex-1, .overflow-hidden, .overflow-y-auto {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  body * {
    visibility: hidden;
  }
  #printable-area, #printable-area * {
    visibility: visible;
  }
  #printable-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  /* Theme overrides for clean printing */
  .bg-white, .bg-slate-50, .dark\:bg-charcoal-900, .dark\:bg-charcoal-950, .dark\:bg-charcoal-800 {
    background-color: transparent !important;
  }
  .dark\:text-white, .dark\:text-slate-300, .dark\:text-slate-400, .text-slate-900, .text-slate-600 {
    color: black !important;
  }
  .shadow-sm, .shadow-xl {
    box-shadow: none !important;
  }
  .border {
    border-color: #cbd5e1 !important;
  }
  .prose {
    color: black !important;
  }
  /* 2. Force Each Post onto a Single, Separate Page */
  article {
    page-break-after: always !important;
    break-after: page !important;
    margin-bottom: 0 !important;
    padding-top: 20px !important;
  }
  /* Prevent blank page at the end of the document */
  article:last-of-type {
    page-break-after: auto !important;
    break-after: auto !important;
  }
  /* Hide unnecessary visual separators during print */
  hr {
    display: none !important;
  }
  img {
    max-height: 400px !important;
    object-fit: contain;
  }
}