/**
 * EDA Connexions — Styles front-end (shortcodes)
 *
 * Les custom properties (--eda-bg, --eda-header, --eda-hover, --eda-text, --eda-border)
 * sont injectées dynamiquement via wp_add_inline_style() dans eda-connexions.php.
 *
 * @package EDA_Connexions
 * @since 2.0.0
 */

/* === Stats shortcode === */

.eda-stats-box {
	padding: 15px 20px;
	background: var(--eda-bg);
	color: var(--eda-text);
	border-left: 4px solid var(--eda-header);
	margin-bottom: 20px;
}

/* === Classement wrapper === */

.eda-classement-wrapper {
	margin: 20px 0;
	padding: 20px;
	background: var(--eda-bg);
	color: var(--eda-text);
	border-radius: 6px;
}

.eda-classement-title {
	color: var(--eda-header);
	margin-top: 0;
}

.eda-classement-info {
	color: #666;
}

/* === No data === */

.eda-no-data {
	padding: 12px 16px;
	background: #fff3cd;
	border-left: 4px solid #ffc107;
}

/* === Table === */

.eda-table {
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.eda-table-header {
	background: var(--eda-header);
	color: #fff;
}

.eda-table th,
.eda-table td {
	padding: 10px 12px;
	text-align: left;
}

.eda-row-hover {
	border-bottom: 1px solid var(--eda-border);
}

.eda-row-hover:hover {
	background: var(--eda-hover);
}

/* === Pagination === */

.eda-pagination {
	margin-top: 20px;
	text-align: center;
}

.eda-page-btn {
	display: inline-block;
	padding: 6px 12px;
	margin: 0 3px;
	background: var(--eda-header);
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}

.eda-page-btn:hover {
	opacity: 0.8;
}

.eda-page-current {
	background: var(--eda-text);
	font-weight: bold;
}

/* === Test shortcode (admin only) === */

.eda-test-wrapper {
	max-width: 800px;
	margin: 20px auto;
	font-family: monospace;
}

.eda-test-pass,
.eda-test-fail {
	padding: 5px 10px;
	margin: 3px 0;
}

.eda-test-pass {
	background: #d4edda;
}

.eda-test-fail {
	background: #f8d7da;
}