/* 
 * Watch History Widget Styles 
 * Dedicated file for horizontal episode layouts and history refinements.
 */

/* Force horizontal aspect ratio for episode thumbnails in history widget */
.post.episodes-hist .post-thumbnail figure {
    padding-bottom: 56.25% !important; /* 16:9 Aspect Ratio */
    background-color: #000;
}

.post.episodes-hist .post-thumbnail img {
    object-fit: cover !important;
}

/* Typography refinements for the history widget */
.post.episodes-hist .entry-title {
    font-size: 0.85rem !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
    white-space: normal !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post.episodes-hist .entry-meta .year {
    font-size: 0.75rem !important;
    opacity: 0.7;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Carousel specific adjustments for horizontal items */
.swiper-slide .post.episodes-hist {
    margin-bottom: 0;
}

/* Adjustments for the list mode in sidebars */
.widget_history .post-lst li {
    margin-bottom: 15px;
}

.widget_history .post-lst li:last-child {
    margin-bottom: 0;
}

/* Hover effect for history items */
.post.episodes-hist:hover .post-thumbnail img {
    opacity: 0.7;
    transform: scale(1.05);
}

.post.episodes-hist .play {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.3rem;
    font-size: 0.8rem;
}