Improve styling of section titles

scripts/cardBuilder.css

@@ -470,10 +470,14 @@
     border: 1px solid rgba(255, 255, 255, 0.3) !important;
     color: var(--main-text, #fff) !important;
     position: relative;
-    top: -3px;
     display: none; /* Hidden by default */
 }
 
+[data-section-id] .sectionTitleContainer {
+    display: flex;
+    align-items: center;
+}
+
 /* Show button when section is expandable */
 .emby-scroller-container[data-expandable="true"] .show-all-button {
     display: initial !important;
@@ -557,4 +561,39 @@
 /* Ensure button remains visible when expanded (data-expandable takes precedence, but this ensures it) */
 .emby-scroller-container:has(.itemsContainer[data-expanded="true"]) .show-all-button {
     display: initial !important;
-}
+}
+
+.spotlight-section[data-full-screen="true"] {
+    padding: 0;
+    width: 100%;
+}
+.spotlight-section[data-full-screen="true"] .spotlight-banner-container {
+    border-radius: 0;
+    height: 70vh;
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-items-container {
+    
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-overlay.has-title {
+    padding: 70px 80px 20px 80px;
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-section-title {
+    left: 80px;
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-item-logo {
+    width: auto;
+    max-width: none;
+    height: 40%;
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-clearart {
+    right: 80px;
+}
+
+.spotlight-section[data-full-screen="true"] .spotlight-nav-container {
+    right: 80px;
+}

scripts/homeScreen.css

@@ -92,8 +92,9 @@
     display: block;
 }
 
-.home-screen h2.sectionTitle {
-    margin-bottom: .35em;
+.home-screen [data-section-id] h2.sectionTitle,
+.home-screen [data-section-id] .sectionTitleTextButton>.material-icons {
+    margin-bottom: 0;
     margin-top: 0;
 }