/* ==========================================================
   relations.css
   Styles für relations.txt und relations_bit.txt
   ========================================================== */

/* --- Wrapper (relations.txt) --- */
.relations-wrapper {
    margin-bottom: 10px;
}

.relations-body {
    padding: 5px;
    text-align: center;
}

.relations-type {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	background: var(--accent-two);
	box-sizing: border-box;
	padding: 8px 0;
	border-radius: 5px 5px 0 0;
}

/* --- Einzelner Eintrag (relations_bit.txt) --- */
.relations-bit {
    margin-bottom: 8px;
    padding: 2px;
}

.relations-username {
    text-align: center;
    padding: 8px;
	background: var(--accent-three);
}

.relations-username a {
    color: var(--accent-one);
	font-weight: bold;
	font-size: 12px;
}

.relations-relationship {
    text-align: center;
    padding: 2px;
	margin-bottom: 5px;
	font-style: italic;
	font-size: 0.9em;
}

.relations-meta {
    text-align: center;
    padding: 2px;
    font-size: 0.9em;
}

.relations-content {
    display: flex;
    align-items: flex-start;
    padding: 2px;
}

.relations-avatar {
	width: 25%;
}

.relations-description {
    flex: 1;
	text-align: justify;
	height: 124px;
	overflow: auto;
	box-sizing: border-box;
	padding: 0 10px;
}

.relations-options {
    text-align: center;
    padding: 2px;
}

.relations-type-body {
	height: 220px; 
	overflow: auto; 
	border: 2px solid var(--accent-two); 
	border-top: none; 
	border-radius: 0 0 5px 5px;
}