/* ========== POPUP FRANCHISE - Styles spécifiques ========== */

#franchisePopupContent {
    padding: 6px;
}

.franchise-works-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Sagas et Franchises cliquables - style pastille foncée */
.saga-link,
.franchise-link {
    display: inline-block;
    padding: 1px 6px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
    margin: 1px 0;
}

.saga-link:hover,
.franchise-link:hover {
    background: rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
}

/* Dans les zones colorées (détail) */
.theme-movie .saga-link,
.theme-season .saga-link,
.theme-mag .saga-link,
.theme-book .saga-link,
.theme-comic .saga-link,
.theme-vg .saga-link,
.theme-vr .saga-link,
.theme-spec .saga-link,
.theme-movie .franchise-link,
.theme-season .franchise-link,
.theme-mag .franchise-link,
.theme-book .franchise-link,
.theme-comic .franchise-link,
.theme-vg .franchise-link,
.theme-vr .franchise-link,
.theme-spec .franchise-link {
    background: rgba(0, 0, 0, 0.2);
}

.theme-movie .saga-link:hover,
.theme-season .saga-link:hover,
.theme-mag .saga-link:hover,
.theme-book .saga-link:hover,
.theme-comic .saga-link:hover,
.theme-vg .saga-link:hover,
.theme-vr .saga-link:hover,
.theme-spec .saga-link:hover,
.theme-movie .franchise-link:hover,
.theme-season .franchise-link:hover,
.theme-mag .franchise-link:hover,
.theme-book .franchise-link:hover,
.theme-comic .franchise-link:hover,
.theme-vg .franchise-link:hover,
.theme-vr .franchise-link:hover,
.theme-spec .franchise-link:hover {
    background: rgba(0, 0, 0, 0.3);
}