feat: permit to play Castopod files

css/castopod-podcasts.css

@@ -63,22 +63,28 @@
     display: flex;
     padding: 8px 12px;
     border-bottom: 1px solid var(--border-color);
-    text-decoration: none;
     color: inherit;
     transition: background-color 0.2s ease;
     gap: 8px;
+    position: relative;
 }
 
 .castopod-episode-item:hover {
     background: var(--hover-bg);
-    text-decoration: none;
-    color: inherit;
 }
 
 .castopod-episode-item:last-child {
     border-bottom: none;
 }
 
+.castopod-episode-item.playing {
+    background: var(--hover-bg);
+}
+
+.castopod-episode-item.playing .castopod-episode-title {
+    color: var(--primary-red);
+}
+
 .castopod-episode-thumb {
     width: 60px;
     height: 60px;
@@ -91,6 +97,14 @@
     justify-content: center;
     color: var(--text-secondary);
     position: relative;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    transition: transform 0.2s ease;
+}
+
+.castopod-episode-thumb:hover {
+    transform: scale(1.05);
 }
 
 .castopod-episode-thumb img {
@@ -99,7 +113,8 @@
     object-fit: cover;
 }
 
-.castopod-play-icon {
+.castopod-play-icon,
+.castopod-pause-icon {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -116,6 +131,18 @@
     opacity: 1;
 }
 
+.castopod-episode-item.playing .castopod-play-icon {
+    opacity: 0;
+}
+
+.castopod-episode-item.playing .castopod-pause-icon {
+    opacity: 1;
+}
+
+.castopod-episode-item.playing:hover .castopod-pause-icon {
+    opacity: 1;
+}
+
 .castopod-episode-info {
     flex: 1;
     min-width: 0;
@@ -171,6 +198,36 @@
     font-size: 0.9rem;
 }
 
+/* Lien externe vers Castopod */
+.castopod-external-link {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    flex-shrink: 0;
+    color: var(--text-secondary);
+    text-decoration: none;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+    margin-left: auto;
+}
+
+.castopod-external-link:hover {
+    background: var(--tag-bg);
+    color: var(--primary-red);
+    transform: scale(1.1);
+}
+
+.castopod-external-link i {
+    font-size: 0.85rem;
+}
+
+/* Masquer l'élément audio */
+.castopod-episode-item audio {
+    display: none;
+}
+
 /* Ajustement du layout selon les contenus présents */
 /* Ordre dans le HTML : 1. Castopod, 2. Mastodon, 3. WordPress */