/* ================================================= */
/* Styling for the Recommended Podcasts Sidebar    */
/* Uses 'Orbitron' for titles and 'IBM Plex Sans'  */
/* ================================================= */

/* This styles each individual podcast item in the list */
.sidebar-podcast-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }
  
  .sidebar-podcast-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  
  .sidebar-podcast-item:hover {
    background-color: #f8f9fa;
  }
  
  /* Styles the square podcast cover art */
  .sidebar-podcast-image {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
    margin-right: 0.75rem;
    background-color: #e9ecef;
  }
  
  /* Container for the title and publisher text */
  .sidebar-podcast-content {
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Important to make text ellipsis work */
  }
  
  /*
  * STYLES THE PODCAST TITLE
  * This uses the 'Orbitron' font for a techy, title feel.
  */
  .sidebar-podcast-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: #121212;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /*
  * STYLES THE PODCAST PUBLISHER/AUTHOR
  * This uses the 'IBM Plex Sans' font for readability.
  */
  .sidebar-podcast-publisher {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 0.8rem;
    color: #6c757d;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }