Print CV button

index.php

@@ -209,6 +209,10 @@ $cv_skills = $cvData['cv']['skills'] ?? [];
                 </div>
             </div>
 
+            <button class="print-button" onclick="window.print()">
+                🖨️ Print CV
+            </button>
+
             <?php if ($summary): ?>
             <div class="hero-row hero-description">
                 <p><?= $summary ?></p>

style.css

@@ -204,6 +204,26 @@ body {
     opacity: 0.7;
 }
 
+.print-button {
+    position: absolute;
+    top: 1.25rem;
+    right: 1.25rem;
+    padding: 6px 14px;
+    background: rgba(0, 243, 255, 0.05);
+    border: 1px solid var(--text-color);
+    color: var(--text-color);
+    font-family: var(--mono-font);
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-weight: bold;
+    cursor: pointer;
+    z-index: 100;
+    display: none;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+}
+
 .hero-description {
     margin: 0;
 }
@@ -738,6 +758,19 @@ body.cv-mode {
     font-family: system-ui, -apple-system, sans-serif;
 }
 
+.cv-mode .print-button {
+    display: block;
+    border-color: var(--accent-color);
+    color: var(--accent-color);
+    font-family: inherit;
+}
+
+.cv-mode .print-button:hover {
+    background: var(--accent-color);
+    color: var(--card-bg);
+    box-shadow: 0 0 15px var(--accent-color);
+}
+
 .cv-mode .card {
     clip-path: none !important;
     transform: none !important;
@@ -825,6 +858,8 @@ body.cv-mode {
 /* Print mode */
 /* Condensed Print Mode - White Background */
 @media print {
+    .print-button { display: none !important; }
+
     /* Ensure hidden elements stay hidden in print */
     .hidden { display: none !important; }
     .cv-mode .hidden { display: none !important; }