/* Schwanger Journal – Autorenseite & Suche (ergaenzt ressort.css) */

/* Autor */
.sjx-avatar-xl { flex: 0 0 5.5rem; width: 5.5rem; height: 5.5rem; border-radius: 999px; background: var(--sjr-primary); color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-family: var(--sjr-f-display); font-weight: 700; font-size: 1.8rem; box-shadow: 0 0 0 6px #FFFFFF; }
.sjx-author-head .sjr-desc { max-width: 38rem; }
.sjx-ressort { text-decoration: none; position: relative; align-items: center; transition: box-shadow 0.15s ease, transform 0.15s ease; }
.sjx-ressort:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(60, 30, 120, 0.12); }
.sjx-ressort:hover .sjr-editor-name { color: var(--sjr-primary); }
.sjx-ressort-icon { flex: 0 0 3rem; width: 3rem; height: 3rem; border-radius: 999px; background: var(--sjr-secondary-soft); color: var(--sjr-secondary); display: flex; align-items: center; justify-content: center; }
.sjx-ressort-icon svg { width: 1.5rem; height: 1.5rem; }
.sjx-ressort .sjr-editor-text { padding-right: 1.5rem; }
.sjx-arrow { top: 50%; transform: translateY(-50%); }
.sjx-avatar-sm { flex: 0 0 3rem; width: 3rem; height: 3rem; border-radius: 999px; background: var(--sjr-tint-1); color: var(--sjr-primary); display: flex; align-items: center; justify-content: center; font-family: var(--sjr-f-display); font-weight: 700; }
.sjr-cat:nth-child(even) .sjx-avatar-sm { background: var(--sjr-secondary-soft); color: var(--sjr-check); }

/* Suche */
.sjx-search-head { flex-direction: column; }
.sjx-search-text { max-width: 46rem; gap: 0.9rem; }
.sjx-search-title { font-size: 2.6rem; overflow-wrap: anywhere; }
.sjx-search-form { display: flex; gap: 0.5rem; padding: 0.4rem; border-radius: 999px; background: #FFFFFF; border: 1px solid var(--sjr-line-strong); box-shadow: 0 6px 24px rgba(60, 30, 120, 0.08); max-width: 40rem; }
.sjx-search-form:focus-within { border-color: var(--sjr-primary); box-shadow: 0 0 0 4px var(--sjr-tint-1); }
.sjx-search-input { flex: 1 1 auto; min-width: 0; border: 0 !important; background: transparent !important; padding: 0.6rem 1rem !important; font-family: var(--sjr-f-body); font-size: 1rem; color: var(--sjr-ink); outline: none; box-shadow: none !important; }
.sjx-search-btn { flex: 0 0 auto; border: 0; border-radius: 999px; padding: 0.65rem 1.4rem; background: var(--sjr-primary); color: #FFFFFF; font-family: var(--sjr-f-body); font-weight: 700; font-size: 0.95rem; cursor: pointer; transition: background-color 0.15s ease; }
.sjx-search-btn:hover, .sjx-search-btn:focus-visible { background: var(--sjr-primary-hover); color: #FFFFFF; }
.sjx-results { display: flex; flex-direction: column; }
.sjx-result { display: flex; gap: 1.5rem; align-items: center; padding: 1.5rem 0; border-bottom: 1px solid var(--sjr-line); }
.sjx-result:first-child { padding-top: 0; }
.sjx-result-media { flex: 0 0 15rem; width: 15rem; aspect-ratio: 3 / 2; }
.sjx-result:hover .sjr-img { transform: scale(1.06); }
.sjx-result-body { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.sjx-result-title { font-size: 1.4rem; }
.sjx-result:hover .sjx-result-title a { color: var(--sjr-primary); }

@media (max-width: 960px) {
	.sjx-search-title { font-size: 2.1rem; }
	.sjx-result-media { flex-basis: 11rem; width: 11rem; }
}
@media (max-width: 600px) {
	.sjx-avatar-xl { width: 4.5rem; height: 4.5rem; flex-basis: 4.5rem; font-size: 1.5rem; }
	.sjx-search-title { font-size: 1.75rem; }
	.sjx-search-btn { padding: 0.65rem 1rem; }
	.sjx-result { flex-direction: column; align-items: stretch; gap: 1rem; }
	.sjx-result-media { flex-basis: auto; width: 100%; }
	.sjx-result-title { font-size: 1.2rem; }
}