/* ===========================================
   Funkwelt Linkliste – Frontend Styles v1.0
   =========================================== */

/* ── Wrapper ── */
.fll-linkliste {
	font-family: inherit;
	max-width: 100%;
	color: inherit;
}

/* ── Kategorien-Navigation (Sprunglinks) ── */
.fll-cat-nav {
	background: #f0f6fa;
	border-left: 4px solid #0073aa;
	padding: 12px 16px;
	margin-bottom: 28px;
	border-radius: 0 6px 6px 0;
	font-size: 0.9em;
	line-height: 2;
}
.fll-cat-nav strong {
	margin-right: 6px;
	color: #333;
}
.fll-cat-nav a {
	display: inline-block;
	margin: 2px 4px;
	color: #0073aa;
	text-decoration: none;
	border: 1px solid #0073aa;
	padding: 2px 12px;
	border-radius: 20px;
	font-size: 0.85em;
	transition: background 0.2s, color 0.2s;
}
.fll-cat-nav a:hover {
	background: #0073aa;
	color: #fff;
}

/* ── Kategorie-Block ── */
.fll-category {
	margin-bottom: 36px;
	scroll-margin-top: 80px;
}
.fll-category-title {
	font-size: 1.25em;
	font-weight: 700;
	border-bottom: 2px solid #0073aa;
	padding-bottom: 8px;
	margin: 0 0 12px;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 10px;
}
.fll-count {
	background: #0073aa;
	color: #fff;
	font-size: 0.65em;
	padding: 2px 9px;
	border-radius: 20px;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.fll-category-desc {
	color: #666;
	font-size: 0.88em;
	margin: 0 0 12px;
	font-style: italic;
}

/* ── Links-Liste ── */
.fll-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 8px;
}
.fll-link-item {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 11px 15px;
	background: #fafafa;
	transition: box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.fll-link-item:hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.09);
	border-color: #0073aa;
	background: #fff;
}
.fll-link-item.fll-dead {
	opacity: 0.75;
	border-color: #dba617;
	background: #fffdf0;
}

/* ── Link-Anker ── */
.fll-link {
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: #0073aa;
	font-weight: 600;
	font-size: 1em;
	margin-bottom: 4px;
}
.fll-link:hover { color: #005177; text-decoration: underline; }
.fll-favicon    { flex-shrink: 0; border-radius: 2px; }
.fll-link-title { flex: 1; }

/* ── Badges ── */
.fll-new-badge {
	background: #46b450;
	color: #fff;
	font-size: 0.62em;
	padding: 2px 8px;
	border-radius: 20px;
	font-weight: 700;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	white-space: nowrap;
}
.fll-dead-badge {
	font-size: 0.9em;
	flex-shrink: 0;
	color: #dba617;
}

/* ── Beschreibung & Meta ── */
.fll-link-desc {
	display: block;
	font-size: 0.87em;
	color: #555;
	margin-bottom: 4px;
	line-height: 1.45;
}
.fll-link-meta {
	display: block;
	font-size: 0.76em;
	color: #aaa;
}

/* ── Leer-Zustand ── */
.fll-empty { color: #888; font-style: italic; }

/* ── Vorschlagsformular ── */
.fll-suggest-wrap { max-width: 640px; }
.fll-suggest-form {
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	padding: 26px 28px;
}
.fll-suggest-form h3 { margin: 0 0 6px; color: #0073aa; font-size: 1.2em; }
.fll-suggest-form > p { margin: 0 0 20px; color: #555; font-size: 0.92em; }

.fll-form-row { margin-bottom: 16px; }
.fll-form-row label {
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 0.88em;
	color: #333;
}
.fll-req { color: #dc3232; }

.fll-form-row input,
.fll-form-row textarea,
.fll-form-row select {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ced4da;
	border-radius: 5px;
	font-size: 0.95em;
	box-sizing: border-box;
	font-family: inherit;
	background: #fff;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.fll-form-row input:focus,
.fll-form-row textarea:focus,
.fll-form-row select:focus {
	outline: none;
	border-color: #0073aa;
	box-shadow: 0 0 0 3px rgba(0,115,170,0.12);
}

.fll-form-row--half {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
@media (max-width: 480px) {
	.fll-form-row--half { grid-template-columns: 1fr; }
}

.fll-submit-btn {
	background: #0073aa;
	color: #fff;
	border: none;
	padding: 10px 26px;
	border-radius: 5px;
	font-size: 1em;
	cursor: pointer;
	font-weight: 600;
	transition: background 0.2s;
	display: inline-block;
	margin-top: 4px;
}
.fll-submit-btn:hover    { background: #005177; }
.fll-submit-btn:disabled { background: #aaa; cursor: not-allowed; }

.fll-message {
	padding: 11px 15px;
	border-radius: 5px;
	margin-bottom: 16px;
	font-weight: 500;
	font-size: 0.93em;
}
.fll-message.fll-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.fll-message.fll-error   { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

.fll-hint {
	font-size: 0.78em;
	color: #888;
	margin: 8px 0 0;
}