/**
 * Famille Luciano — widgets Forum & Chat (aligné sur famille_luciano_elementor.html)
 */

:root {
	--fl-gold: #c8a020;
	--fl-gold-l: #e8c040;
	--fl-gold-p: #f5e090;
	--fl-bg: #0e0600;
	--fl-bg2: #1a0a00;
	--fl-bdr: rgba(200, 160, 30, 0.3);
	--fl-txt: #e0c890;
	--fl-mut: #a08050;
	--fl-cv: #2a8a2a;
	--fl-mf: #aa2222;
	--fl-jd: #2a4a9a;
}

.fl-widget {
	font-family: "Crimson Text", Georgia, serif;
	color: var(--fl-txt);
	box-sizing: border-box;
}

.fl-widget *,
.fl-widget *::before,
.fl-widget *::after {
	box-sizing: border-box;
}

.fl-widget-title {
	font-family: "Cinzel", serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: var(--fl-gold);
	display: block;
	margin-bottom: 10px;
}

/* Carte type « Nous Retrouver » (lien-card) */
.fl-lien-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 18px 14px;
	border-radius: 2px;
	border: 1.5px solid;
	text-align: center;
	text-decoration: none;
	transition: transform 0.2s, filter 0.2s, box-shadow 0.2s;
	background: linear-gradient(160deg, #2a1400, #1a0a00);
}

.fl-lien-card:hover {
	transform: translateY(-3px);
	filter: brightness(1.12);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

.fl-lien-icon {
	font-size: 28px;
	line-height: 1;
}

.fl-lien-name {
	font-family: "Cinzel", serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.fl-lien-desc {
	font-family: "Crimson Text", serif;
	font-size: 11.5px;
	font-style: italic;
	line-height: 1.45;
}

.fl-lien-cta {
	font-family: "Cinzel", serif;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 4px;
	opacity: 0.95;
}

/* Forum — carte épurée (widget / Elementor) */
.fl-forum-widget--clean .fl-forum-widget__heading {
	font-family: "Cinzel", serif;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: var(--fl-mut);
	margin: 0 0 10px;
}

.fl-forum-widget__card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	padding: 16px 18px;
	border-radius: 2px;
	border: 1px solid var(--fl-bdr);
	text-decoration: none;
	text-align: left;
	background: rgba(12, 6, 0, 0.55);
	transition: border-color 0.2s ease, background 0.2s ease;
}

.fl-forum-widget__card:hover {
	border-color: rgba(200, 160, 30, 0.55);
	background: rgba(26, 14, 0, 0.65);
}

.fl-forum-widget__title {
	font-family: "Cinzel", serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--fl-gold-l);
}

.fl-forum-widget__desc {
	font-size: 14px;
	line-height: 1.45;
	color: rgba(224, 200, 160, 0.72);
	font-style: italic;
}

.fl-forum-widget__action {
	font-family: "Cinzel", serif;
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: var(--fl-gold);
	margin-top: 4px;
}

.fl-forum-widget__card:hover .fl-forum-widget__action {
	color: var(--fl-gold-l);
}

/* Ancienne carte « lien » (rétrocompat si utilisée ailleurs) */
.fl-lc-forum {
	border-color: var(--fl-gold);
	background: rgba(200, 160, 30, 0.08);
}

.fl-lc-forum .fl-lien-name {
	color: var(--fl-gold-l);
}

.fl-lc-forum .fl-lien-desc {
	color: rgba(200, 160, 30, 0.65);
}

.fl-lc-forum .fl-lien-cta {
	color: var(--fl-gold-l);
}

/* Discord — bleu */
.fl-lc-discord {
	background: rgba(88, 101, 242, 0.1);
	border-color: #5865f2;
}

.fl-lc-discord .fl-lien-name {
	color: #b0b8ff;
}

.fl-lc-discord .fl-lien-desc {
	color: rgba(176, 184, 255, 0.65);
}

.fl-lc-discord .fl-lien-cta {
	color: #b0b8ff;
}

/* Chat générique — or / siège */
.fl-lc-generic {
	border-color: var(--fl-gold);
	background: rgba(200, 160, 30, 0.06);
}

.fl-lc-generic .fl-lien-name {
	color: var(--fl-gold-l);
}

.fl-lc-generic .fl-lien-desc {
	color: rgba(224, 200, 144, 0.55);
}

.fl-lc-generic .fl-lien-cta {
	color: var(--fl-gold-p);
}

/* Bandeau optionnel sous les widgets (rappel factions) */
.fl-widget.fl-forum-widget,
.fl-widget.fl-chat-widget {
	padding: 0;
	margin-bottom: 0;
}

.widget.fl_forum_widget .fl-widget,
.widget.fl_chat_widget .fl-widget {
	width: 100%;
}