Merge pull request #505 from hesamat/update-p8-page-hierarchy-h2

Tooltip and poem title styling fixes

GanjooRazor/wwwroot/css/p8.css

@@ -1263,7 +1263,8 @@ pagination-controls {
     }
 
         .tooltip a:hover {
-            background: var(--card-inner);
+            background: rgba(255, 255, 255, 0.12);
+            color: white;
         }
 
     .tooltip::before {
@@ -1271,7 +1272,7 @@ pagination-controls {
         display: block;
         border-left: 0.5em solid transparent;
         border-right: 0.5em solid transparent;
-        border-bottom: 0.5em solid var(--card-inner);
+        border-bottom: 0.5em solid rgba(14, 17, 17, 0.9);
         position: absolute;
         top: 0;
         margin-top: -0.5em;
@@ -2038,11 +2039,15 @@ audio {
     -webkit-text-fill-color: var(--lapis);
     font-family: 'IranNastaliq', serif;
     font-size: 2.1rem;
-    line-height: 2;
+    line-height: 2.4;
     display: inline-block;
-    padding: 0 20px 4px;
+    padding: 5px 20px;
     border-bottom: 2px solid var(--brand);
     text-shadow: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    max-width: 575px;
 }
 
 .poets-poet {

GanjooRazor/wwwroot/js/vaabd.js

@@ -54,7 +54,7 @@ var $close = $('<a href="#" id="vaabx">غیرفعال شود</a>').css({
     justifyContent: 'center',
     alignItems: 'center',
     textAlign: 'center',
-    borderTop: '1px solid rgba(255,255,255,0.2)', // Visual separator
+    borderTop: '1px solid #c9a050', // Visual separator
 });
 
 // Tooltip container styling