From f0d53f0a0c92dd37a86205341a079713695d1de1 Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Sun, 9 Jun 2024 21:42:56 -0400
Subject: [PATCH] Fix poster overlapping content in JMP

---
 CSS/scyfin-theme.css | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/CSS/scyfin-theme.css b/CSS/scyfin-theme.css
index ffa9be3..5420ade 100644
--- a/CSS/scyfin-theme.css
+++ b/CSS/scyfin-theme.css
@@ -739,17 +739,23 @@ html,
 .layout-desktop .detailPagePrimaryContent {
     padding-left: 20.4vw !important;
 }
-/* Padding for 2:3 posters */
-.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
+.layout-desktop .detailPageWrapperContainer .detailPagePrimaryContent {
     min-height: 29vw !important;
 }
-/* Padding for 1:1 posters */
-.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .squareCard) .detailPagePrimaryContent {
-    min-height: 20vw !important;
-} 
-/* Padding for 16:9 posters */
-.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .backdropCard) .detailPagePrimaryContent {
-    min-height: 12vw !important;
+/* Check for :has support (screw JMP) */
+@supports selector(:has(*)) {
+    /* Padding for 2:3 posters */
+    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
+        min-height: 29vw !important;
+    }
+    /* Padding for 1:1 posters */
+    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .squareCard) .detailPagePrimaryContent {
+        min-height: 20vw !important;
+    } 
+    /* Padding for 16:9 posters */
+    .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .backdropCard) .detailPagePrimaryContent {
+        min-height: 12vw !important;
+    }
 }
 
 /* Move track selection box */