/**
 * Edito i18n styles
 * @version 1.0.0
 * @date 2026.01.17
 */

/* Conteneur du sélecteur de langue */
.edito-lang-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	padding: 8px 12px;
	background: var(--frame-bg);
	border-radius: var(--border-radius-small);
	border: 1px solid var(--border-color);
}

.edito-lang-wrapper label {
	font-weight: 600;
	color: var(--text-secondary);
}

#edito-lang-selector {
	padding: 4px 8px;
	background: var(--card-bg);
	color: var(--text-primary);
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius-tiny);
	cursor: pointer;
}

#edito-lang-selector:hover {
	border-color: var(--primary-color);
}

/* Indicateur de statut i18n */
.edito-i18n-indicator {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-left: 4px;
	vertical-align: middle;
}

.edito-i18n-indicator.ok {
	background: var(--success-color);
	box-shadow: 0 0 4px var(--success-color);
}

.edito-i18n-indicator.warning {
	background: var(--primary-color);
	box-shadow: 0 0 4px var(--primary-color);
	animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.6; }
}

/* Bouton d'aide */
#edito-i18n-help {
	display: none;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: var(--primary-color);
	background: transparent;
	border: 2px solid var(--primary-color);
	border-radius: 50%;
	cursor: pointer;
	text-decoration: none;
}

#edito-i18n-help:hover {
	background: var(--primary-color);
	color: var(--card-bg);
}

/* Contenu de la modale de statut */
.edito-i18n-status {
	padding: 10px 0;
}

.edito-i18n-status p {
	margin: 0 0 12px 0;
}

.lang-tag {
	display: inline-block;
	padding: 4px 10px;
	margin: 2px;
	border-radius: var(--border-radius-tiny);
	font-weight: 600;
	font-size: 12px;
}

.lang-tag.ok {
	background: rgba(0, 255, 136, 0.2);
	color: var(--success-color);
	border: 1px solid var(--success-color);
}

.lang-tag.missing {
	background: rgba(255, 199, 53, 0.2);
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.edito-line {
	padding: 8px 0;
	border-bottom: 1px transparent; /* Propre et léger */
	font-size: 0.95rem;
}

.edito-title {
	font-weight: 600;
	color: #eee; /* Ou ta couleur principale */
	text-decoration: none;
}

.edito-meta {
	color: #666;
	font-size: 0.85rem;
}

.edito-admin {
	opacity: 0.3; /* On cache un peu les outils d'admin pour les visiteurs */
	transition: opacity 0.2s;
}

.edito-line:hover .edito-admin {
	opacity: 1;
}