.tabs-wrapper {
	background: #fff;
	border-radius: 0.75rem;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.modern-tabs .nav-link {
	border: none;
	color: #6c757d;
	font-weight: 500;
	font-size: 1rem;
	padding: 0.75rem 1.5rem;
	transition: color 0.2s ease, background-color 0.2s ease;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.modern-tabs .nav-link:hover {
	color: var(--blue-color);
	background-color: #f8f9fa;
}

.modern-tabs .nav-link.active {
	color: var(--blue-color);
	border-bottom: 2px solid var(--blue-color);
	background-color: #fff;
}

.tab-content {
	background: #fff;
	min-height: 250px;
	transition: opacity 0.3s ease;
}

/* ============================================================= */
/* RESPONSIVE - Écrans <= 1440px */
/* ============================================================= */

@media (max-width: 1440px) {
	.modern-tabs .nav-link {
		padding: 0.5rem 1rem;
		font-size: 0.9rem;
	}
}

@media (max-width: 1200px) {
	.modern-tabs .nav-link {
		padding: 0.4rem 0.75rem;
		font-size: 0.85rem;
	}
}

@media (max-width: 992px) {
	.modern-tabs .nav-link {
		padding: 0.35rem 0.5rem;
		font-size: 0.8rem;
	}
}